/* Aura Jewelry — «Часы на змее» (watch-serpent.js): a black coil on red velvet that turns with the scroll.
 * The section is tall (3 full turns); its stage sticks to the screen. Only transform/opacity change per frame. */
.ws{--ws-vh:var(--room-view-height,100svh);position:relative;height:calc(var(--ws-vh) * 7);background:#2a0609;color:#f3e7df}
.ws-stick{position:sticky;top:0;height:var(--ws-vh);overflow:hidden;contain:layout paint;
 background:var(--ws-nap,none),radial-gradient(90% 75% at 55% 45%,#7a1620 0%,#561019 42%,#2d070c 78%,#1a0407 100%);
 background-size:160px 160px,auto}
.ws-stick::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(130% 90% at 50% 40%,transparent 55%,#0d0204aa 100%)}
.ws-gl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ws-watches{position:absolute;inset:0}
.ws-watch{position:absolute;left:0;top:0;width:calc(var(--wh,300px) * .99);height:calc(var(--wh,300px) * 1.154);
 margin:calc(var(--wh,300px) * -.577) 0 0 calc(var(--wh,300px) * -.495);padding:0;border:0;background:none;cursor:pointer;
 will-change:transform;-webkit-tap-highlight-color:transparent;touch-action:pan-y}
.ws-watch img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;transition:filter .4s ease}
.ws-watch[data-dim="0"] img{filter:brightness(.45) saturate(.7)}
.ws-watch[data-dim="1"] img{filter:brightness(.58) saturate(.8)}
.ws-watch[data-dim="2"] img{filter:brightness(.72) saturate(.88)}
.ws-watch[data-dim="3"] img{filter:brightness(.88)}
.ws-watch[data-dim="4"] img{filter:none}
.ws-watch:focus-visible{outline:2px solid #e4c48a;outline-offset:6px;border-radius:50%}
.ws-head{position:absolute;z-index:120;left:clamp(20px,5vw,72px);top:clamp(92px,12vh,128px);max-width:min(400px,62vw);pointer-events:none;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.ws-head.is-away{opacity:0;transform:translateY(-12px)}
.ws-head .shop-kicker{color:#e4c48a}
.ws-head h2{margin:.35em 0 .25em;font-size:clamp(26px,3.4vw,44px);line-height:1.05;font-weight:400;color:#fbf1e8}
.ws-head p{margin:0;font-size:14px;color:#e0c7bd}
.ws-info{position:absolute;z-index:120;left:clamp(20px,5vw,72px);bottom:clamp(22px,8vh,72px);width:min(380px,calc(100% - 40px));padding:18px 22px;border-radius:14px;background:#1a0407cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translateY(10px);
 opacity:0;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.ws-info.is-on{opacity:1;transform:none}
.ws-count{font-size:12px;letter-spacing:.2em;color:#e4c48a}
.ws-info h3{margin:.3em 0 .2em;font-size:clamp(22px,2.4vw,30px);font-weight:400;color:#fff6ee}
.ws-info p{margin:0 0 .8em;max-width:36ch;font-size:14px;line-height:1.4;color:#e6cfc6}
.ws-row{display:flex;gap:18px;align-items:center}
.ws-row strong{font-size:18px;font-weight:500;color:#fbe9cf}
.ws-more{min-height:44px;padding:0 20px;border:1px solid #e4c48a;border-radius:999px;background:#1a040788;color:#fbe9cf!important;font:inherit;font-size:14px;cursor:pointer;transition:background .25s,color .25s}
.ws-more:hover{background:#e4c48a;color:#2a0609!important}
.ws-dots{position:absolute;z-index:120;right:clamp(16px,3vw,40px);top:50%;display:grid;gap:10px;transform:translateY(-50%)}
.ws-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#f3e7df40;transition:background .3s,transform .3s}
.ws-dots i.on{background:#e4c48a;transform:scale(1.4)}
@media (max-width:700px){
 .ws-head{top:calc(env(safe-area-inset-top) + 76px)}
 .ws-head p{display:none}
 .ws-info{left:0;right:0;width:auto;bottom:0;padding:30px 20px calc(env(safe-area-inset-bottom) + 16px);text-align:center;background:linear-gradient(transparent,#1a0407d9 30%)}
 .ws-info p{margin-left:auto;margin-right:auto}
 .ws-row{justify-content:center}
 .ws-dots{right:12px}
}
@media (prefers-reduced-motion:reduce){.ws-info,.ws-head,.ws-watch img{transition:none}}