:root{--ink:#241c15;--bg:#faf6ef;--alt:#f1e9da;--accent:#b4472a;--muted:#6b5f53;--line:#e4dccd}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font:16px/1.6 system-ui,sans-serif}a{color:var(--accent)}h1{margin:0 0 16px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15}h2{margin:0 0 16px}.inner{width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.narrow{max-width:820px}.lead{color:var(--muted);font-size:1.2rem}.muted{color:var(--muted);font-size:.9rem}header{z-index:10;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding-top:14px;padding-bottom:14px;display:flex}.logo{color:var(--ink);font-size:1.3rem;font-weight:800;text-decoration:none}header nav{align-items:center;gap:20px;display:flex}header nav a{color:var(--ink);text-decoration:none}header nav a.active{color:var(--accent);font-weight:600}.cartlink{border:1px solid var(--ink);border-radius:99px;padding:4px 12px}.hero{background:linear-gradient(120deg,#e9d3b8,#d98f6a);padding:clamp(64px,12vw,160px) 0}.hero h1{max-width:16ch}.hero .lead{color:#3a2c20;max-width:48ch}.section{padding:clamp(32px,6vw,80px) 0}.alt{background:var(--alt)}.btn{background:var(--accent);color:#fff;border:2px solid var(--accent);font:inherit;cursor:pointer;border-radius:6px;padding:9px 18px;text-decoration:none;display:inline-block}.btn.ghost{color:var(--accent);background:0 0}.btn:disabled{opacity:.6}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin:24px 0;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.card-body{flex-direction:column;flex:1;gap:4px;padding:14px;display:flex}.card h3{margin:0;font-size:1.05rem}.card h3 a{color:var(--ink);text-decoration:none}.cat,.cat-tile{text-transform:capitalize}.cat{color:var(--muted)}.price{margin:0;font-weight:700}.price.big{font-size:1.6rem}.actions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px;display:flex}.thumb{aspect-ratio:4/5;color:#fff;place-items:center;font-size:4rem;font-weight:800;display:grid}.cats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cat-tile{border:1px solid var(--line);min-height:140px;color:var(--ink);background:#fff;border-radius:8px;place-items:center;font-size:1.3rem;font-weight:700;text-decoration:none;display:grid}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters a{border:1px solid var(--line);color:var(--ink);text-transform:capitalize;background:#fff;border-radius:99px;padding:4px 16px;text-decoration:none}.filters a.on{background:var(--ink);color:#fff}.detail{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:clamp(24px,5vw,64px);display:grid}.detail .thumb{border-radius:8px}.line{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.qty button{width:28px;height:28px}.qty{align-items:center;gap:10px;display:inline-flex}.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0}.total{font-size:1.2rem;font-weight:700}.checkout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(24px,5vw,64px);display:grid}.form{gap:14px;max-width:560px;display:grid}.form label{gap:4px;font-weight:600;display:grid}.form input,.form textarea{font:inherit;border:1px solid var(--line);border-radius:6px;padding:9px}.error{color:#b00020}.summary{border:1px solid var(--line);background:#fff;border-radius:8px;align-self:start;padding:20px}.sum{justify-content:space-between;gap:12px;margin:8px 0;display:flex}footer{background:var(--ink);color:#e8dfd0;padding:40px 0}footer a{color:#e8dfd0;margin-right:16px}.foot{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.foot p{margin:4px 0 0}@media (width<=700px){.checkout{grid-template-columns:1fr}.line{grid-template-columns:1fr 1fr}}