:root{--ink:#1f2247;--brand:#3a2f6b;--brand-2:#5b46c4;--accent:#e0574a;--bg:#faf7f2;--card:#fff;--muted:#6c6f8a;--line:#e6e2ee;--ok:#1f9d55;--gold:#b8860b;--shadow:0 14px 30px #1f22471f}[data-theme=dark]{--ink:#f2f0fa;--brand:#a99cf0;--brand-2:#7c69e0;--accent:#ff7b6d;--bg:#12132b;--card:#1b1d3d;--muted:#9a9dc0;--line:#2c2f5a;--ok:#4ad08a;--gold:#f0c05a;--shadow:0 14px 30px #00000073}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background .3s,color .3s}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.ok{color:var(--ok)}.topbar{z-index:20;background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;color:var(--brand);font-size:1.45rem;font-weight:800;text-decoration:none}.brand span{color:var(--accent)}.search{border:1px solid var(--line);background:var(--bg);border-radius:999px;flex:1;min-width:0;max-width:420px;margin-left:auto;padding:.6rem 1rem;font-size:.95rem}.search:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e0574a33}.top-actions{align-items:center;gap:.5rem;display:flex}.pill,.round,.cart-btn{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:.5rem .9rem;font-weight:600;transition:border-color .15s,transform .15s;position:relative}.pill:hover,.round:hover,.cart-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.pill.on{background:var(--accent);border-color:var(--accent);color:#fff}.pill b{font-weight:700}.round{place-items:center;width:2.4rem;height:2.4rem;padding:0;display:grid}.cart-btn{background:var(--brand-2);border-color:var(--brand-2);color:#fff}[data-theme=dark] .cart-btn{color:#12132b}.badge{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:1.3rem;height:1.3rem;padding:0 .3rem;font-size:.72rem;font-weight:700;display:grid;position:absolute;top:-7px;right:-6px}.page{max-width:1120px;margin:0 auto;padding:1.25rem}.hero{color:#fff;background:linear-gradient(135deg,#2a2360,#5b46c4 60%,#e0574a);border-radius:1.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:2.2rem 2rem;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:#ffffff1a;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-60px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;opacity:.85;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.hero h1{margin:0 0 .6rem;font-size:clamp(1.7rem,5vw,2.7rem);line-height:1.1}.hero h1 em{font-family:Georgia,serif}.sub{opacity:.9;max-width:32rem;margin:0}.hero-art{z-index:1;font-size:clamp(3.5rem,12vw,6rem);position:relative}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:1.5rem 0 .5rem;display:flex}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:.45rem .95rem;font-weight:600;transition:all .15s}.chip:hover{border-color:var(--accent);color:var(--ink)}.chip.active{background:var(--brand-2);border-color:var(--brand-2);color:#fff}[data-theme=dark] .chip.active{color:#12132b}.sort{color:var(--muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.sort select{border:1px solid var(--line);background:var(--card);border-radius:.6rem;padding:.45rem .7rem}.results{color:var(--muted);margin:0 0 1rem;font-size:.85rem}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.1rem;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:1.1rem;transition:transform .18s,box-shadow .18s;overflow:hidden}.card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.thumb{height:160px;position:relative}.thumb-open{background:0 0;border:0;place-items:center;width:100%;display:grid;position:absolute;inset:0}.emoji{font-size:4.2rem;transition:transform .25s}.card:hover .emoji{transform:scale(1.12)rotate(-4deg)}[data-theme=dark] .thumb{filter:brightness(.82)saturate(.9)}.ribbon{z-index:2;text-transform:uppercase;letter-spacing:.06em;color:#fff;pointer-events:none;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:800;position:absolute;top:.7rem;left:.7rem}.ribbon.sale{background:var(--accent)}.ribbon.new{background:var(--brand-2)}.heart{z-index:2;color:#55597a;background:#ffffffe6;border:0;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;font-size:1.15rem;line-height:1;transition:transform .15s;display:grid;position:absolute;top:.6rem;right:.6rem}.heart:hover{transform:scale(1.12)}.heart.on{color:var(--accent)}.info{padding:.9rem 1rem 1.05rem}.cat{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:.68rem;font-weight:700}.info h2{margin:.25rem 0;font-size:1.05rem}.name-btn{text-align:left;background:0 0;border:0;padding:0;font-weight:700}.name-btn:hover{color:var(--accent)}.rating{color:var(--gold);margin:0 0 .7rem;font-size:.85rem}.rating span{color:var(--muted)}.row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.price{flex-wrap:wrap;align-items:baseline;gap:.45rem;display:flex}.price strong{font-size:1.1rem}.price s{color:var(--muted);font-size:.85rem}.price.big strong{font-size:1.6rem}.off{color:var(--ok);font-size:.85rem;font-weight:700}.add{background:var(--accent);color:#fff;border:0;border-radius:.7rem;padding:.5rem .9rem;font-size:.85rem;font-weight:700;transition:filter .15s,transform .1s}[data-theme=dark] .add{color:#12132b}.add:hover{filter:brightness(.94)}.add:active{transform:scale(.97)}.add.wide{width:100%;padding:.8rem;font-size:1rem}.ghost{border:1px solid var(--line);background:0 0;border-radius:.7rem;padding:.5rem .95rem;font-weight:650;transition:border-color .15s}.ghost:hover{border-color:var(--accent)}.ghost.on{color:var(--accent);border-color:var(--accent)}.none{text-align:center;color:var(--muted);padding:3rem 0}.none>div{font-size:3rem}.overlay{z-index:30;opacity:0;pointer-events:none;background:#0f102980;transition:opacity .25s;position:fixed;inset:0}.overlay.show{opacity:1;pointer-events:auto}.drawer{z-index:40;background:var(--card);visibility:hidden;flex-direction:column;width:min(420px,100%);transition:transform .28s,visibility .28s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 40px #00000040}.drawer.open{visibility:visible;transform:none}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.drawer-head h2{margin:0;font-size:1.15rem}.close{color:var(--muted);background:0 0;border:0;font-size:1.8rem;line-height:1}.close:hover{color:var(--ink)}.empty-cart{text-align:center;color:var(--muted);flex:1;place-content:center;gap:.5rem;padding:2rem;display:grid}.empty-cart>div{font-size:3.5rem}.ship{padding:.9rem 1.25rem 0;font-size:.85rem}.ship p{margin:0 0 .4rem}.meter{background:var(--line);border-radius:999px;height:8px;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg, var(--brand-2), var(--accent));height:100%;transition:width .35s;display:block}.lines{flex:1;margin:0;padding:.4rem 1.25rem;list-style:none;overflow-y:auto}.lines li{border-bottom:1px solid var(--line);gap:.8rem;padding:.9rem 0;display:flex}.mini{border-radius:.8rem;flex:none;place-items:center;width:54px;height:54px;font-size:1.8rem;display:grid}[data-theme=dark] .mini{filter:brightness(.85)}.grow{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.grow .muted{font-size:.82rem}.qty{align-items:center;gap:.6rem;margin-top:.3rem;display:flex}.qty button{border:1px solid var(--line);background:0 0;border-radius:.45rem;width:1.75rem;height:1.75rem}.qty button:hover{border-color:var(--accent)}.line-total{flex-direction:column;justify-content:space-between;align-items:flex-end;font-weight:700;display:flex}.rm{color:var(--accent);background:0 0;border:0;font-size:.78rem;text-decoration:underline}.coupon{gap:.5rem;padding:.75rem 1.25rem 0;display:flex}.coupon input{border:1px solid var(--line);background:var(--bg);text-transform:uppercase;border-radius:.7rem;flex:1;min-width:0;padding:.55rem .8rem}.coupon-msg{color:var(--accent);margin:.4rem 1.25rem 0;font-size:.82rem}.coupon-msg.ok{color:var(--ok)}.drawer-foot{border-top:1px solid var(--line);padding:1rem 1.25rem 1.25rem}.sums{margin:0 0 .9rem}.sums div{justify-content:space-between;padding:.2rem 0;font-size:.92rem;display:flex}.sums dt,.sums dd{margin:0}.sums .grand{border-top:1px solid var(--line);margin-top:.4rem;padding-top:.6rem;font-size:1.15rem;font-weight:800}.checkout{background:var(--brand-2);color:#fff;border:0;border-radius:.8rem;width:100%;padding:.85rem;font-size:1rem;font-weight:700}[data-theme=dark] .checkout{color:#12132b}.checkout:disabled{opacity:.45;cursor:not-allowed}.modal-back{z-index:60;background:#0f10298c;place-items:center;padding:1rem;animation:.2s fade;display:grid;position:fixed;inset:0}.modal{background:var(--card);border-radius:1.4rem;grid-template-columns:1fr 1.1fr;width:min(760px,100%);max-height:92vh;animation:.22s pop;display:grid;position:relative;overflow:auto;box-shadow:0 30px 80px #0006}.modal.small{width:min(440px,100%);padding:1.75rem;display:block}.modal.center{text-align:center}.modal .close{z-index:2;position:absolute;top:.6rem;right:.9rem}.modal-art{place-items:center;min-height:260px;font-size:6.5rem;display:grid}[data-theme=dark] .modal-art{filter:brightness(.85)}.modal-body{padding:1.75rem}.modal-body h2{margin:.3rem 0;font-size:1.6rem}.desc{color:var(--muted);line-height:1.6}.modal-actions{gap:.6rem;margin-top:1.25rem;display:flex}.modal-actions .add{flex:1}.modal.small h2{margin:0 0 .25rem}.field{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:.9rem;font-size:.8rem;font-weight:700;display:block}.field input{border:1px solid var(--line);background:var(--bg);text-transform:none;letter-spacing:0;width:100%;color:var(--ink);border-radius:.8rem;margin-top:.35rem;padding:.7rem .85rem;font-size:1rem;font-weight:400;display:block}.field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e0574a33}.field input.bad{border-color:#dc3545}.err{color:#dc3545;text-transform:none;letter-spacing:0;margin-top:.3rem;font-weight:500;display:block}.pay-total{background:var(--bg);border-radius:.9rem;justify-content:space-between;align-items:center;margin:1.25rem 0 1rem;padding:.8rem 1rem;display:flex}.tick{background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 1rem;font-size:2rem;animation:.35s pop;display:grid}.footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);margin-top:2rem;padding:1.5rem 1.25rem 2.5rem;font-size:.85rem}.footer p{margin:.2rem 0}.toast{z-index:80;opacity:0;pointer-events:none;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);text-align:center;border-radius:999px;max-width:calc(100% - 2rem);padding:.7rem 1.2rem;font-size:.9rem;transition:all .25s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}@media (width<=720px){.modal{grid-template-columns:1fr}.modal-art{min-height:160px;font-size:5rem}.hero{padding:1.6rem 1.25rem}}@media (width<=560px){.topbar{flex-wrap:wrap;row-gap:.6rem}.search{flex-basis:100%;order:3;max-width:none;margin-left:0}.top-actions{margin-left:auto}.hide-sm,.hero-art{display:none}}