bg-gallery-tools{display:none}
#MainContent product-info .product__media-wrapper:has(.bgg-gallery){padding:20px!important}
#MainContent .bgg-gallery{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;background:#fff;align-items:start;--bgg-stage:clamp(420px,65vh,720px)}
.bgg-gallery bg-gallery-tools{display:block;grid-column:1/-1;grid-row:1}
.bgg-toolbar{display:flex;align-items:center;gap:16px;padding:0 0 16px;border-bottom:1px solid #e6e9e3;color:#111e18}
.bgg-counter{font-size:12px;letter-spacing:.12em;white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums}.bgg-counter>span:nth-child(2){color:#98a49a;margin:0 6px}
.bgg-hint{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#526458}.bgg-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.bgg-actions button,.bgg-lightbox-footer>button{display:grid;place-items:center;border:1px solid #d7dfd8;border-radius:50%;width:42px;height:42px;padding:0;background:#fff;color:#111e18;font-size:20px;cursor:pointer;transition:background .18s,border-color .18s}
.bgg-actions [data-bgg-open]{background:#111e18;border-color:#111e18;color:#fff;font-size:25px}.bgg-actions button:hover,.bgg-lightbox-footer>button:hover{background:#bce1d0;border-color:#bce1d0;color:#111e18}.bgg-actions button:disabled{opacity:.25;cursor:default}
.bgg-gallery button:focus-visible,.bgg-lightbox button:focus-visible{outline:3px solid #ff6b35;outline-offset:3px}
#MainContent .bgg-gallery>[id^="GalleryViewer"]{grid-column:2;grid-row:2;min-width:0;width:100%;margin:0!important}
#MainContent .bgg-gallery [id^="Slider-Gallery"]{margin:0!important;padding:0!important;gap:0;scroll-snap-type:x mandatory;width:100%}
#MainContent .bgg-gallery .product__media-item{width:100%!important;max-width:100%!important;padding:0!important;scroll-margin:0;scroll-snap-align:start}
#MainContent .bgg-gallery .product-media-container{width:100%!important;max-width:100%!important;--constrained-height:var(--bgg-stage);--constrained-min-height:0px}
#MainContent .bgg-gallery .product__modal-opener{height:var(--bgg-stage)}
#MainContent .bgg-gallery .product__media{height:100%!important;padding-top:0!important;position:relative}
#MainContent .bgg-gallery .product__media img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center;mix-blend-mode:normal}
#MainContent .bgg-gallery .product__media-icon{display:none!important}
#MainContent .bgg-gallery .product__media-toggle{display:block!important;position:absolute;inset:0;width:100%;height:100%;cursor:zoom-in}
#MainContent .bgg-gallery>[id^="GalleryThumbnails"]{grid-column:1;grid-row:2;display:block!important;width:72px;margin:0!important;max-height:var(--bgg-stage);overflow:auto;scrollbar-width:thin;scrollbar-color:#bce1d0 transparent}
#MainContent .bgg-gallery .thumbnail-list{display:flex!important;flex-direction:column;gap:12px;margin:0;padding:3px!important;overflow:visible;width:100%;scroll-padding:0}
#MainContent .bgg-gallery .thumbnail-list__item{flex:0 0 auto;width:64px!important;max-width:64px;scroll-snap-align:start}
#MainContent .bgg-gallery .thumbnail{border:1px solid #e1e5df!important;border-radius:2px;overflow:hidden;padding:5px;background:#fff!important;box-shadow:none!important;transition:border-color .18s,background .18s}
#MainContent .bgg-gallery .thumbnail img{object-fit:contain!important;padding:4px;transition:transform .2s}
#MainContent .bgg-gallery .thumbnail:hover img{transform:scale(1.05)}
#MainContent .bgg-gallery .thumbnail[aria-current]{border:2px solid #527d64!important;background:#edf5ef!important}
#MainContent .bgg-gallery .slider-buttons,#MainContent .bgg-gallery .thumbnail-slider>.slider-button{display:none!important}
#MainContent .bgg-gallery .product__media-item.is-active .product__modal-opener{animation:bgg-reveal .28s ease-out}
@keyframes bgg-reveal{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.bgg-lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;padding:20px 28px;background:#fff;color:#111e18;margin:0;box-sizing:border-box;overscroll-behavior:contain}
.bgg-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;animation:bgg-reveal .22s ease-out}
.bgg-lightbox::backdrop{background:#111e18e6}.bgg-lightbox-bar{display:flex;align-items:center;font-size:12px;letter-spacing:.1em;font-variant-numeric:tabular-nums}.bgg-lightbox-stage{overflow:auto;display:flex;align-items:center;justify-content:center;min-height:0;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:thin}.bgg-lightbox-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:zoom-in;user-select:none}
.bgg-lightbox-stage.is-zoomed{display:block}.bgg-lightbox-stage.is-zoomed img{max-width:none;max-height:none;width:max(100%,min(1600px,180vw));height:auto;cursor:zoom-out;margin:0 auto}
.bgg-lightbox-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.bgg-lightbox-footer p{margin:0;text-align:center;font-size:12px;color:#526458;max-width:65ch}.bgg-lightbox [data-bgg-zoom]{width:auto;border-radius:22px;padding:0 18px;font:inherit;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
body:has(.bgg-lightbox[open]){overflow:hidden}
@media(max-width:749px){#MainContent product-info .product__media-wrapper:has(.bgg-gallery){padding:14px!important}#MainContent .bgg-gallery{grid-template-columns:1fr;gap:14px;--bgg-stage:clamp(340px,58vh,580px)}#MainContent .bgg-gallery>[id^="GalleryViewer"]{grid-column:1;grid-row:2}#MainContent .bgg-gallery>[id^="GalleryThumbnails"]{grid-column:1;grid-row:3;width:100%;max-height:none;overflow:auto}#MainContent .bgg-gallery .thumbnail-list{flex-direction:row;gap:10px;overflow-x:auto;width:100%;scroll-snap-type:x proximity}#MainContent .bgg-gallery .thumbnail-list__item{width:62px!important;max-width:62px}.bgg-hint{font-size:9px;letter-spacing:.08em}.bgg-toolbar{gap:10px;padding-bottom:12px}.bgg-actions{gap:5px}.bgg-actions button{width:36px;height:36px}.bgg-lightbox{padding:14px}.bgg-lightbox-footer p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.bgg-gallery *,.bgg-lightbox{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#MainContent .bgg-gallery:not(:has([id^="GalleryThumbnails"])){grid-template-columns:minmax(0,1fr)}#MainContent .bgg-gallery:not(:has([id^="GalleryThumbnails"]))>[id^="GalleryViewer"]{grid-column:1}
