.mobile-coverflow-slider{background:transparent;min-height:320px;overflow:hidden;padding:10px 0 50px;position:relative;width:100%}@media(max-width:480px){.mobile-coverflow-slider{min-height:290px}}@media(max-width:360px){.mobile-coverflow-slider{min-height:260px}}.mobile-coverflow-slider{contain:layout style paint;transform:translateZ(0);will-change:transform}.mobile-coverflow-slider .slider-stable-container{height:100%;min-height:inherit;position:relative;transform:translateZ(0);transition:opacity .4s ease;width:100%}.mobile-coverflow-slider .slider-stable-container.loading{opacity:0;pointer-events:none}.mobile-coverflow-slider .slider-stable-container.loaded{opacity:1;pointer-events:auto}.mobile-coverflow-slider .swiper-skeleton{background:transparent;bottom:0;left:0;position:absolute;right:0;top:0;z-index:15}.mobile-coverflow-slider .swiper-skeleton .skeleton-swiper{padding:20px 10px 50px;position:relative;width:100%}.mobile-coverflow-slider .swiper-skeleton .skeleton-swiper .skeleton-wrapper{align-items:center;display:flex;gap:20px;justify-content:center;min-height:280px;padding:0 20px}@media(max-width:480px){.mobile-coverflow-slider .swiper-skeleton .skeleton-swiper .skeleton-wrapper{min-height:250px}}@media(max-width:360px){.mobile-coverflow-slider .swiper-skeleton .skeleton-swiper .skeleton-wrapper{min-height:220px}}.mobile-coverflow-slider .swiper-skeleton .skeleton-swiper .skeleton-wrapper .skeleton-slide{align-items:center;background:hsla(0,0%,94%,.3);border-radius:15px;display:flex;height:200px;justify-content:center;opacity:.6;transform:scale(.8) rotateY(15deg);transition:all .3s ease;width:200px}@media(max-width:480px){.mobile-coverflow-slider .swiper-skeleton .skeleton-swiper .skeleton-wrapper .skeleton-slide{height:180px;width:180px}}@media(max-width:360px){.mobile-coverflow-slider .swiper-skeleton .skeleton-swiper .skeleton-wrapper .skeleton-slide{height:160px;width:160px}}.mobile-coverflow-slider .swiper-skeleton .skeleton-swiper .skeleton-wrapper .skeleton-slide.active{background:hsla(0,0%,94%,.5);opacity:1;transform:scale(1) rotateY(0deg);z-index:2}.mobile-coverflow-slider .swiper-skeleton .skeleton-swiper .skeleton-wrapper .skeleton-slide .skeleton-slide-content{border-radius:12px;height:100%;overflow:hidden;width:100%}.mobile-coverflow-slider .swiper-skeleton .skeleton-swiper .skeleton-wrapper .skeleton-slide .skeleton-slide-content .skeleton-image-container{background:hsla(0,0%,96%,.8);border-radius:12px;height:100%;position:relative;width:100%}.mobile-coverflow-slider .swiper-skeleton .skeleton-swiper .skeleton-wrapper .skeleton-slide .skeleton-slide-content .skeleton-image-container .skeleton-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,hsla(0,0%,94%,.8),hsla(0,0%,98%,.9) 50%,hsla(0,0%,94%,.8));background-size:200% 100%;inset:0;position:absolute}.mobile-coverflow-slider .swiper-skeleton .skeleton-swiper .skeleton-wrapper .skeleton-slide .skeleton-slide-content .skeleton-image-container .skeleton-icon{animation:pulse 2s infinite;font-size:2rem;left:50%;opacity:.4;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.mobile-coverflow-slider .swiper-skeleton .skeleton-swiper .skeleton-pagination{bottom:20px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:5}.mobile-coverflow-slider .swiper-skeleton .skeleton-swiper .skeleton-pagination .skeleton-dot{animation:pulse 2s infinite;background:hsla(0,0%,78%,.5);border-radius:50%;height:8px;transition:all .3s ease;width:8px}.mobile-coverflow-slider .swiper-skeleton .skeleton-swiper .skeleton-pagination .skeleton-dot.active{background:hsla(0,0%,39%,.8);transform:scale(1.2)}.mobile-coverflow-slider .swiper-skeleton .skeleton-counter{animation:pulse 2s infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.9);border-radius:12px;color:hsla(0,0%,39%,.8);font-size:.75rem;font-weight:600;padding:4px 8px;position:absolute;right:15px;top:15px;z-index:10}.mobile-coverflow-slider .swiper-skeleton .skeleton-counter .current-number,.mobile-coverflow-slider .swiper-skeleton .skeleton-counter .total-number{opacity:.7}.mobile-coverflow-slider .swiper-skeleton .skeleton-counter .separator{margin:0 2px;opacity:.5}.mobile-coverflow-slider .slider-loading-overlay{align-items:center;background:transparent;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:20px;position:absolute;right:0;top:0;z-index:10}.mobile-coverflow-slider .slider-loading-overlay .loading-slides{display:flex;gap:15px;margin-bottom:20px}.mobile-coverflow-slider .slider-loading-overlay .loading-slides .loading-slide{align-items:center;background:hsla(0,0%,94%,.3);border-radius:10px;display:flex;height:80px;justify-content:center;opacity:.6;transform:scale(.9);transition:all .3s ease;width:80px}.mobile-coverflow-slider .slider-loading-overlay .loading-slides .loading-slide.active{background:hsla(0,0%,94%,.5);opacity:1;transform:scale(1.1)}.mobile-coverflow-slider .slider-loading-overlay .loading-slides .loading-slide .loading-image{border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.mobile-coverflow-slider .slider-loading-overlay .loading-slides .loading-slide .loading-image .loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,hsla(0,0%,94%,.8),hsla(0,0%,98%,.9) 50%,hsla(0,0%,94%,.8));background-size:200% 100%;inset:0;position:absolute}.mobile-coverflow-slider .slider-loading-overlay .loading-slides .loading-slide .loading-image .loading-icon{font-size:1.5rem;left:50%;opacity:.4;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.mobile-coverflow-slider .slider-loading-overlay .loading-pagination{display:flex;gap:8px;margin-bottom:15px}.mobile-coverflow-slider .slider-loading-overlay .loading-pagination .loading-dot{background:hsla(0,0%,78%,.5);border-radius:50%;height:8px;transition:all .3s ease;width:8px}.mobile-coverflow-slider .slider-loading-overlay .loading-pagination .loading-dot.active{background:hsla(0,0%,39%,.8);transform:scale(1.2)}.mobile-coverflow-slider .slider-loading-overlay .loading-counter{color:hsla(0,0%,39%,.7);font-size:.9rem;font-weight:500}.mobile-coverflow-slider .mobile-coverflow-swiper{contain:layout style;overflow:visible;padding:20px 10px 50px;transform:translateZ(0);width:100%}.mobile-coverflow-slider .mobile-coverflow-swiper .swiper-wrapper{align-items:center;transform:translateZ(0);will-change:transform}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide{align-items:center;contain:layout style;display:flex;height:280px;justify-content:center;transform:translateZ(0);transition:all .2s ease;width:240px;will-change:transform,opacity}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);height:100%;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content.out-of-stock{opacity:.6}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content.out-of-stock .image-container:after{background:rgba(0,0,0,.2);content:"";inset:0;position:absolute;z-index:2}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content.has-combination{border:1px solid #e0e0e0}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container{aspect-ratio:1/1;background:hsla(0,0%,94%,.1);border-radius:10px;height:100%;min-height:280px;overflow:hidden;position:relative;width:100%}@media(max-width:480px){.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container{min-height:250px}}@media(max-width:360px){.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container{min-height:220px}}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .slide-image{height:100%;object-fit:cover;object-position:center;transition:transform .2s ease,filter .3s ease;width:100%}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .slide-image.loading{filter:blur(8px) brightness(1.1);opacity:.8;transform:scale(1.02)}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .slide-image.loaded{filter:blur(0) brightness(1);opacity:1;transform:scale(1)}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .slide-image{backface-visibility:hidden;-webkit-backface-visibility:hidden;left:0;position:absolute;top:0;will-change:transform,filter}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .slide-image.clickable{cursor:pointer;transition:transform .2s ease,filter .3s ease,opacity .2s ease}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .slide-image.clickable:hover{filter:brightness(1.05);transform:scale(1.02)}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .slide-image.clickable:active{opacity:.9;transform:scale(.98)}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .image-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:10px;height:100%;inset:0;position:absolute;width:100%;z-index:1}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .image-skeleton.hidden{opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .image-skeleton:before{background:inherit;content:"";display:block;height:100%;width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .image-placeholder{align-items:center;background:hsla(0,0%,94%,.5);border-radius:10px;display:flex;inset:0;justify-content:center;position:absolute}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .image-placeholder .placeholder-icon{filter:grayscale(1);font-size:2rem;opacity:.3}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .placeholder-image{align-items:center;background:linear-gradient(135deg,hsla(0,0%,96%,.9),hsla(0,0%,92%,.7));border-radius:10px;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;position:absolute}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .placeholder-image .placeholder-icon{animation:pulse 2s infinite;filter:grayscale(1);font-size:2.5rem;opacity:.4}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .placeholder-image .placeholder-text{color:hsla(0,0%,39%,.6);font-size:.8rem;font-weight:500;text-align:center}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .stock-overlay{align-items:center;background:hsla(0,0%,100%,.9);display:flex;inset:0;justify-content:center;position:absolute;z-index:3}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .stock-overlay .stock-overlay-content{text-align:center}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .stock-overlay .stock-overlay-content .stock-overlay-text{background:hsla(0,0%,100%,.95);border:1px solid #ddd;border-radius:6px;color:#666;font-size:12px;font-weight:500;padding:4px 8px}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .combination-badge{bottom:8px;left:8px;position:absolute;right:8px;z-index:2}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide .slide-content .image-container .combination-badge .combination-name{background:hsla(0,0%,100%,.95);border:1px solid rgba(0,0,0,.1);border-radius:6px;color:#333;display:inline-block;font-size:11px;font-weight:500;max-width:100%;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide.swiper-slide-active .slide-content{box-shadow:0 4px 12px rgba(0,0,0,.12);transform:scale(1.02)}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide.swiper-slide-next .slide-content,.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide.swiper-slide-prev .slide-content{opacity:.5;transform:scale(.75)}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) .slide-content{opacity:.3;transform:scale(.6)}.mobile-coverflow-slider .mobile-coverflow-swiper .swiper-pagination{bottom:0;contain:layout style;z-index:10}.mobile-coverflow-slider .mobile-coverflow-swiper .swiper-pagination .swiper-pagination-bullet{background:rgba(0,0,0,.2);border:2px solid transparent;height:12px;margin:0 6px;opacity:1;transform:translateZ(0);transition:all .2s ease;width:12px;will-change:transform,background-color,border-color}.mobile-coverflow-slider .mobile-coverflow-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#333;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2);transform:scale(1.1) translateZ(0)}.mobile-coverflow-slider .mobile-coverflow-swiper .swiper-pagination .swiper-pagination-bullet-active-main{background:#333;border-radius:8px;width:16px}.mobile-coverflow-slider .mobile-coverflow-navigation{display:flex;justify-content:space-between;left:0;padding:0 5px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}.mobile-coverflow-slider .mobile-coverflow-navigation .nav-button{align-items:center;background:hsla(0,0%,100%,.95);border:1px solid rgba(0,0,0,.1);border-radius:50%;color:#666;cursor:pointer;display:flex;height:36px;justify-content:center;pointer-events:auto;transition:all .2s ease;width:36px}.mobile-coverflow-slider .mobile-coverflow-navigation .nav-button:hover{background:#fff;border-color:rgba(0,0,0,.2);color:#333}.mobile-coverflow-slider .mobile-coverflow-navigation .nav-button:active{transform:scale(.95)}.mobile-coverflow-slider .mobile-coverflow-navigation .nav-button svg{height:18px;width:18px}.mobile-coverflow-slider .mobile-coverflow-navigation.placeholder-slide .slide-content{opacity:.8}.mobile-coverflow-slider .mobile-coverflow-navigation.placeholder-slide .slide-content .image-container{background:hsla(0,0%,94%,.2);border:2px dashed hsla(0,0%,78%,.4)}.mobile-coverflow-slider .placeholder-pagination{bottom:20px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:5}.mobile-coverflow-slider .placeholder-pagination .placeholder-dot{animation:pulse 2s infinite;background:hsla(0,0%,78%,.5);border-radius:50%;height:8px;transition:all .3s ease;width:8px}.mobile-coverflow-slider .placeholder-pagination .placeholder-dot.active{background:hsla(0,0%,39%,.8);transform:scale(1.2)}.mobile-coverflow-slider .placeholder-counter{animation:pulse 2s infinite;opacity:.7}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-indicator{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.mobile-coverflow-slider .image-counter{background:hsla(0,0%,100%,.9);border:1px solid rgba(0,0,0,.1);border-radius:8px;color:#666;font-size:11px;font-weight:500;padding:4px 8px;position:absolute;right:15px;top:15px;z-index:10}.mobile-coverflow-slider .image-counter .current-number{color:#333;font-weight:600}.mobile-coverflow-slider .image-counter .separator{margin:0 2px;opacity:.5}.mobile-coverflow-slider .image-counter .total-number{opacity:.7}.mobile-coverflow-slider .mobile-coverflow-placeholder{align-items:center;background:#f9f9f9;border:1px dashed #ddd;border-radius:12px;display:flex;height:280px;justify-content:center}.mobile-coverflow-slider .mobile-coverflow-placeholder .placeholder-content{color:#999;text-align:center}.mobile-coverflow-slider .mobile-coverflow-placeholder .placeholder-content .placeholder-icon{font-size:32px;margin-bottom:12px;opacity:.6}.mobile-coverflow-slider .mobile-coverflow-placeholder .placeholder-content p{font-size:13px;font-weight:400;margin:0}@media(max-width:480px){.mobile-coverflow-slider{padding:0}.mobile-coverflow-slider .mobile-coverflow-swiper{padding:15px 5px 40px}.mobile-coverflow-slider .mobile-coverflow-swiper .mobile-coverflow-slide{height:240px;width:200px}.mobile-coverflow-slider .mobile-coverflow-navigation{padding:0 2px}.mobile-coverflow-slider .mobile-coverflow-navigation .nav-button{height:32px;width:32px}.mobile-coverflow-slider .mobile-coverflow-navigation .nav-button svg{height:16px;width:16px}.mobile-coverflow-slider .image-counter{font-size:10px;padding:3px 6px;right:10px;top:10px}.mobile-coverflow-slider .mobile-coverflow-slide.swiper-slide-next .slide-content,.mobile-coverflow-slider .mobile-coverflow-slide.swiper-slide-prev .slide-content{opacity:.4;transform:scale(.65)}.mobile-coverflow-slider .mobile-coverflow-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) .slide-content{opacity:.2;transform:scale(.5)}}.mobile-coverflow-slide .slide-content.has-combination .image-container{cursor:pointer;position:relative}.mobile-coverflow-slide .slide-content.has-combination .image-container:after{background:linear-gradient(45deg,var(--primary),var(--primary-light)) border-box;border:2px solid transparent;border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;position:absolute;transition:opacity .3s ease}.mobile-coverflow-slide .slide-content.has-combination .image-container:hover:after{opacity:.6}.mobile-coverflow-slide .slide-content.out-of-stock .image-container{cursor:not-allowed}.mobile-coverflow-slide .slide-content.out-of-stock .image-container .slide-image{filter:saturate(.4) contrast(.9) brightness(1.1);transition:filter .3s ease}.mobile-coverflow-slide .slide-content.out-of-stock .image-container:after{opacity:.1!important}.mobile-coverflow-slide .slide-content.out-of-stock .combination-indicator{background:rgba(220,53,69,.8);color:#fff}.mobile-coverflow-slide .slide-content.out-of-stock .combination-indicator svg{opacity:.8}.mobile-coverflow-slide .stock-overlay{align-items:center;background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,94%,.1));border-radius:10px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.mobile-coverflow-slide .stock-overlay:before{background:repeating-linear-gradient(45deg,transparent,transparent 2px,hsla(0,0%,78%,.3) 0,hsla(0,0%,78%,.3) 4px);border-radius:10px;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.mobile-coverflow-slide .stock-overlay .stock-overlay-content{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:0 6px;position:relative;transition:all .3s ease;z-index:2}.mobile-coverflow-slide .stock-overlay .stock-overlay-content .stock-overlay-text{color:#888;font-size:9px;font-weight:700;letter-spacing:1px;line-height:1;text-shadow:0 1px 1px hsla(0,0%,100%,.8);text-transform:uppercase}@media(max-width:480px){.mobile-coverflow-slide .stock-overlay .stock-overlay-content .stock-overlay-text{font-size:8px}}.mobile-coverflow-slide .stock-overlay:hover .stock-overlay-content{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:scale(1.05)}.mobile-coverflow-slide .combination-indicator{align-items:center;background:rgba(10,155,34,.8);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;display:flex;height:20px;justify-content:center;pointer-events:none;position:absolute;right:8px;top:8px;transition:all .3s ease;width:20px;z-index:2}.mobile-coverflow-slide .combination-indicator svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.slide-content.has-combination .mobile-coverflow-slide .combination-indicator{animation:pulse-indicator 2s infinite}.slide-content:hover .mobile-coverflow-slide .combination-indicator{background:#0a9b22;box-shadow:0 4px 8px rgba(0,0,0,.15);transform:scale(1.1)}@media(max-width:480px){.mobile-coverflow-slide .combination-indicator{height:16px;right:6px;top:6px;width:16px}.mobile-coverflow-slide .combination-indicator svg{height:10px;width:10px}}