:root{--gap:14px;--radius:18px;--shadow:0 2px 10px rgba(0,0,0,.06)}
*{box-sizing:border-box}
.izirm-card{max-width:780px;margin:0 auto;border:1px solid #e5e7eb;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden;font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial}
@media (max-width:640px){.izirm-card{border:none;border-radius:0;box-shadow:none}}
.izirm-header{padding:16px 18px;border-bottom:1px solid #f1f5f9;background:#fafafa}
.izirm-brand img{height:28px}
.izirm-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.izirm-header h3{margin:6px 0 4px}
.izirm-header .muted{color:#6b7280;margin:6px 0 0}
.izirm-steps{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.izirm-step{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}
.izirm-step .num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#e5e7eb;color:#fff;font-weight:700;font-size:12px;min-width:22px}
.izirm-step.active{color:#111827}
.izirm-step.active .num{background:var(--izirm-accent,#111)}
.izirm-progress{height:4px;background:#eef2f7;border-radius:999px;margin-top:8px;overflow:hidden}
.izirm-progress .bar{height:100%;width:25%;background:var(--izirm-accent,#111)}
#izirm-form{padding:18px}
.group{margin-bottom:var(--gap)}
.group label{display:block;font-weight:600;margin-bottom:8px}
.input-affix{display:flex;align-items:stretch;gap:8px}
.input-affix .affix{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;display:flex;align-items:center;white-space:nowrap}
.input-affix input, .group input[type="email"], .group input[type="text"], .group input[type="number"]{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:10px}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.izirm-pill{border:1px solid #d1d5db;border-radius:999px;padding:6px 10px;background:#fff;cursor:pointer}
.izirm-pill.active{background:var(--izirm-accent,#111);color:#fff;border-color:transparent}
.izirm-operator{display:flex;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;background:#fafafa}
.izirm-operator .logo img{height:28px;width:auto;display:block}
.izirm-operator .meta .row1{display:flex;align-items:center;gap:8px}
.izirm-chip{border:1px solid var(--izirm-accent,#111);border-radius:999px;padding:2px 8px;font-size:12px}
.izirm-btn{padding:12px 16px;border:none;border-radius:12px;background:var(--izirm-accent,#111);color:#fff;cursor:pointer;font-weight:700;min-width:140px}
.izirm-btn.ghost{background:#fff;color:#111;border:1px solid #d1d5db}
.nav{display:flex;justify-content:flex-end;margin-top:8px;gap:10px}
.nav.two{justify-content:space-between}
.step-pane{display:none}
.step-pane.active{display:block}
.izirm-msg{margin-top:10px;font-size:.95em}
.izirm-msg.ok{color:#065f46}.izirm-msg.err{color:#991b1b}
.help{color:#6b7280}
.sr{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.izirm-switcher select{padding:6px 8px;border-radius:8px;border:1px solid #d1d5db;background:#fff}
.quote-line{display:flex;align-items:center;gap:10px;font-weight:600}
.izirm-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;border:1px solid transparent;border-radius:10px;padding:10px 12px}
.izirm-banner .izirm-close{appearance:none;border:none;background:transparent;font-size:18px;line-height:1;cursor:pointer}
.review{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;border:1px dashed #e5e7eb;border-radius:12px;background:#fafafa}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
@media (max-width:640px){.grid2{grid-template-columns:1fr}}
.card-el{border:1px solid #d1d5db;border-radius:10px;padding:12px;background:#fff}


/* === iziMinit Brand (Orange primary / Blue accent) === */
.izirm, .iz-topup-wrap { --iz-primary:#f3811f; --iz-accent:#005faf; --iz-radius:16px; }
.izirm .btn, .izirm button, .izirm input[type=submit],
.iz-topup-wrap .btn, .iz-topup-wrap button, .iz-topup-wrap input[type=submit]{background:var(--iz-primary);color:#fff;border:0;border-radius:var(--iz-radius);padding:12px 18px;font-weight:700;cursor:pointer}
.izirm .btn:hover, .iz-topup-wrap .btn:hover{filter:brightness(1.05)}
.izirm a, .iz-topup-wrap a{color:var(--iz-accent)}
.izirm input[type=text], .izirm input[type=tel], .izirm input[type=email], .izirm select,
.iz-topup-wrap input[type=text], .iz-topup-wrap input[type=tel], .iz-topup-wrap input[type=email], .iz-topup-wrap select{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:14px;outline:none}
.izirm input:focus, .izirm select:focus, .iz-topup-wrap input:focus, .iz-topup-wrap select:focus{border-color:var(--iz-primary);box-shadow:0 0 0 4px #f3811f22}
.izirm .progress, .izirm .steps-bar, .iz-topup-wrap .progress, .iz-topup-wrap .steps-bar{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}
.izirm .progress .bar, .izirm .steps-bar .bar, .iz-topup-wrap .progress .bar, .iz-topup-wrap .steps-bar .bar{height:100%;background:linear-gradient(90deg,var(--iz-primary),var(--iz-accent))}
/* Stripe Payment Request buttons wrapper */
.izirm .payment-request-button, .iz-topup-wrap .payment-request-button{border-radius:14px;overflow:hidden}