/*
Theme Name: IZIMINIT Modern
Theme URI: https://iziminit.com
Author: Awobaz DTS
Description: Bright, conversion-focused IZIMINIT theme with orange hero, step cards, and checkout panel. Styled to match the provided mockup.
Version: 1.0.0
License: GPL-2.0+
Text Domain: iziminit-modern
*/
:root{
  --blue:#0F2FE4;
  --orange:#F97316;
  --orange-2:#FFB44C;
  --text:#1E293B;
  --muted:#64748B;
  --card:#ffffff;
  --bg:#F8FAFC;
  --border:#E5E7EB;
  --success:#16A34A;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--blue);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:24px}
/* Header + footer */
.site-top{background:var(--blue);color:#fff}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:800}
.brand .dot{width:12px;height:12px;background:var(--orange);border-radius:3px;box-shadow:14px 0 0 #60A5FA, 28px 0 0 var(--success)}
.menu{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.menu a{color:#fff;opacity:.95}
.site-footer{background:var(--blue);color:#c7d2fe}
.site-footer a{color:#c7d2fe}
/* Hero */
.hero{background:var(--orange);padding:56px 0 40px 0;position:relative}
.hero .grid{display:grid;grid-template-columns:1fr 420px;gap:32px;align-items:center}
.hero h1{font-size:44px;line-height:1.1;color:#fff;margin:0 0 10px}
.hero p{color:#fff;opacity:.95;margin:0 0 18px}
.badges{display:flex;gap:8px;margin-bottom:12px}
.badge{background:#fff1;border:1px solid #fff4;color:#fff;padding:6px 10px;border-radius:999px;font-size:12px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:10px 16px;font-weight:700;border:1px solid #ffffff40}
.btn.primary{background:#fff;color:var(--orange)}
.btn.secondary{background:transparent;color:#fff}
.hero-card{background:#fff;border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.12);padding:14px}
.hero-card img{width:100%;border-radius:12px}
/* Steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.step{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 6px 14px rgba(0,0,0,.05)}
.step h4{margin:0 0 6px}
.step p{margin:0;color:var(--muted)}
/* Checkout block */
.checkout-wrap{margin:36px 0}
.checkout-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.07);padding:18px}
.section-title{font-size:28px;margin:10px 0 6px}
.section-sub{color:var(--muted);margin:0 0 16px}
/* Promo cards */
.promo-grid .iz-promos-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.promo-grid .iz-promo-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 14px rgba(0,0,0,.06)}
.promo-grid .iz-promo-badge{background:#F1F5F9;color:#0f172a}
.promo-grid .iz-promo-value{color:var(--orange);}
/* Topup form overrides */
.izts-checkout .izts-card{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:inset 0 0 0 1px transparent;color:var(--text)}
.izts-card label{font-weight:700;color:var(--text)}
.izts-card input{background:#fff;border:1px solid var(--border);border-radius:10px;color:var(--text)}
#iz-summary b{color:var(--orange)}
#iz-pay.button-primary{background:var(--orange)!important;border-color:var(--orange)!important}
#iz-check-ops.button{background:#fff!important;border-color:var(--orange)!important;color:var(--orange)!important}
/* Plans row */
.plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.plan{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 6px 14px rgba(0,0,0,.06)}
.plan strong{color:var(--orange)}
/* Responsive */
@media (max-width:980px){.hero .grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}}