.product-carousel{margin:20px 0 40px;width:100%;--carousel-control-bg:rgba(23,30,40,.72);--carousel-control-bg-hover:rgba(23,30,40,.9);--carousel-control-border:rgba(255,255,255,.26);--carousel-control-shadow:0 8px 24px rgba(0,0,0,.26);--carousel-control-color:#f7f8fb}.carousel-main{position:relative;border-radius:12px;overflow:hidden;background:#f5f5f7;box-shadow:0 4px 24px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04)}.carousel-track{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden}.carousel-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .45s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1}.carousel-slide.active{opacity:1;pointer-events:auto;z-index:2}.carousel-slide img.carousel-image{width:100%;height:100%;object-fit:contain;border-radius:0}.carousel-slide video{width:100%;height:100%;object-fit:contain;background:#0a0a0a;outline:none}.carousel-slide iframe{width:100%;height:100%;border:0;background:#0a0a0a}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border:1px solid var(--carousel-control-border);border-radius:10px;background:var(--carousel-control-bg) !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--carousel-control-color);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--carousel-control-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;padding:0}.carousel-main:hover .carousel-arrow{opacity:1}.carousel-arrow:hover{background:var(--carousel-control-bg-hover) !important;border-color:rgba(255,255,255,.45);box-shadow:0 12px 28px rgba(0,0,0,.35);transform:translateY(-50%) scale(1.04)}.carousel-arrow:active{transform:translateY(-50%) scale(.96)}.carousel-arrow:focus-visible{outline:2px solid rgba(93,194,53,.85);outline-offset:2px}.carousel-arrow svg{width:18px;height:18px}.carousel-prev{left:14px}.carousel-next{right:14px}.carousel-thumbs{display:flex;justify-content:center;gap:8px;margin-top:14px;padding:2px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent;-webkit-overflow-scrolling:touch}.carousel-thumbs::-webkit-scrollbar{height:4px}.carousel-thumbs::-webkit-scrollbar-track{background:0 0}.carousel-thumbs::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:4px}.carousel-thumb{flex:0 0 76px;width:76px;height:76px;border-radius:8px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:#eee;transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease;position:relative}.carousel-thumb:hover{transform:translateY(-2px)}.carousel-thumb.active{border-color:var(--accent,#0073aa);box-shadow:0 0 0 3px rgba(0,115,170,.18)}.carousel-thumb:hover:not(.active){border-color:var(--accent-2,#ccc)}.carousel-thumb img,.carousel-thumb .thumb-image{width:100%;height:100%;object-fit:cover;display:block}.thumb-video-overlay{position:relative;width:100%;height:100%;background:linear-gradient(145deg,rgba(30,35,45,.7),rgba(18,22,30,.85));display:flex;align-items:center;justify-content:center}.thumb-video-overlay img{width:100%;height:100%;object-fit:cover;opacity:.7;filter:saturate(.9) contrast(1.02)}.thumb-play-icon{position:absolute;color:#fff;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--carousel-control-bg);border-radius:9px;border:1px solid var(--carousel-control-border);box-shadow:0 6px 18px rgba(0,0,0,.38)}.thumb-play-icon svg{width:13px;height:13px;margin-left:1px}@media (max-width:768px){.product-carousel{margin:16px 0 32px}.carousel-main{border-radius:8px}.carousel-track{aspect-ratio:4/3}.carousel-arrow{opacity:1;width:36px;height:36px;border-radius:8px}.carousel-arrow svg{overflow:visible;width:15px;height:15px}.carousel-prev{left:8px}.carousel-next{right:8px}.carousel-thumbs{gap:6px;margin-top:10px}.carousel-thumb{flex:0 0 58px;width:58px;height:58px;border-radius:6px}}@media (max-width:480px){.carousel-track{aspect-ratio:1/1}}