.tour-gallery { --gallery-green:#072720; --gallery-lime:#9edd05; margin-bottom:24px; min-width:0; color:var(--gallery-green); }
.tour-gallery [hidden] { display:none!important; }
.tour-gallery__stage { position:relative; aspect-ratio:16/9; border-radius:16px; overflow:hidden; background:#e9efed; touch-action:pan-y; }
.tour-gallery__open { display:block; width:100%; height:100%; }
.tour-gallery__main { display:block; width:100%; height:100%!important; object-fit:cover; }
.tour-gallery__fallback { position:absolute; inset:0; display:grid; place-items:center; padding:2rem; background:#e9efed; color:#36554d; text-align:center; }
.tour-gallery__arrow { position:absolute; top:50%; transform:translateY(-50%); border:1px solid #ffffff80; width:44px; height:44px; border-radius:50%; background:#072720d9; color:white; font:32px/1 sans-serif; display:grid; place-items:center; cursor:pointer; z-index:1; }
.tour-gallery__arrow--prev { inset-inline-start:12px; }
.tour-gallery__arrow--next { inset-inline-end:12px; }
.tour-gallery:dir(rtl) .tour-gallery__arrow { transform:translateY(-50%) scaleX(-1); }
.tour-gallery__meta { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:12px; font-size:14px; }
.tour-gallery__all { padding:10px 16px; min-height:44px; border:1px solid #ccdad4; border-radius:10px; background:white; color:var(--gallery-green); font-weight:700; }
.tour-gallery__caption { min-height:2.8em; max-height:2.8em; line-height:1.4; margin:8px 0 12px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; }
.tour-gallery__thumbnails { display:flex; gap:10px; overflow-x:auto; padding:4px 3px 10px; scroll-snap-type:x proximity; scrollbar-width:thin; }
.tour-gallery__thumb { display:block; flex:0 0 calc((100% - 50px)/6); min-width:80px; aspect-ratio:3/2; border:3px solid transparent; border-radius:10px; overflow:hidden; scroll-snap-align:center; background:#e9efed; }
.tour-gallery__thumb img { display:block; width:100%; height:100%!important; object-fit:cover; }
.tour-gallery__thumb[aria-current=true] { border-color:var(--gallery-lime); box-shadow:0 0 0 1px var(--gallery-green); }
.tour-gallery a:focus-visible,.tour-gallery button:focus-visible { outline:3px solid var(--gallery-lime); outline-offset:3px; }
.tour-gallery__dialog { padding:0; border:0; border-radius:16px; width: min(1200px,96vw); max-width:96vw; max-height:94dvh; background:#072720; color:white; margin:auto; overflow:auto; }
.tour-gallery__dialog::backdrop { background:#001611eb; }
.tour-gallery__dialog-bar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:10px 16px; }
.tour-gallery__dialog-bar button { min-width:44px; min-height:44px; border:1px solid #ffffff80; border-radius:50%; background:transparent; color:white; font-size:28px; }
.tour-gallery__full-stage { position:relative; height:min(70dvh,780px); touch-action:pan-y pinch-zoom; }
.tour-gallery__full-stage>img { display:block; width:100%; height:100%!important; object-fit:contain; }
.tour-gallery__full-caption { min-height:1.4em; padding:12px 64px; margin:0; text-align:center; overflow-wrap:anywhere; }
html.tour-gallery-open { overflow:hidden; }
@media(max-width:575px) { .tour-gallery__thumb { flex-basis:calc((100% - 30px)/4); min-width:64px; } .tour-gallery__stage { border-radius:12px; } .tour-gallery__arrow--prev { inset-inline-start:8px; } .tour-gallery__arrow--next { inset-inline-end:8px; } .tour-gallery__dialog { width:100vw; max-width:100vw; max-height:100dvh; border-radius:0; } .tour-gallery__full-caption { padding:12px 16px; } }

.tour-gallery__dialog:not([open]) { display:none; }