:root{--card:#fff;--muted:#f5f7fb;--border:#e3e9f3;--brand:#146EF5;--text:#1e2b44;}
.eweb-dual{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text)}
.eweb-dual .grid{display:grid;gap:16px;grid-template-columns:1.6fr 1.2fr}
.eweb-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}
.h{font-weight:800;font-size:18px;margin:0 0 8px}
.muted{color:#61718d;font-size:13px}
.cat{margin:10px 0}
.item{display:flex;align-items:center;justify-content:space-between;background:var(--muted);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin:8px 0}
.item label{display:flex;align-items:center;gap:10px;font-weight:600}
.badge{background:#eef3ff;color:#1f3568;border-radius:999px;padding:4px 10px;font-size:12px}
.qty{display:inline-flex;align-items:center;gap:6px}
.qty input{width:70px;padding:6px 8px;border:1px solid var(--border);border-radius:8px}
.mode{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 10px}
.mode label{display:flex;gap:6px;align-items:center;background:#f1f5ff;border:1px solid #dfe8fb;border-radius:999px;padding:6px 10px;cursor:pointer}
.control{display:grid;gap:6px;margin:8px 0}
.control .row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.control input[type=range]{width:60%}
.total .big{font-weight:900;font-size:28px}
.btn{background:var(--brand);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}
.btn.secondary{background:#e8eef9;color:#0e2a55}
.btn.ghost{background:#eef1f7;color:#1b2e50}
.sep{height:1px;background:var(--border);margin:10px 0}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
#totals ul{margin:6px 0 0 0;padding-left:18px}
#totals li{margin:2px 0}
@media (max-width:1024px){.eweb-dual .grid{grid-template-columns:1fr}}