.watch-carousel{width:clamp(140px,42vw,170px);margin:0 auto;position:relative}@media (min-width:768px){.watch-carousel{width:clamp(155px,18vw,185px)}}@media (min-width:1024px){.watch-carousel{width:clamp(165px,14vw,200px)}}.watch-carousel-float{animation:6s ease-in-out infinite watch-carousel-float}@keyframes watch-carousel-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.watch-carousel-float{animation:none!important}}.watch-carousel-track{perspective:1200px;aspect-ratio:396/484;width:100%;position:relative}.watch-carousel-item{transform-style:preserve-3d;position:absolute;inset:0}.watch-frame{background:#0006;border:1px solid #ffffff1f;border-radius:2rem;padding:6px;position:relative;box-shadow:0 3px 6px #00000040,0 10px 28px #00000059,inset 0 1px #ffffff0f}:root:not(.dark) .watch-frame{background:#fffffff2;border-color:#00000014;box-shadow:0 3px 6px #0000000f,0 10px 28px #0000001a}.watch-crown{background:#ffffff26;border:1px solid #ffffff14;border-radius:2px;width:4px;height:14px;position:absolute;top:30%;right:-5px}:root:not(.dark) .watch-crown{background:var(--border-strong);border-color:#0000}.watch-glow{pointer-events:none;z-index:0;background:radial-gradient(#00e85a1f,#0a84ff0d 40%,#0000 70%);width:140%;max-width:600px;height:140%;animation:6s ease-in-out infinite watch-glow-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root:not(.dark) .watch-glow{background:radial-gradient(#00e85a0a,#0000 60%)}@keyframes watch-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.watch-glow{animation:none!important}}.watch-arrow{z-index:10;color:#ffffffb3;opacity:0;cursor:pointer;-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:opacity .3s,background-color .2s,color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}:root:not(.dark) .watch-arrow{border-color:var(--border-subtle);color:var(--text-secondary);background:#fffc}.watch-arrow:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d;transform:translateY(-50%)scale(1.08)}:root:not(.dark) .watch-arrow:hover{color:var(--text-primary);border-color:var(--border-strong);background:#fffffff2}.watch-arrow:active{transform:translateY(-50%)scale(.95)}.watch-arrow.left{left:-2%}.watch-arrow.right{right:-2%}.watch-showcase-wrapper:hover .watch-arrow{opacity:1}@media (max-width:767px){.watch-arrow{display:none}}.watch-dot{cursor:pointer;border:none;border-radius:9999px;height:8px;transition:all .3s}.watch-dot-active{background:#0a84ff;width:28px;box-shadow:0 0 12px #0a84ff80}.watch-dot-inactive{background:#ffffff40;width:8px}.watch-dot-inactive:hover{background:#ffffff73}:root:not(.dark) .watch-dot-active{background:var(--accent);box-shadow:none}:root:not(.dark) .watch-dot-inactive{background:#00000026}:root:not(.dark) .watch-dot-inactive:hover{background:#0000004d}
