:root{--bg:#f7f8fa;--card:#fff;--line:#e5e7eb;--text:#0f172a;--muted:#64748b;--accent:#2563eb;--accent-weak:#dbeafe;--danger:#b91c1c}*{box-sizing:border-box}#root,body,html{height:100%}body{background:#f7f8fa;background:var(--bg);color:#0f172a;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;margin:0}.wrap{margin:0 auto;max-width:1100px;padding:16px}.row{align-items:center;display:flex;gap:12px}.spacer{flex:1 1}.main{padding-bottom:80px;padding-top:90px}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:40}.topbar .wrap{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:auto 1fr auto}.brand{align-items:center;display:flex;font-weight:700;gap:10px}.logo-dot{background:#2563eb;background:var(--accent);border-radius:999px;display:inline-block;height:10px;width:10px}.controls{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1.2fr 1fr 1fr .8fr .8fr auto}@media (max-width:900px){.controls{grid-template-columns:1fr 1fr 1fr}}.cart-btn{white-space:nowrap}.input,.select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;color:#0f172a;color:var(--text);padding:10px 12px;width:100%}.input::placeholder{color:#64748b;color:var(--muted)}.btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;cursor:pointer;padding:10px 14px}.btn:hover{background:#dbeafe;background:var(--accent-weak)}.btn-primary{background:#2563eb;background:var(--accent);border-color:#2563eb;border-color:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(.96)}.btn-ghost{background:#0000}.btn-danger{background:#fff5f5;border-color:#fecaca;color:#7f1d1d}.cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.card-img-wrap{aspect-ratio:4/3;background:#f3f4f6;overflow:hidden}.card-img-wrap img{display:block;height:100%;object-fit:cover;transition:transform .25s ease;width:100%}.card:hover .card-img-wrap img{transform:scale(1.03)}.card-body{grid-gap:8px;display:grid;gap:8px;padding:12px}.card-title{font-weight:700;line-height:1.2}.card-meta{color:#64748b;color:var(--muted);font-size:12px}.price{color:#111827;font-weight:800}.empty{background:#fff;border:1px dashed #e5e7eb;border:1px dashed var(--line);border-radius:12px;color:#64748b;color:var(--muted);padding:24px 10px;text-align:center}.badge{background:#2563eb;background:var(--accent);border-radius:999px;color:#fff;font-weight:800;padding:2px 8px}.drawer{background:#fff;border-left:1px solid #e5e7eb;border-left:1px solid var(--line);display:flex;flex-direction:column;height:100%;max-width:100%;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .25s ease;width:380px;z-index:50}.drawer.open{transform:translateX(0)}.drawer-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.drawer-list{grid-gap:10px;display:grid;gap:10px;overflow:auto;padding:12px 16px}.rowi{grid-gap:12px;align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;display:grid;gap:12px;grid-template-columns:56px 1fr auto;padding:8px}.rowi img{border-radius:8px;height:56px;object-fit:cover;width:56px}.title-sm{font-weight:600}.muted{color:#64748b;color:var(--muted);font-size:12px}.qty{align-items:center;display:inline-flex;gap:6px}.chip-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:999px;cursor:pointer;padding:4px 10px}.drawer-total{padding:12px 16px}.drawer-total,.footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--line)}.footer{background:#fffffff2;bottom:0;left:0;position:fixed;right:0}.overlay{background:#0003;inset:0;position:fixed;z-index:40}
/*# sourceMappingURL=main.3f9a92ad.css.map*/