*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f8fb;--card:#fff;--ink:#0f172a;--muted:#64748b;--accent:#16a34a;--accent2:#0f172a;--line:#e2e8f0}html,body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.45}.container{max-width:1100px;margin:0 auto;padding:12px}@media (width<=640px){.container{padding:10px}.nav{flex-wrap:wrap;gap:8px}.grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}button{background:var(--accent2);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 14px}button.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}button:disabled{opacity:.55;cursor:not-allowed}input,select{border:1px solid var(--line);border-radius:10px;width:100%;margin-bottom:8px;padding:10px}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 0;display:flex}.brand{font-weight:700}.badge{color:#3730a3;background:#eef2ff;border-radius:999px;padding:3px 8px;font-size:12px;display:inline-block}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.product{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.product .body{flex:1;padding:12px}.product .foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.img{background:#eef2ff;place-items:center;width:100%;height:140px;font-size:38px;display:grid}.price{font-weight:700}.section{margin-top:16px}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.stepper{flex-wrap:wrap;gap:6px;display:flex}.stepper button{min-width:32px;padding:6px 10px}.alert{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:10px}.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:10px}.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px}.empty{color:var(--muted)}.hidden{display:none}.mt-2{margin-top:12px}