:root{--bg:#170807;--card:#fff;--red:#ff493f;--muted:#8f817e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f8efed;font-family:Arial,sans-serif}.topbar{height:64px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #321716}.brand{font-weight:900;font-size:22px;color:#fff;text-decoration:none}.brand span{color:var(--red)}.track{color:#cbbdb9;text-decoration:none;font-size:13px}.hero{padding:70px 6% 45px;max-width:900px}.eyebrow{color:#c83c36;letter-spacing:3px;font-size:11px;font-weight:700}.hero h1{font-size:clamp(42px,7vw,76px);line-height:.98;margin:15px 0}.hero h1 span{color:var(--red)}.sub{color:#b8aaa6}.search{width:min(100%,420px);padding:16px 20px;border:1px solid #59312e;background:#2a1210;border-radius:30px;color:white;outline:none}.section-head{padding:0 6% 14px;display:flex;justify-content:space-between;color:#927d78;font-size:11px}.grid{padding:0 6% 50px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:#fff;color:#241b19;border-radius:16px;overflow:hidden;position:relative}.thumb{height:190px;background:#eee;display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:cover}.placeholder{font-weight:900;font-size:38px;color:#999}.cardbody{padding:14px;position:relative;min-height:150px}.card h3{margin:0 0 7px;font-size:15px}.card small{color:#8c7e79}.price{font-weight:800;margin-top:16px}.stock{font-size:9px;color:#278b5b;margin-top:6px}.choose{position:absolute;right:12px;bottom:14px;border:1px solid #ddc9c5;border-radius:18px;padding:7px 11px;color:#8b403a;text-decoration:none;font-size:10px}.disabled{color:#b33b35;border-color:#e3c5c1}.narrow{max-width:720px;margin:0 auto;padding:45px 20px}.narrow h1{font-size:36px}.panel{background:#fff;color:#211817;border-radius:15px;padding:20px;margin:15px 0}.panel label{display:block;font-size:13px;font-weight:700;margin-bottom:15px}.panel input,.panel select{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #ddd;border-radius:9px}.primary{background:var(--red);color:white;border:0;border-radius:10px;padding:13px 18px;font-weight:800;cursor:pointer}.msg,.error{color:#b33b35}.status{display:inline-block;background:#fff0ee;color:#b33b35;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:800}.muted{color:#888}.hidden{display:none}.empty{text-align:center;color:#aaa}.orderrow{line-height:1.8}@media(max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.thumb{height:150px}.hero{padding-top:45px}.hero h1{font-size:43px}.topbar{padding:0 18px}}@media(max-width:390px){.grid{grid-template-columns:1fr}.thumb{height:200px}}