.product__media-wrapper{position:relative;overflow:hidden}@media screen and (max-width: 749px){.product__media-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0;padding:0;margin:0 calc(-1 * var(--space-sm))}.product__media-item{flex:0 0 100vw;scroll-snap-align:start;padding:0 var(--space-sm);box-sizing:border-box}.product__media-list::-webkit-scrollbar{display:none}.product__media-list{-ms-overflow-style:none;scrollbar-width:none}}.product__media-item .product__media,.product__media-item .media{aspect-ratio:4 / 5;border-radius:var(--radius-lg);overflow:hidden;position:relative;background:var(--glass-bg);border:1px solid var(--glass-border)}.product__media-item img{width:100%;height:100%;object-fit:cover;object-position:center;transition:var(--transition-slow)}@media screen and (max-width: 749px){.product__media-item .media{touch-action:pan-x pan-y pinch-zoom;cursor:zoom-in}.product__media-item .media.zoomed{cursor:zoom-out;overflow:auto}.product__media-item .media.zoomed img{transform-origin:center;max-width:none;max-height:none}}@media screen and (min-width: 750px){.product__media-wrapper{position:sticky;top:var(--space-lg)}.product__media-list{grid-template-columns:1fr;gap:var(--space-md)}.product__media-item:hover img{transform:scale(var(--hover-scale))}}@media screen and (max-width: 749px){.slider-buttons{display:none}.mobile-gallery-dots{display:flex;justify-content:center;gap:var(--space-xs);margin-top:var(--space-md);padding:0 var(--space-sm)}.mobile-gallery-dot{width:8px;height:8px;border-radius:var(--radius-full);background:#c9a26d4d;transition:var(--transition-fast);cursor:pointer}.mobile-gallery-dot.active{background:var(--belle-gold);transform:scale(1.2)}}.thumbnail-slider{margin-top:var(--space-md)}@media screen and (max-width: 749px){.thumbnail-slider{margin:var(--space-md) calc(-1 * var(--space-sm)) 0;padding:0 var(--space-sm)}.thumbnail-list{display:flex;gap:var(--space-xs);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-xs)}.thumbnail-list::-webkit-scrollbar{height:2px}.thumbnail-list::-webkit-scrollbar-track{background:#c9a26d1a;border-radius:var(--radius-full)}.thumbnail-list::-webkit-scrollbar-thumb{background:var(--belle-gold);border-radius:var(--radius-full)}.thumbnail-list__item{flex:0 0 60px;scroll-snap-align:start}}.thumbnail{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;transition:var(--transition-fast);cursor:pointer;position:relative}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail[aria-current=true]{border-color:var(--belle-gold);box-shadow:0 0 0 2px #c9a26d33}@media (hover: hover){.thumbnail:hover{border-color:var(--belle-gold-light);transform:scale(1.05)}}@media screen and (min-width: 750px){.thumbnail-slider{position:absolute;left:0;top:0;width:80px;height:100%;margin:0;padding-right:var(--space-md)}.thumbnail-list{flex-direction:column;gap:var(--space-sm);height:100%;overflow-y:auto;overflow-x:hidden}.thumbnail-list__item{flex:0 0 80px}.product__media-list{margin-left:100px}}.thumbnail__badge{position:absolute;bottom:var(--space-xs);right:var(--space-xs);background:#000000b3;color:#fff;padding:4px;border-radius:var(--radius-sm);font-size:1.2rem}.product-media-modal{background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.product-media-modal__content{max-width:90vw;max-height:90vh;border-radius:var(--radius-lg);overflow:hidden}@media screen and (max-width: 749px){.product-media-modal__content{max-width:95vw;max-height:95vh}}.product__media-item .media:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;z-index:1}.product__media-item .media img{position:relative;z-index:2}.product__media-item .media img[src]+:before{display:none}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media screen and (max-width: 749px){.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:var(--transition-fast);z-index:3;pointer-events:none}.swipe-indicator--left{left:var(--space-sm);animation:swipeLeft 2s ease-in-out infinite}.swipe-indicator--right{right:var(--space-sm);animation:swipeRight 2s ease-in-out infinite}@keyframes swipeLeft{0%,to{transform:translateY(-50%) translate(0);opacity:.7}50%{transform:translateY(-50%) translate(-8px);opacity:1}}@keyframes swipeRight{0%,to{transform:translateY(-50%) translate(0);opacity:.7}50%{transform:translateY(-50%) translate(8px);opacity:1}}.product__media-wrapper.interacted .swipe-indicator{display:none}}.product__media-item:focus-within{outline:2px solid var(--belle-gold);outline-offset:2px}.thumbnail:focus{outline:2px solid var(--belle-gold);outline-offset:2px}@media (prefers-contrast: high){.product__media-item .media,.thumbnail{border:2px solid var(--belle-text)}.thumbnail[aria-current=true]{border-color:var(--belle-gold);background:#c9a26d1a}}@media (prefers-reduced-motion: reduce){.product__media-item img,.thumbnail,.mobile-gallery-dot,.swipe-indicator{transition:none!important;animation:none!important}.product__media-item:hover img{transform:none}}.product__media-item .media{contain:layout style paint;will-change:transform}.thumbnail{contain:layout style paint}@media screen and (max-width: 749px){.product__media-list{scroll-behavior:smooth}.product__media-item{scroll-snap-align:center}.product__media-list,.thumbnail-list{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-belle-product-gallery.css.map */