/* Chrome Hearts — motion layer (respects prefers-reduced-motion via store.css) */
body{animation:pgin .5s ease both}@keyframes pgin{from{opacity:0}to{opacity:1}}
.js .reveal{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
.site-header{transition:box-shadow .3s,background .3s}.site-header.scrolled{box-shadow:0 8px 30px rgba(0,0,0,.6)}
.grid-products>*{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.grid-products>*:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.65),0 0 0 1px rgba(215,215,215,.25)}
.card-img{overflow:hidden}.card-img img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.grid-products>*:hover .card-img img{transform:scale(1.07)}
.btn{position:relative;overflow:hidden;transition:transform .2s,box-shadow .25s,filter .25s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.97)}
.btn.primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.btn.primary:hover::after{transform:translateX(120%)}
.rip{position:absolute;border-radius:50%;background:rgba(255,255,255,.4);transform:scale(0);animation:rip .6s ease-out;pointer-events:none}@keyframes rip{to{transform:scale(2.4);opacity:0}}
.hero-inner h1{background:linear-gradient(110deg,#fff,#8d8d8d 30%,#fff 50%,#777 70%,#fff);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 6s linear infinite}
@keyframes shine{to{background-position:-250% 0}}
.wish{transition:transform .25s}.wish:active{transform:scale(1.4)}
a{transition:color .2s}
/* payment pending box */
.paybox{display:flex;gap:18px;align-items:center;padding:18px;margin:14px 0;border:1px solid #3b3b3b;border-radius:14px;background:linear-gradient(135deg,#171717,#101010);animation:glow 2.4s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 0 28px rgba(251,191,36,.22)}}
.paybox p{margin:.3em 0 .8em;font-size:13px;color:#a8a8a8}.paybox-t{display:flex;align-items:center;gap:8px}
.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--warn);animation:pd 1.2s infinite}@keyframes pd{0%{box-shadow:0 0 0 0 rgba(251,191,36,.7)}100%{box-shadow:0 0 0 12px rgba(251,191,36,0)}}
.ring{--p:100%;flex:none;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--warn) var(--p),#2a2a2a 0)}
.ring span{width:68px;height:68px;border-radius:50%;background:#101010;display:grid;place-items:center;font:700 17px ui-monospace,monospace;color:#fff}
.ring.low{background:conic-gradient(var(--bad) var(--p),#2a2a2a 0)}.ring.low span{color:var(--bad);animation:pd2 1s infinite}@keyframes pd2{50%{opacity:.5}}
.alert.rejected{animation:shake .5s}@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.confirmed-banner{animation:pop .6s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{from{transform:scale(.9);opacity:0}}
/* real-time result overlay */
.res-ov{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);animation:pgin .3s}
.res-card{text-align:center;padding:34px 28px;max-width:360px;width:90%;border-radius:18px;background:#141414;border:1px solid #333;animation:pop .6s cubic-bezier(.2,1.4,.4,1)}
.res-ic svg{width:84px;height:84px;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.res-ov.ok .res-ic svg{stroke:var(--ok)}.res-ov.bad .res-ic svg{stroke:var(--bad)}
.res-ic circle{stroke-dasharray:152;stroke-dashoffset:152;animation:dr .6s .1s forwards}.res-ic path{stroke-dasharray:60;stroke-dashoffset:60;animation:dr .45s .6s forwards}@keyframes dr{to{stroke-dashoffset:0}}
.res-card h2{margin:.5em 0 .2em}.res-card p{color:#a8a8a8;margin:0 0 1.2em}
/* orders list + sponsor ads */
.order-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;margin:10px 0;text-decoration:none;color:inherit;transition:transform .25s,border-color .25s,background .25s}
.order-row:hover{transform:translateX(4px);border-color:#555;background:#1b1b1b}.order-row small{display:block}
.ads{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.ad{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#141414 center/cover;text-decoration:none;color:#fff;min-height:150px;transition:transform .3s,border-color .3s}
.ad:hover{transform:translateY(-4px);border-color:#666}.ad .btn{align-self:flex-start;margin-top:auto}.ad small{color:#bdbdbd}
.ad-tag{position:absolute;top:10px;right:12px;font:600 10px var(--font);letter-spacing:.12em;text-transform:uppercase;color:#aaa;border:1px solid #444;border-radius:99px;padding:2px 8px}
@media(max-width:520px){.paybox{flex-direction:column;text-align:center}}