.c2f-media-gallery{display:block;width:100%;min-width:0;color:#111923;font-family:var(--font-body-family),sans-serif}
.c2f-media-gallery *{box-sizing:border-box}
.c2f-media-gallery [hidden]{display:none!important}
.c2f-media-gallery__stage{position:relative;width:100%;aspect-ratio:1;max-height:calc(100svh - 180px);min-height:260px;overflow:hidden;border:1px solid #e6e9ec;border-radius:16px;background:#f4f5f6;isolation:isolate}
.c2f-media-gallery__panel{position:absolute;inset:0;width:100%;height:100%}
.c2f-media-gallery .c2f-media-gallery__panel .product-media-container,.c2f-media-gallery .c2f-media-gallery__panel .product__modal-opener,.c2f-media-gallery .c2f-media-gallery__panel .product__media,.c2f-media-gallery .c2f-media-gallery__panel .deferred-media{width:100%;height:100%;max-width:none;min-height:0;margin:0;padding:0;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:transparent}
.c2f-media-gallery .product-media-container:after,.c2f-media-gallery .product-media-container:before{display:none}
.c2f-media-gallery .product__media img,.c2f-media-gallery .deferred-media__poster img{width:100%;height:100%;object-fit:contain!important;object-position:center}
.c2f-media-gallery .product__media-icon{display:none}
.c2f-media-gallery .product__media-toggle{display:block;width:100%;height:100%;position:absolute;inset:0;border:0;background:transparent;cursor:zoom-in}
.c2f-media-gallery .product__modal-opener:not(.product__modal-opener--image){display:none}
.c2f-media-gallery .deferred-media{display:block}
.c2f-media-gallery .deferred-media :is(video,iframe,model-viewer){width:100%;height:100%;object-fit:contain}
.c2f-media-gallery__zoom,.c2f-media-gallery__arrow{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;border:1px solid #dce2e8;background:rgba(255,255,255,.96);color:#172330;box-shadow:0 4px 14px #1119230d;cursor:pointer;font:500 13px/1.2 var(--font-body-family),sans-serif;transition:background .18s,border-color .18s}
.c2f-media-gallery__zoom{top:14px;right:14px;gap:10px;min-height:40px;padding:10px 13px;border-radius:10px}
.c2f-media-gallery__zoom span{font-size:20px}
.c2f-media-gallery__arrow{top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;border-radius:50%}
.c2f-media-gallery__arrow--prev{left:12px}.c2f-media-gallery__arrow--next{right:12px}
.c2f-media-gallery__arrow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.c2f-media-gallery__zoom:hover,.c2f-media-gallery__arrow:hover{background:#fff9db;border-color:#dbb947}
.c2f-media-gallery__counter{position:absolute;z-index:2;bottom:14px;left:14px;background:rgba(255,255,255,.94);padding:5px 9px;border-radius:8px;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;pointer-events:none}
.c2f-media-gallery__thumbs{display:flex;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#cad0d7 transparent;padding:3px 2px 8px;margin-top:11px}
.c2f-media-gallery__thumb{position:relative;flex:0 0 68px;width:68px;height:68px;padding:3px;border:1px solid #dce2e8;border-radius:8px;background:#f5f6f7;cursor:pointer}
.c2f-media-gallery__thumb img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}
.c2f-media-gallery__thumb[aria-pressed=true]{border:2px solid #172330;box-shadow:0 0 0 1px #fff inset;padding:2px}
.c2f-media-gallery__type{position:absolute;bottom:3px;right:3px;background:white;border-radius:4px;padding:1px 4px;font-size:10px}
.c2f-media-gallery :focus-visible{outline:3px solid #d6ab00;outline-offset:3px}
@media(min-width:750px){.product__media-wrapper:has(>.c2f-media-gallery){align-self:start;position:sticky;top:24px}}
@media(max-width:749px){.c2f-media-gallery__stage{max-height:70svh;min-height:220px;border-radius:13px}.c2f-media-gallery__zoom{top:10px;right:10px;min-height:38px;font-size:12px;padding:8px 10px}.c2f-media-gallery__arrow--prev{left:8px}.c2f-media-gallery__arrow--next{right:8px}.c2f-media-gallery__thumb{flex-basis:60px;width:60px;height:60px}.c2f-media-gallery__thumbs{gap:7px;margin-top:9px}.c2f-media-gallery__counter{bottom:10px;left:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.c2f-media-gallery *{transition:none!important}}