body{margin:0;font-family:system-ui,Arial,sans-serif;background:#f4f1fb;color:#222}
.demo-header{display:flex;justify-content:space-between;align-items:center;background:#6f42c1;color:#fff;padding:12px 24px}
.demo-header a{color:#fff;text-decoration:none;margin-inline-start:16px}.brand{font-weight:700;font-size:20px;margin:0!important}
.demo-main{max-width:1100px;margin:24px auto;padding:0 16px}
.lead{color:#555}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.card{background:#fff;border-radius:10px;padding:12px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.card.oos{opacity:.6}.name{font-weight:600;min-height:40px}.price{color:#6f42c1;font-weight:700;margin:6px 0}.sku{font-size:12px;color:#888}
button{background:#6f42c1;color:#fff;border:0;border-radius:6px;padding:8px 12px;cursor:pointer;margin-top:8px}button:disabled{opacity:.5;cursor:not-allowed}
.badge{display:inline-block;background:#eee;border-radius:6px;padding:4px 8px;font-size:12px;margin-top:8px}
table.cart{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}
table.cart th,table.cart td{padding:10px;border-bottom:1px solid #eee;text-align:right}
.summary{font-size:18px;margin:16px 0}
.checkout{background:#fff;padding:16px;border-radius:10px}.checkout label{display:block;margin:10px 0}.checkout input,.checkout select{margin-inline-start:8px;padding:6px}
.note{color:#666;font-size:13px}
.demo-footer{text-align:center;color:#777;font-size:12px;padding:24px}