/* Shared base for the storefront pages (home, shop, product, checkout, about, contact...) */
:root{--bg:#05050b;--surface:#0d0d18;--surface-3:#171728;--border:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.16);--text:#f3f3f6;--text-dim:#a6a3b8;--text-faint:#7a7788;--cyan:#22D3EE;--violet:#C084FC;--grad:linear-gradient(135deg,var(--cyan),var(--violet))}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.06) 1px,transparent 0);background-size:26px 26px;font-family:'Manrope',system-ui,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:clip}
a{color:inherit;text-decoration:none}
img{max-width:100%}
h1,h2,h3,p{margin:0}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.page{max-width:1240px;margin:0 auto;padding:44px 24px 0;display:flex;flex-direction:column;gap:76px}
.h2{font-family:'Sora',sans-serif;font-weight:700;font-size:24px;line-height:1.25}
.eyebrow{font-family:'Sora',sans-serif;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);font-weight:700;margin-bottom:14px}
h1{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(30px,4.6vw,48px);line-height:1.1}
h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:16px;line-height:1.75;color:var(--text-dim);max-width:560px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:12px;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;border:1px solid var(--border-strong);background:transparent;color:var(--text);transition:filter .15s,background .15s}
.btn:hover{background:rgba(255,255,255,.06)}
.btn.primary{border:0;color:#05050b;background:var(--grad);box-shadow:0 10px 24px -10px rgba(192,132,252,.5)}
.btn.primary:hover{filter:brightness(1.08);background:var(--grad)}
.pills{display:flex;gap:8px;flex-wrap:wrap}
.pill{font-size:11px;font-weight:700;letter-spacing:.03em;padding:5px 11px;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-dim);background:var(--surface)}
.pill.c{border-color:rgba(34,211,238,.35);color:var(--cyan);background:rgba(34,211,238,.08)}
.pill.v{border-color:rgba(192,132,252,.35);color:var(--violet);background:rgba(192,132,252,.08)}
@media (max-width:760px){.page{padding:28px 16px 0;gap:56px}.h2{font-size:21px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}