/* A self-contained Watch product render: no chroma-keyed image or external artwork. */
.watch-stage-render { position:relative; width:270px; height:420px; overflow:visible; perspective:1100px; }
.watch-render-shadow { position:absolute; bottom:13px; left:12px; width:248px; height:52px; border-radius:50%; background:radial-gradient(ellipse,rgba(11,53,112,.34),transparent 68%); filter:blur(8px); }
.watch-render-band { position:absolute; z-index:0; left:50%; width:112px; height:144px; border-radius:34px; background:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 5px),linear-gradient(90deg,#101721,#424e5a 48%,#0b1118); box-shadow:inset 2px 0 3px rgba(255,255,255,.12),inset -3px 0 5px rgba(0,0,0,.48),0 8px 15px rgba(5,24,51,.16); transform:translateX(-50%) rotate(-2deg); }.watch-render-band-top { top:3px; }.watch-render-band-bottom { bottom:2px; }
.watch-render-case { position:absolute; z-index:2; top:83px; left:28px; width:196px; height:246px; padding:9px; border:1px solid rgba(233,243,250,.84); border-radius:59px; background:linear-gradient(112deg,#f1f5f8 0%,#a4afb8 2%,#56636e 5%,#232c35 12%,#101820 71%,#4d5b67 96%,#a8b4bc 100%); box-shadow:inset 2px 2px 2px rgba(255,255,255,.7),inset -3px -3px 4px rgba(0,0,0,.56),0 27px 42px rgba(4,34,79,.31),0 4px 5px rgba(255,255,255,.28); transform:rotateY(-17deg) rotateX(6deg) rotateZ(-3deg); transform-style:preserve-3d; }
.watch-render-case::after { content:""; position:absolute; inset:3px; pointer-events:none; border:1px solid rgba(255,255,255,.28); border-radius:55px; box-shadow:inset 0 0 9px rgba(255,255,255,.12); }
.watch-render-screen { position:relative; z-index:1; width:100%; height:100%; overflow:hidden; border-radius:49px; background:#000; box-shadow:inset 0 0 0 2px #05080c,inset 0 10px 16px rgba(255,255,255,.05); }.watch-render-screen img { width:100%; height:100%; object-fit:cover; }
.watch-render-lug { position:absolute; z-index:-1; left:50%; width:122px; height:25px; border-radius:14px; background:linear-gradient(90deg,#27323d,#abb7c0 50%,#27323d); box-shadow:inset 0 1px rgba(255,255,255,.28); transform:translateX(-50%); }.watch-render-lug-top { top:-8px; }.watch-render-lug-bottom { bottom:-8px; }
.watch-render-crown { position:absolute; z-index:4; right:-17px; top:79px; width:17px; height:38px; border-radius:0 10px 10px 0; background:repeating-linear-gradient(0deg,#a6b2bb 0 2px,#5d6a75 2px 4px),linear-gradient(90deg,#28333f,#aab5bd,#35414d); box-shadow:2px 0 1px #111923; }.watch-render-button { position:absolute; z-index:4; right:-14px; top:130px; width:10px; height:25px; border-radius:0 6px 6px 0; background:linear-gradient(90deg,#27323d,#9ba8b2,#35414d); }
@media (max-width:800px) { .watch-stage-render { width:240px; height:390px; transform:scale(.92); transform-origin:center; } }
@media (max-width:480px) { .watch-stage-render { width:155px; height:286px; transform:scale(.66); transform-origin:center right; } }