:root{--ink:#111;--paper:#f6f2e9;--accent:#ff5b22;--lime:#cbff35;--line:#d8d1c6;--muted:#716d66}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
button,input{font:inherit}button{cursor:pointer}.top{background:#111;color:#fff;text-align:center;padding:10px;font-size:11px;font-weight:900;letter-spacing:1.5px}
header{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(246,242,233,.95);backdrop-filter:blur(14px);z-index:20}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brandMark{width:38px;height:38px;display:grid;place-items:center;background:var(--accent);color:white;border-radius:10px;font-weight:900;transform:rotate(-4deg)}
.brand b{display:block;font-size:18px;line-height:16px}.brand small{display:block;font-size:8px;font-weight:900;letter-spacing:2.5px;margin-top:3px}
.headActions{display:flex;gap:8px}.round,.bag{height:40px;border:1px solid #111;background:transparent;border-radius:30px;font-weight:900}.round{width:40px;font-size:21px}.bag{padding:0 15px}.bag span{background:#111;color:white;border-radius:30px;padding:3px 7px;font-size:10px;margin-left:5px}
.hero{min-height:610px;padding:65px 6vw;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden}.eyebrow{font-size:10px;color:var(--accent);font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(64px,7.5vw,112px);line-height:.82;letter-spacing:-6px;margin:18px 0 28px}.hero h1 em{color:var(--accent);font-style:normal}.heroText{max-width:600px;color:var(--muted);font-size:18px;line-height:1.55}.heroCopy>button{margin-top:28px;padding:16px 27px;border:0;background:#111;color:#fff;font-weight:900}.trust{margin-top:24px;font-size:9px;font-weight:900;color:#6b665f;letter-spacing:.4px;line-height:1.8}
.heroVisual{position:relative;min-height:460px}.bigCard{position:absolute;right:10%;top:10%;width:330px;height:390px;background:#111;color:white;padding:38px;box-shadow:18px 18px 0 var(--lime);transform:rotate(4deg);display:flex;flex-direction:column;justify-content:space-between}.bigCard small{color:var(--lime);font-weight:900;letter-spacing:2px}.bigCard strong{font-size:43px;line-height:.9;letter-spacing:-2px}.bubble{position:absolute;border-radius:50%;display:grid;place-items:center;font-size:48px;z-index:2;box-shadow:0 14px 35px #0002}.bubble.a{width:115px;height:115px;background:#ffd65c;left:2%;top:5%}.bubble.b{width:100px;height:100px;background:#ff8686;right:0;bottom:4%}.bubble.c{width:90px;height:90px;background:var(--lime);left:12%;bottom:4%}
.connectionBar{text-align:center;padding:10px 15px;background:#eee8dc;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;font-weight:900;letter-spacing:1px}.connectionBar.ok{background:#e8f7ea;color:#176526}.connectionBar.err{background:#fff0f0;color:#9a2020}
nav{padding:15px 5vw;display:flex;gap:7px;overflow:auto;border-bottom:1px solid var(--line);scrollbar-width:none}nav button{white-space:nowrap;border:1px solid var(--line);background:none;border-radius:30px;padding:10px 15px;font-size:10px;font-weight:900}nav button.on{background:#111;color:#fff;border-color:#111}
main{padding:60px 5vw 90px}.shopHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.shopHead h2{font-size:40px;letter-spacing:-1.5px;margin:8px 0 0}.shopHead #resultCount{font-size:11px;color:var(--muted);font-weight:900}.searchRow{margin-bottom:22px}.searchRow input{width:min(520px,100%);padding:13px 15px;border:1px solid var(--line);background:#fff;border-radius:30px;outline:none}
#grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.loading{grid-column:1/-1;padding:70px;text-align:center;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #00000012}.pic{aspect-ratio:1;display:grid;place-items:center;background:#e9e3d8;overflow:hidden;position:relative}.pic img{width:100%;height:100%;object-fit:contain;background:white}.pic .emoji{font-size:68px}.stockTag{position:absolute;left:10px;top:10px;background:var(--lime);padding:6px 8px;font-size:8px;font-weight:900;letter-spacing:.7px}.stockTag.low{background:#ffd65c}.cardInfo{padding:15px}.category{font-size:8px;letter-spacing:1.2px;color:#888;font-weight:900}.cardInfo h3{font-size:13px;line-height:1.25;min-height:34px;margin:8px 0}.meta{font-size:9px;color:#777;font-weight:800}.priceRow{display:flex;gap:7px;align-items:center;margin:14px 0}.publicPrice{font-size:20px;font-weight:900}.caseLabel{font-size:9px;color:#777}.add{width:100%;padding:12px;border:1px solid #111;background:none;font-weight:900;font-size:10px}.add:hover{background:#111;color:white}.sold{opacity:.6}.sold .add{pointer-events:none;border-color:#aaa;color:#888}
.shipBanner{margin:0 5vw 90px;background:var(--accent);color:white;min-height:300px;padding:52px;display:flex;justify-content:space-between;align-items:end}.shipBanner span{font-size:10px;font-weight:900;letter-spacing:2px}.shipBanner h2{font-size:54px;line-height:.9;letter-spacing:-3px;margin:14px 0 0}.shipBanner button{padding:15px 22px;border:0;background:#fff;font-weight:900}
.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.features article{padding:42px 5vw;border-right:1px solid var(--line)}.features article:last-child{border-right:0}.features b{color:var(--accent);font-size:10px}.features h3{font-size:17px}.features p{font-size:13px;color:var(--muted);line-height:1.5}
footer{padding:55px 5vw;background:#111;color:white}.footerBrand{color:white}footer p{color:#999}
#cart{position:fixed;top:0;right:-510px;width:min(480px,100%);height:100vh;background:var(--paper);z-index:60;transition:.25s;display:flex;flex-direction:column;box-shadow:-20px 0 60px #0003}#cart.open{right:0}.cartHead{padding:23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.cartHead h2{margin:5px 0 0;font-size:30px}.cartHead button{border:0;background:none;font-size:34px}.cartHead .eyebrow{display:block}.cartHead>div{}.cartHead+div{}
#items{padding:17px;overflow:auto;flex:1}.empty{text-align:center;padding:60px 10px;color:var(--muted)}.line{display:grid;grid-template-columns:64px 1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.thumb{width:64px;height:64px;display:grid;place-items:center;background:#e9e3d8;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:contain;background:white}.line h4{font-size:12px;margin:3px 0 5px}.line small{font-size:9px;color:#777}.qty{display:flex;gap:7px;align-items:center;margin-top:8px}.qty button{width:25px;height:25px;border:1px solid var(--line);background:none}.qty .remove{width:auto;border:0;text-decoration:underline;font-size:9px;color:#777}
.cartBottom{background:#fff;border-top:1px solid var(--line);padding:18px}.progress{height:6px;background:#ece6dc;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);width:0}.cartBottom p{font-size:10px;font-weight:900}.subtotal{display:flex;justify-content:space-between;margin:17px 0;font-weight:900}.subtotal b{font-size:21px}.cartBottom>small{display:block;color:#777;font-size:9px;margin-bottom:12px}.cartBottom>button{width:100%;padding:15px;border:0;background:#111;color:white;font-weight:900}.cartBottom #msg{color:#a02020;font-size:11px;margin-top:10px}
#shade{display:none;position:fixed;inset:0;background:#0008;z-index:50}#shade.on{display:block}
.searchModal{display:none;position:fixed;inset:0;background:#111e;z-index:80;padding:7vh 4vw}.searchModal.open{display:block}.searchPanel{max-width:850px;margin:auto;background:var(--paper);padding:34px;position:relative}.searchPanel>button{position:absolute;right:18px;top:13px;border:0;background:none;font-size:34px}.searchPanel input{width:100%;padding:15px 0;border:0;border-bottom:2px solid #111;background:none;font-size:29px;outline:none}.searchResult{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:900}.searchResult small{color:#777}
#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,25px);opacity:0;background:#111;color:#fff;padding:12px 17px;z-index:100;font-size:11px;font-weight:900;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:48px}.heroVisual{min-height:360px;margin-top:25px}.bigCard{width:260px;height:300px}.bigCard strong{font-size:32px}#grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr}.features article{border-right:0;border-bottom:1px solid var(--line)}.shipBanner{flex-direction:column;align-items:flex-start;gap:28px}}
@media(max-width:520px){header{padding:0 15px;height:64px}.brand b{font-size:14px}.brand small{font-size:6px}.brandMark{width:34px;height:34px}.hero{padding:45px 18px 55px;min-height:auto}.hero h1{font-size:54px;letter-spacing:-3px}.heroText{font-size:15px}.heroVisual{min-height:300px}.bigCard{right:6%;width:220px;height:255px;padding:25px}.bigCard strong{font-size:27px}.bubble.a{width:80px;height:80px}.bubble.b,.bubble.c{width:70px;height:70px}.bubble{font-size:34px}main{padding:45px 12px 65px}.shopHead h2{font-size:31px}#grid{gap:7px}.cardInfo{padding:11px}.pic .emoji{font-size:50px}.cardInfo h3{font-size:11px}.publicPrice{font-size:17px}.shipBanner{margin:0 12px 65px;padding:30px}.shipBanner h2{font-size:40px}.features article{padding:32px 18px}}