:root{--bg:#EEF0F7;--surface:#fff;--ink:#1A1633;--muted:#5B5875;--line:#D9DBE8;--violet:#6C4CF5;--pink:#FF5A8A;--mint:#1FB98A;--sun:#FFC933;--ol:#1A1633;
--pixel:"Silkscreen","Courier New",monospace;--display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root{--bg:#14122A;--surface:#1E1B3A;--ink:#F1EFFF;--muted:#A9A6C6;--line:#302B56}}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--display);font-size:17px;line-height:1.55}
a{color:inherit}img{max-width:100%;height:auto}
.wrap{width:min(1100px,100% - 40px);margin-inline:auto}
main.wrap{padding:44px 0 80px;min-height:50vh}
h1,h2{font-family:var(--pixel);font-weight:700;line-height:1.15;margin:0 0 18px}
h1{font-size:clamp(28px,4.4vw,48px)}h2{font-size:clamp(22px,3vw,32px)}
h3{font-size:19px;margin:0 0 6px}
.muted{color:var(--muted)}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:var(--surface);padding:8px 12px;z-index:9}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px;border-radius:6px}
header.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:24px;height:66px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--pixel);font-weight:700;font-size:24px;text-decoration:none}
.logo svg{width:30px;height:30px}.logo b{color:var(--pink);font-weight:inherit}
.bar nav{display:flex;gap:20px;margin-left:auto;font-size:15px}.bar nav a{text-decoration:none;color:var(--muted)}.bar nav a:hover{color:var(--ink)}
.cart-btn{display:flex;align-items:center;gap:8px;border:2px solid var(--ink);border-radius:40px;padding:7px 16px;font-weight:600;font-size:15px;text-decoration:none}
.cart-count{background:var(--pink);color:#fff;border-radius:20px;min-width:22px;height:22px;display:grid;place-items:center;font-size:12px;font-family:var(--pixel)}
@media (max-width:700px){.bar nav{display:none}.cart-btn{margin-left:auto}}
.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:14px;background:var(--ink);color:var(--bg);font:inherit;font-weight:800;font-size:17px;padding:15px 24px;text-decoration:none;cursor:pointer;box-shadow:0 5px 0 var(--pink);transition:transform .1s,box-shadow .1s}
.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--pink)}
.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--ink);box-shadow:none}
.btn[disabled]{opacity:.45;cursor:not-allowed}
input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:12px;padding:12px 14px;width:100%}
label{display:block;font-size:14px;color:var(--muted);margin:14px 0 6px}
.card{background:var(--surface);border:2px solid var(--ol);border-radius:20px;padding:22px;box-shadow:6px 7px 0 var(--ol)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:26px}
.tile{display:block;text-decoration:none;background:var(--surface);border:2px solid var(--ol);border-radius:18px;overflow:hidden;box-shadow:5px 6px 0 var(--ol);transition:transform .2s}
.tile:hover{transform:translateY(-4px)}
.tile .media{aspect-ratio:1;background:#8F78FF;display:grid;place-items:center}
.tile .media img,.tile .media svg{width:100%;height:100%;object-fit:cover}
.tile .info{padding:14px 16px}
.price{font-family:var(--pixel);font-weight:700;font-size:20px}.price s{font-family:var(--display);font-weight:400;font-size:15px;color:var(--muted);margin-left:8px}
.product{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
@media (max-width:820px){.product{grid-template-columns:1fr}}
.product .media{border:2px solid var(--ol);border-radius:22px;overflow:hidden;background:#8F78FF;box-shadow:8px 9px 0 var(--ol);aspect-ratio:1;display:grid;place-items:center}
.product .media img,.product .media svg{width:100%;height:100%;object-fit:cover}
.thumbs{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.thumbs img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:2px solid var(--line)}
.rte{max-width:65ch}.rte p{margin:0 0 14px}.rte ul{padding-left:20px}
.row{display:flex;gap:12px;align-items:end;margin-top:20px}.row .qty{width:100px}
.cart-line{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.cart-line img,.cart-line svg{border-radius:12px;border:2px solid var(--line);width:90px;height:90px;object-fit:cover}
.cart-line input{width:80px}
.totals{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;flex-wrap:wrap}
.pagination{display:flex;gap:10px;justify-content:center;margin-top:34px}
footer.site{border-top:1px solid var(--line);padding:50px 0 36px;font-size:15px}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}
@media (max-width:760px){footer.site .cols{grid-template-columns:1fr}}
footer.site h4{margin:0 0 12px}footer.site ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer.site a{color:var(--muted);text-decoration:none}footer.site a:hover{color:var(--ink)}
.fine{color:var(--muted);font-size:13px;margin-top:30px}
.center{text-align:center}.narrow{max-width:460px;margin-inline:auto}
.errors,.errors ul{background:#FFE3EA;color:#8E1B35;border-radius:12px;padding:12px 16px;margin-bottom:12px}
.password main{min-height:100vh;display:grid;place-items:center}