/* GROMADIS V2.2.18 — project/calculator mobile CTA + accessible project lightbox */
@media (max-width:760px){
  body.cro-bar-visible{padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}
  .cro-mobile-bar{
    grid-template-columns:minmax(96px,.66fr) minmax(0,1.34fr)!important;
    gap:6px!important;
    padding:6px max(9px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-right))!important;
  }
  .cro-mobile-bar a,.cro-mobile-bar button{
    min-height:44px!important;
    padding:8px 10px!important;
    font-size:13px!important;
  }
}

.gromadis-lightbox{width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(9,11,13,.97);color:#fff;overflow:hidden;z-index:5000}
.gromadis-lightbox::backdrop{background:rgba(9,11,13,.97)}
.gromadis-lightbox[open]{display:block}
.gromadis-lightbox-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));box-sizing:border-box}
.gromadis-lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px}
.gromadis-lightbox-counter{font:600 13px/1.3 Montserrat,Arial,sans-serif;color:rgba(255,255,255,.76)}
.gromadis-lightbox-close{width:44px;height:44px;border:1px solid rgba(255,255,255,.32);background:rgba(0,0,0,.24);color:#fff;font:400 30px/1 Arial,sans-serif;cursor:pointer}
.gromadis-lightbox-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 54px}
.gromadis-lightbox-image{display:block;max-width:100%;max-height:calc(100dvh - 160px);width:auto;height:auto;object-fit:contain;box-shadow:0 14px 50px rgba(0,0,0,.36)}
.gromadis-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:54px;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.34);color:#fff;font:400 32px/1 Arial,sans-serif;cursor:pointer}
.gromadis-lightbox-prev{left:0}.gromadis-lightbox-next{right:0}
.gromadis-lightbox-nav[hidden]{display:none}
.gromadis-lightbox-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding-top:8px}
.gromadis-lightbox-caption{margin:0;font:400 14px/1.45 Montserrat,Arial,sans-serif;color:rgba(255,255,255,.86);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gromadis-lightbox-original{color:#fff;text-decoration:underline;text-underline-offset:3px;font:600 13px/1.35 Montserrat,Arial,sans-serif}
.gromadis-zoomable{cursor:zoom-in}
.gromadis-zoomable:focus-visible{outline:3px solid rgba(216,99,47,.6);outline-offset:3px}
body.gromadis-lightbox-open{overflow:hidden}
@media(max-width:700px){
  .gromadis-lightbox-shell{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
  .gromadis-lightbox-stage{padding:6px 0 58px}
  .gromadis-lightbox-image{max-height:calc(100dvh - 188px)}
  .gromadis-lightbox-nav{top:auto;bottom:4px;transform:none;width:52px;height:46px}
  .gromadis-lightbox-prev{left:calc(50% - 60px)}.gromadis-lightbox-next{right:calc(50% - 60px)}
  .gromadis-lightbox-bottom{grid-template-columns:1fr;gap:6px}
  .gromadis-lightbox-caption{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .gromadis-lightbox-original{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.gromadis-lightbox *{scroll-behavior:auto!important;transition:none!important}}

/* V2.2.18.2 — mobile lightbox layout hotfix */
@media(max-width:700px){
  .gromadis-lightbox-shell{
    grid-template-rows:auto auto auto 1fr;
    align-content:start;
    height:100%;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .gromadis-lightbox-stage{
    display:grid;
    grid-template-columns:52px 52px;
    grid-template-areas:
      "image image"
      "prev next";
    justify-content:center;
    align-content:start;
    column-gap:16px;
    row-gap:10px;
    min-height:0;
    padding:10px 0 6px;
  }
  .gromadis-lightbox-image{
    grid-area:image;
    justify-self:center;
    align-self:center;
    width:auto;
    height:auto;
    max-width:calc(100vw - 20px);
    max-height:calc(100dvh - 230px);
    margin:0;
  }
  .gromadis-lightbox-nav{
    position:static;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    transform:none;
    width:52px;
    height:46px;
    margin:0;
  }
  .gromadis-lightbox-prev{grid-area:prev;justify-self:end}
  .gromadis-lightbox-next{grid-area:next;justify-self:start}
  .gromadis-lightbox-bottom{
    grid-template-columns:1fr;
    gap:5px;
    padding-top:6px;
  }
  .gromadis-lightbox-caption{
    font-size:13px;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .gromadis-lightbox-original{font-size:12px}
}