/* Карусель «В цеху и на объекте» и увеличение фото. Цвета и шрифты только из tokens.css. */
.gallery-carousel{position:relative}
.gallery-grid{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gallery-grid::-webkit-scrollbar{display:none}
.gallery-grid:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.gallery-photo{flex:0 0 calc((100% - 40px)/3);aspect-ratio:1.2;scroll-snap-align:start;cursor:zoom-in;user-select:none;-webkit-user-select:none}
.gallery-photo:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.gallery-grid.is-dragging{scroll-snap-type:none;cursor:grabbing}
.gallery-grid.is-dragging .gallery-photo{cursor:grabbing}

.gallery-nav{position:absolute;top:50%;z-index:2;width:44px;height:44px;margin-top:-22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--bg) 80%,transparent);color:var(--ink);cursor:pointer;transition:border-color .2s}
.gallery-nav:hover{border-color:var(--green)}
.gallery-nav:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.gallery-nav.prev{left:12px}
.gallery-nav.next{right:12px}

.gallery-lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}
.gallery-lightbox[open]{display:grid;place-items:center}
.gallery-lightbox::backdrop{background:color-mix(in srgb,var(--bg) 94%,transparent)}
.gallery-lightbox figure{position:relative;margin:0;line-height:0}
.gallery-lightbox img{display:block;max-width:min(92vw,1500px);max-height:86dvh;width:auto;height:auto;border:1px solid var(--line);border-radius:4px;user-select:none;-webkit-user-select:none}
.gallery-lightbox .watermark{font-size:.875rem;line-height:1}
.gallery-lightbox .gallery-nav.prev{left:16px}
.gallery-lightbox .gallery-nav.next{right:16px}
.gallery-close{position:absolute;top:16px;right:16px;margin:0}
.gallery-counter{position:absolute;left:0;right:0;bottom:16px;margin:0;text-align:center;font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.08em;color:var(--ink-muted)}

@media(max-width:1180px){
  .gallery-grid{gap:12px}
  .gallery-photo{flex-basis:calc((100% - 12px)/2);aspect-ratio:1.25}
}
@media(max-width:600px){
  .gallery-photo{flex-basis:86%;aspect-ratio:1.3}
  .gallery-nav{width:40px;height:40px;margin-top:-20px}
  .gallery-nav.prev{left:8px}
  .gallery-nav.next{right:8px}
  .gallery-lightbox img{max-width:100vw;max-height:78dvh;border-left:0;border-right:0;border-radius:0}
  .gallery-lightbox .gallery-nav{top:auto;bottom:12px;margin-top:0}
  .gallery-close{top:10px;right:10px}
}