*{box-sizing:border-box}:root{--ink:#18201d;--muted:#6c746f;--line:#dfe3df;--cream:#f5f3ed;--green:#536b59;--dark:#26372c}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fafafa}.wrap{width:min(94%,1280px);margin:auto}.hero{background:var(--cream);border-bottom:1px solid var(--line);padding:34px 0}.hero-in{display:flex;align-items:center;gap:32px}.hero img{width:170px}.hero h1{font-size:42px;margin:4px 0}.hero p{margin:0;color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--green)}main{padding:30px 0 120px}.panel,.success,.error{background:#fff;border:1px solid var(--line);padding:24px;margin-bottom:20px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.details label,.panel label{font-size:12px;font-weight:700;display:grid;gap:6px}.wide{grid-column:span 2}input,select,textarea{width:100%;border:1px solid #cdd3ce;background:#fff;padding:12px;font:inherit;border-radius:3px}.toolbar{position:sticky;top:0;z-index:5;background:#fff;border:1px solid var(--line);padding:12px;display:flex;gap:20px;align-items:center;margin:24px 0}.toolbar input{max-width:500px}.totals{margin-left:auto;display:flex;gap:24px}.product-section h2{font-size:20px;border-bottom:2px solid var(--dark);padding-bottom:9px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product{background:#fff;border:1px solid var(--line);padding:17px}.product h3{margin:0 0 14px;font-size:17px}.variants{display:grid;gap:8px}.variant{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#f7f8f6;padding:10px}.variant span{display:grid;gap:2px}.variant small{color:var(--muted)}.variant strong{font-size:13px}.variant input{width:76px;text-align:center;font-size:18px}.hint{color:var(--muted)}.sticky{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:12px max(3%,calc((100% - 1280px)/2));display:flex;justify-content:flex-end;align-items:center;gap:25px;z-index:10}.sticky div{display:grid;text-align:right}.sticky strong{font-size:22px}.btn{display:inline-block;background:var(--dark);color:#fff;border:0;padding:14px 22px;text-decoration:none;font-weight:800;border-radius:3px}.success{max-width:700px;margin:40px auto}.error{border-left:4px solid #9b2f2f}.product[hidden]{display:none}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.details{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:34px}}@media(max-width:600px){.hero{padding:20px 0}.hero-in{gap:15px}.hero img{width:100px}.hero h1{font-size:28px}.hero p{font-size:14px}.details,.product-grid{grid-template-columns:1fr}.wide{grid-column:auto}.toolbar{top:0;display:block}.toolbar input{margin-bottom:10px}.totals{justify-content:space-between}.product{padding:13px}.sticky{justify-content:space-between}.sticky .btn{padding:12px}.sticky small{font-size:10px}}