/* v3-minimal-mono — Multi-Step Wizard (checkout-only) */
.kc-tpl-v3-minimal-mono{
	font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:#0a0a0a;line-height:1.55;
	background:transparent;padding:20px 16px;
}
/* v1.7.35 — Social proof strip, matches minimal-mono monospace aesthetic. */
.kc-tpl-v3-minimal-mono .kc-mm-proof{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 20px 0;padding:8px 12px;background:#fafafa;border:1px solid #f5f5f5;border-radius:6px;font-family:'Space Grotesk','JetBrains Mono',monospace;font-size:.7rem;color:#525252;letter-spacing:.04em;text-transform:uppercase}
.kc-tpl-v3-minimal-mono .kc-mm-proof i{color:#d4d4d4;font-style:normal}
.kc-tpl-v3-minimal-mono .kc-mm-proof .mm-num{color:#0a0a0a;font-weight:800;letter-spacing:0}
/* v1.7.31 — Give the form breathing room from the viewport edge on mobile.
 * `.kc-form` has its own white card bg + rounded corners; without wrapper padding
 * it touched the screen edge on phone view (Najmi report). */
.kc-tpl-v3-minimal-mono.kc-standalone{background:#fafafa;padding:30px 16px}
.kc-tpl-v3-minimal-mono *{box-sizing:border-box}
.kc-tpl-v3-minimal-mono .kc-form{max-width:560px;margin:0 auto;background:#fff;border-radius:12px;padding:0;border:1px solid #e5e5e5;box-shadow:0 8px 30px rgba(0,0,0,.06);overflow:hidden}
.kc-tpl-v3-minimal-mono .kc-prog{display:flex;align-items:center;padding:20px 24px;background:#0a0a0a;color:#fff}
.kc-tpl-v3-minimal-mono .kc-prog .dot{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;color:#525252;font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.kc-tpl-v3-minimal-mono .kc-prog .dot .n{width:32px;height:32px;border-radius:50%;background:#262626;color:#737373;display:grid;place-items:center;font-weight:800;margin-bottom:6px;transition:all .25s ease;font-family:'Space Grotesk',sans-serif}
.kc-tpl-v3-minimal-mono .kc-prog .dot.active{color:#fff}
.kc-tpl-v3-minimal-mono .kc-prog .dot.active .n{background:#fff;color:#0a0a0a}
.kc-tpl-v3-minimal-mono .kc-prog .dot.done{color:#fff}
.kc-tpl-v3-minimal-mono .kc-prog .dot.done .n{background:#c19a6b;color:#0a0a0a}
.kc-tpl-v3-minimal-mono .kc-prog .dot.done .n::after{content:"✓";font-size:.9rem}
.kc-tpl-v3-minimal-mono .kc-prog .dot.done .n .num{display:none}
.kc-tpl-v3-minimal-mono .kc-prog .ln{flex:0 0 30px;height:2px;background:#262626;margin-top:-22px}
.kc-tpl-v3-minimal-mono .kc-prog .ln.done{background:#c19a6b}
.kc-tpl-v3-minimal-mono .kc-step-wrap{padding:24px}
.kc-tpl-v3-minimal-mono [data-step]{display:none}
.kc-tpl-v3-minimal-mono [data-step].active{display:block;animation:kc-fadeIn .25s ease}
@keyframes kc-fadeIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
.kc-tpl-v3-minimal-mono .kc-step-title{font-family:'Space Grotesk',sans-serif;font-size:1.2rem;font-weight:600;color:#0a0a0a;margin-bottom:4px}
.kc-tpl-v3-minimal-mono .kc-step-sub{font-size:.8rem;color:#737373;margin-bottom:18px}
.kc-tpl-v3-minimal-mono .kc-cd{margin-bottom:14px;border-radius:8px;overflow:hidden;background:#0a0a0a;color:#fff;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #262626}
.kc-tpl-v3-minimal-mono .kc-cd .lt{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.5px}
.kc-tpl-v3-minimal-mono .kc-cd .clk{display:flex;align-items:center;gap:3px;font-family:'Space Grotesk',sans-serif}
.kc-tpl-v3-minimal-mono .kc-cd .v{background:#262626;width:26px;height:26px;border-radius:4px;display:grid;place-items:center;font-weight:700;font-size:.8rem;color:#c19a6b}
.kc-tpl-v3-minimal-mono .kc-plans{display:grid;gap:8px}
.kc-tpl-v3-minimal-mono .kc-plan{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:14px;cursor:pointer;transition:all .15s ease}
.kc-tpl-v3-minimal-mono .kc-plan:hover{border-color:#0a0a0a}
.kc-tpl-v3-minimal-mono .kc-plan .ra{width:18px;height:18px;border-radius:50%;border:1.5px solid #d4d4d4;display:grid;place-items:center;flex-shrink:0}
.kc-tpl-v3-minimal-mono .kc-plan .ra::after{content:"";width:8px;height:8px;border-radius:50%;background:#0a0a0a;transform:scale(0);transition:transform .15s ease}
.kc-tpl-v3-minimal-mono .kc-plan .nf{flex:1;min-width:0;text-align:left}
.kc-tpl-v3-minimal-mono .kc-plan .nm{font-weight:700;font-size:.92rem;display:block;font-family:'Space Grotesk',sans-serif}
.kc-tpl-v3-minimal-mono .kc-plan .ds{font-size:.72rem;color:#737373;margin-top:2px;display:block}
.kc-tpl-v3-minimal-mono .kc-plan .pr{font-weight:700;font-size:1.05rem;color:#0a0a0a;font-family:'Space Grotesk',sans-serif}
.kc-tpl-v3-minimal-mono .kc-plan input{position:absolute;opacity:0;pointer-events:none}
.kc-tpl-v3-minimal-mono .kc-plan input:checked ~ .ra{border-color:#0a0a0a}
.kc-tpl-v3-minimal-mono .kc-plan input:checked ~ .ra::after{transform:scale(1)}
.kc-tpl-v3-minimal-mono .kc-plan:has(input:checked){border-color:#0a0a0a;background:#fafafa}
.kc-tpl-v3-minimal-mono .kc-bdg{position:absolute;top:-8px;left:14px;background:#c19a6b;color:#0a0a0a;font-size:.6rem;font-weight:800;letter-spacing:1px;padding:2px 8px;border-radius:4px;text-transform:uppercase}
.kc-tpl-v3-minimal-mono .kc-fld{margin-top:12px}
.kc-tpl-v3-minimal-mono .kc-fld label{display:block;font-size:.75rem;font-weight:700;color:#0a0a0a;margin-bottom:5px;letter-spacing:.5px;text-transform:uppercase;font-family:'Space Grotesk',sans-serif}
.kc-tpl-v3-minimal-mono .kc-fld input,
.kc-tpl-v3-minimal-mono .kc-fld textarea,
.kc-tpl-v3-minimal-mono .kc-fld select{width:100%;padding:11px 14px;border-radius:8px;border:1px solid #e5e5e5;background:#fff;font-size:.92rem;color:#0a0a0a;font-family:inherit}
.kc-tpl-v3-minimal-mono .kc-fld input:focus,
.kc-tpl-v3-minimal-mono .kc-fld textarea:focus,
.kc-tpl-v3-minimal-mono .kc-fld select:focus{outline:0;border-color:#0a0a0a;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.kc-tpl-v3-minimal-mono .kc-fld textarea{resize:vertical;min-height:64px}
.kc-tpl-v3-minimal-mono .kc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kc-tpl-v3-minimal-mono .kc-hint{font-size:.7rem;color:#737373;margin-top:4px}
.kc-tpl-v3-minimal-mono .kc-auto{font-size:.65rem;color:#10b981;font-weight:600;margin-left:4px}
.kc-tpl-v3-minimal-mono .kc-autofilled{background:#ecfdf5 !important;border-color:#10b981 !important}
.kc-tpl-v3-minimal-mono .kc-rev{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;padding:14px;margin-bottom:14px}
.kc-tpl-v3-minimal-mono .kc-rev h4{font-family:'Space Grotesk',sans-serif;font-size:.9rem;margin-bottom:10px;color:#0a0a0a}
.kc-tpl-v3-minimal-mono .kc-rev .rw{display:flex;justify-content:space-between;font-size:.85rem;padding:4px 0}
.kc-tpl-v3-minimal-mono .kc-rev .rw span:first-child{color:#737373}
.kc-tpl-v3-minimal-mono .kc-rev .rw.tot{border-top:1px solid #e5e5e5;margin-top:8px;padding-top:10px;font-weight:800;font-size:1rem;color:#0a0a0a;font-family:'Space Grotesk',sans-serif}
.kc-tpl-v3-minimal-mono .kc-nav{display:flex;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #f5f5f5}
.kc-tpl-v3-minimal-mono .kc-nav-btn{flex:1;padding:13px 18px;border-radius:8px;font-weight:700;font-size:.92rem;font-family:'Space Grotesk',sans-serif;cursor:pointer;border:0;transition:all .15s ease}
.kc-tpl-v3-minimal-mono .kc-nav-btn.prev{background:#f4f4f4;color:#0a0a0a}
.kc-tpl-v3-minimal-mono .kc-nav-btn.prev:hover{background:#e5e5e5}
.kc-tpl-v3-minimal-mono .kc-nav-btn.next{background:#0a0a0a;color:#fff;flex:2}
.kc-tpl-v3-minimal-mono .kc-nav-btn.next:hover{background:#262626}
.kc-tpl-v3-minimal-mono .kc-pay{flex:2;padding:13px 18px;border-radius:8px;background:#0a0a0a;color:#fff;font-weight:700;font-size:.92rem;cursor:pointer;border:0;font-family:'Space Grotesk',sans-serif;letter-spacing:.5px}
.kc-tpl-v3-minimal-mono .kc-pay:hover{background:#262626}


/* v1.7.22 — Addon overrides. Default JS-injected colours (gold bump, purple coupon)
 * clash with this template's black/white minimal palette. Restyle in place. */
.kc-tpl-v3-minimal-mono .kc-addon-bump{background:#fafafa !important;border:1px solid #0a0a0a !important;border-radius:8px !important;padding:12px 14px !important}
.kc-tpl-v3-minimal-mono .kc-addon-bump input[type=checkbox]{accent-color:#0a0a0a !important}
.kc-tpl-v3-minimal-mono .kc-addon-bump > div > div:nth-child(1){color:#0a0a0a !important;font-family:'Space Grotesk',sans-serif;letter-spacing:-.01em}
.kc-tpl-v3-minimal-mono .kc-addon-bump > div > div:nth-child(2){color:#737373 !important}
.kc-tpl-v3-minimal-mono .kc-addon-bump > div > div:nth-child(3){color:#0a0a0a !important;font-family:'Space Grotesk',sans-serif;font-weight:800}
.kc-tpl-v3-minimal-mono .kc-addon-coupon .kc-coupon-toggle{color:#0a0a0a !important;font-family:'Space Grotesk',sans-serif;font-size:.82rem !important;letter-spacing:.02em;text-transform:uppercase}
.kc-tpl-v3-minimal-mono .kc-addon-coupon .kc-coupon-body{background:#fafafa !important;border:1px solid #e5e5e5 !important;border-radius:8px !important}
.kc-tpl-v3-minimal-mono .kc-addon-coupon .kc-coupon-body input[type=text]{border:1px solid #d4d4d4 !important;border-radius:6px !important;font-family:'Space Grotesk',sans-serif}
.kc-tpl-v3-minimal-mono .kc-addon-coupon .kc-coupon-apply-btn{background:#0a0a0a !important;border-radius:6px !important;font-family:'Space Grotesk',sans-serif;letter-spacing:.02em;text-transform:uppercase;font-size:.78rem !important}
.kc-tpl-v3-minimal-mono .kc-coupon-chip{border-color:#0a0a0a !important;color:#0a0a0a !important;background:#fff !important}
.kc-tpl-v3-minimal-mono .kc-addon-terms,.kc-tpl-v3-minimal-mono .kc-addon-notes{font-family:'Space Grotesk',sans-serif;color:#404040}

/* v1.7.25 — `.kc-nav` is a flex row (Back button + Pay button). JS inserts bump,
 * coupon, terms, notes, and totals-box into that same flex row before the submit
 * button, so they get squeezed as flex siblings. Add flex-wrap + flex-basis 100%
 * so each addon lands on its own row above the button pair. */
.kc-tpl-v3-minimal-mono .kc-nav{flex-wrap:wrap}
.kc-tpl-v3-minimal-mono .kc-nav > .kc-addon,
.kc-tpl-v3-minimal-mono .kc-nav > .kc-totals-box{flex:0 0 100%;order:-1;margin:6px 0 !important}
.kc-tpl-v3-minimal-mono .kc-addon-bump{flex-wrap:wrap !important;row-gap:8px}
.kc-tpl-v3-minimal-mono .kc-addon-bump > div{min-width:0 !important;flex:1 1 220px !important}
.kc-tpl-v3-minimal-mono .kc-addon-bump img{flex-shrink:0}
@media(max-width:520px){
	.kc-tpl-v3-minimal-mono .kc-addon-bump img{width:52px !important;height:52px !important}
	.kc-tpl-v3-minimal-mono .kc-nav-btn{font-size:.85rem}
}

/* v2.7.7 — select text cutoff fix (min-height + line-height so serif descenders visible) */
/* v2.7.7-select-fix */
.kc-tpl-v3-minimal-mono .kc-fld select,.kc-tpl-v3-minimal-mono .kc-field select{min-height:46px;line-height:1.4;box-sizing:border-box}

/* v2.8.9 — Universal select + dropdown overflow hardening (state + payment bank selects) */
.kc-tpl-v3-minimal-mono select,
.kc-tpl-v3-minimal-mono .kc-pm-fields select,
.kc-tpl-v3-minimal-mono .kc-pm-fields input{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  min-width:0 !important;
}
.kc-tpl-v3-minimal-mono .kc-pay-methods,
.kc-tpl-v3-minimal-mono .kc-pm-item,
.kc-tpl-v3-minimal-mono .kc-pm-fields,
.kc-tpl-v3-minimal-mono .kc-pm-main{
  max-width:100%;
  box-sizing:border-box;
  min-width:0;
}

/* v2.9.2 — Select field height + line-height guard so 'Choose your bank' text tak cut vertical */
.kc-tpl-v3-minimal-mono select,
.kc-tpl-v3-minimal-mono .kc-pm-fields select,
.kc-tpl-v3-minimal-mono .kc-pm-fields input{
  min-height:46px !important;
  line-height:1.45 !important;
  padding-top:11px !important;
  padding-bottom:11px !important;
  font-size:.95rem !important;
  vertical-align:middle !important;
  display:block !important;
}
/* Payment method duplicate label guard — hide the injected .kc-pm-desc if it repeats .kc-pm-head text */
.kc-tpl-v3-minimal-mono .kc-pm-item .kc-pm-desc:empty{display:none}