.photo-gallery { min-width:0; width:100%; color:#233325; }
.photo-gallery .gallery-stage { display:block; width:100%; border:0; padding:12px; border-radius:12px; background:#fff; cursor:zoom-in; }
.photo-gallery .gallery-stage img { display:block; width:100%; height:300px; max-height:45vh; object-fit:contain; margin:0; padding:0; }
.photo-gallery .gallery-navigation { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:10px 0; font-size:14px; }
.photo-gallery [hidden] { display:none; }
.photo-gallery .gallery-navigation button { width:44px; height:40px; border:1px solid #ccd5ca; border-radius:7px; background:#fff; color:inherit; cursor:pointer; font-size:20px; }
.photo-gallery .gallery-thumbnails { display:flex; gap:8px; padding:3px; overflow-x:auto; max-width:100%; }
.photo-gallery .gallery-thumbnails a { flex:0 0 64px; border:2px solid #d7ddd5; border-radius:8px; background:#fff; padding:3px; }
.photo-gallery .gallery-thumbnails a[aria-current=true] { border-color:var(--brand,#365f26); box-shadow:0 0 0 1px var(--brand,#365f26); }
.photo-gallery .gallery-thumbnails img { display:block; width:54px; height:48px; object-fit:contain; margin:0; padding:0; }
.photo-gallery .gallery-caption { font-size:12px; color:#52604f; line-height:1.5; min-height:18px; margin:9px 0 0; }
.photo-gallery button:focus-visible,.photo-gallery a:focus-visible { outline:3px solid #365f26; outline-offset:3px; }
.dialog-product > .dialog-product-image { display:block; min-width:0; max-height:none; }
.gallery-lightbox { width:min(1000px,96vw); max-width:96vw; max-height:94dvh; padding:18px; border:0; border-radius:14px; background:#fff; overflow:auto; }
.gallery-lightbox::backdrop { background:rgba(0,0,0,.75); }
.gallery-lightbox .gallery-stage { cursor:default; opacity:1; }
.gallery-lightbox .gallery-stage img { height:60dvh; max-height:60dvh; }
.gallery-close { display:block; margin:0 0 12px auto; padding:10px 16px; border:1px solid #ccd5ca; background:#fff; border-radius:7px; cursor:pointer; }
@media(max-width:600px) { .photo-gallery .gallery-stage img { height:230px; } .gallery-lightbox { padding:10px; } }