.cytrex-mk { --primary: var(--cytrex-primary,#0ea5e9); --secondary: var(--cytrex-secondary,#0f172a); --radius: var(--cytrex-radius,8px); }
.cytrex-mk .step { background:#fff; border:1px solid #e5e7eb; border-radius:var(--radius); padding:16px; margin:16px 0; }
.cytrex-mk .actions { display:flex; gap:10px; justify-content:space-between; margin-top:12px; }
.cytrex-mk .btn { background:var(--primary); color:#fff; padding:10px 16px; border-radius:var(--radius); border:none; cursor:pointer; }
.cytrex-mk .btn.ghost { background:transparent; color:var(--secondary); border:1px solid #cbd5e1; }
.cytrex-mk .progress { height:8px; background:#e5e7eb; border-radius:999px; overflow:hidden; }
.cytrex-mk .progress > div { height:8px; background:var(--primary); width:0; transition:width .3s ease; }
.cytrex-mk .field { margin-bottom:12px; }
.cytrex-mk .field label { display:block; font-weight:600; margin-bottom:4px; }
.cytrex-mk .required-star { color:#dc2626; margin-left:4px; }
.cytrex-mk input[type="text"], .cytrex-mk input[type="email"], .cytrex-mk input[type="tel"] { width:100%; padding:10px; border:1px solid #cbd5e1; border-radius:6px; }
.cytrex-mk input::placeholder { color:#9ca3af; }
.cytrex-mk input[aria-invalid="true"], .cytrex-mk textarea[aria-invalid="true"] { border-color:#ef4444; background:#fff7f7; }
.cytrex-mk .error-msg { color:#b91c1c; font-size:12px; margin-top:4px; }
.cytrex-mk .category { border:1px solid #e5e7eb; border-radius:10px; padding:12px; margin-bottom:10px; }
.cytrex-mk .product { display:flex; align-items:center; justify-content:space-between; padding:8px 0; border-bottom:1px dashed #eee; }
.cytrex-mk .product:last-child { border-bottom:none; }
.cytrex-mk .grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width: 680px){ .cytrex-mk .grid-2 { grid-template-columns:1fr; } }

/* Footer total */
.cytrex-mk .total-footer { margin-top: 8px; padding: 14px 8px 4px; border-top: 1px solid #e5e7eb; text-align: center; }
.cytrex-mk .total-footer .label { display:block; font-size:12px; color:#64748b; margin-bottom:2px; }
.cytrex-mk .total-footer .value { font-size:32px; font-weight:800; line-height:1.2; }

/* Consent pretty checkbox */
.cytrex-mk .consent-row { display:flex; align-items:flex-start; gap:10px; }
.cytrex-mk .consent-row input[type="checkbox"] { margin-top:4px; width:20px; height:20px; accent-color: var(--primary); }
.cytrex-mk .consent-row .consent-text { flex:1; }

/* Summary table */
.cytrex-summary-table{width:100%;border-collapse:collapse;margin-top:12px}
.cytrex-summary-table th,.cytrex-summary-table td{border-bottom:1px solid #e5e7eb;padding:8px}
