/* v11-halal-islamic — Green + gold Islamic modern */
.kc-tpl-v11-halal-islamic{font-family:'Inter',sans-serif;color:#14532d;line-height:1.6;background:transparent;padding:20px 0;position:relative}
.kc-tpl-v11-halal-islamic.kc-standalone{background:radial-gradient(900px 500px at 0% 0%,#dcfce7 0%,transparent 60%),linear-gradient(180deg,#f0fdf4,#dcfce7);padding:30px 16px}
.kc-tpl-v11-halal-islamic *{box-sizing:border-box}
.kc-tpl-v11-halal-islamic .kc-form{max-width:560px;margin:0 auto;background:#fff;border-radius:20px;padding:28px;border:1px solid #a7f3d0;box-shadow:0 20px 50px rgba(21,128,61,.14);position:relative;overflow:hidden}
.kc-tpl-v11-halal-islamic .kc-form::before{content:"";position:absolute;top:-3px;left:0;right:0;height:5px;background:linear-gradient(90deg,#15803d 0%,#d4af37 50%,#15803d 100%)}
.kc-tpl-v11-halal-islamic .kc-form-head{text-align:center;padding-bottom:14px;border-bottom:1px dashed #a7f3d0;margin-bottom:14px}
.kc-tpl-v11-halal-islamic .kc-form-head h3{font-size:1.4rem;color:#14532d;font-weight:800}
.kc-tpl-v11-halal-islamic .kc-form-head h3::before{content:"☪ ";color:#d4af37}
.kc-tpl-v11-halal-islamic .kc-form-head p{font-size:.82rem;color:#166534;margin-top:4px}
/* v2.9.25 — Removed hardcoded "✓ HALAL · " prefix so the subtitle is fully merchant-controlled (form_subtitle). Merchants who sell halal goods can just type "Halal" in their subtitle; class/service sellers are no longer stuck with it. */
.kc-tpl-v11-halal-islamic .kc-cd{margin:16px 0 12px;padding:11px 14px;background:linear-gradient(135deg,#15803d,#166534);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 8px 20px rgba(21,128,61,.28)}
.kc-tpl-v11-halal-islamic .kc-cd .lt{display:flex;align-items:center;gap:8px}
.kc-tpl-v11-halal-islamic .kc-cd .lt p{font-size:.85rem;font-weight:700}
.kc-tpl-v11-halal-islamic .kc-cd .lt small{display:block;font-size:.7rem;opacity:.85}
.kc-tpl-v11-halal-islamic .kc-cd .clk{display:flex;gap:4px;font-weight:800}
.kc-tpl-v11-halal-islamic .kc-cd .clk .v{background:rgba(212,175,55,.25);padding:3px 8px;border-radius:6px;color:#fef3c7}
.kc-tpl-v11-halal-islamic .kc-proof{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.kc-tpl-v11-halal-islamic .kc-pf{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0fdf4;border:1px solid #a7f3d0;border-radius:10px;font-size:.75rem;color:#166534}
.kc-tpl-v11-halal-islamic .kc-pf .v{font-weight:800;font-size:.9rem;color:#15803d}
.kc-tpl-v11-halal-islamic .kc-section-l{font-size:.8rem;font-weight:800;color:#14532d;margin:14px 0 8px;display:block;letter-spacing:.5px}
.kc-tpl-v11-halal-islamic .kc-plans{display:grid;gap:8px}
.kc-tpl-v11-halal-islamic .kc-plan{position:relative;display:flex;align-items:center;gap:10px;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:14px;padding:12px 14px;cursor:pointer;transition:all .15s ease}
.kc-tpl-v11-halal-islamic .kc-plan:hover{border-color:#15803d}
.kc-tpl-v11-halal-islamic .kc-plan .ra{width:18px;height:18px;border-radius:50%;border:2px solid #86efac;display:grid;place-items:center;flex-shrink:0}
.kc-tpl-v11-halal-islamic .kc-plan .ra::after{content:"";width:8px;height:8px;border-radius:50%;background:#15803d;transform:scale(0);transition:transform .15s ease}
.kc-tpl-v11-halal-islamic .kc-plan .nf{flex:1;text-align:left}
.kc-tpl-v11-halal-islamic .kc-plan .nm{font-weight:700;font-size:.92rem;color:#14532d;display:block}
.kc-tpl-v11-halal-islamic .kc-plan .ds{font-size:.72rem;color:#4d7c0f;margin-top:2px;display:block}
.kc-tpl-v11-halal-islamic .kc-plan .pr{font-weight:800;font-size:1.1rem;color:#d4af37}
.kc-tpl-v11-halal-islamic .kc-plan input[type="radio"],
.kc-tpl-v11-halal-islamic .kc-plan input[type="checkbox"]{position:absolute !important;opacity:0 !important;pointer-events:none !important;width:1px !important;height:1px !important;left:0 !important;top:0 !important;margin:0 !important}
.kc-tpl-v11-halal-islamic .kc-plan input:checked ~ .ra{border-color:#15803d}
.kc-tpl-v11-halal-islamic .kc-plan input:checked ~ .ra::after{transform:scale(1)}
.kc-tpl-v11-halal-islamic .kc-plan.feat{background:linear-gradient(135deg,#fef9c3,#fef3c7);border-color:#d4af37}
.kc-tpl-v11-halal-islamic .kc-plan.feat .pr{color:#a16207}
.kc-tpl-v11-halal-islamic .kc-bdg{position:absolute;top:-10px;left:14px;background:linear-gradient(135deg,#d4af37,#f59e0b);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:1px;padding:3px 10px;border-radius:50px;text-transform:uppercase}
.kc-tpl-v11-halal-islamic .kc-fld{margin-top:14px}
.kc-tpl-v11-halal-islamic .kc-fld label{display:block;font-size:.82rem;font-weight:700;color:#14532d;margin-bottom:6px}
.kc-tpl-v11-halal-islamic .kc-fld input,.kc-tpl-v11-halal-islamic .kc-fld textarea,.kc-tpl-v11-halal-islamic .kc-fld select{width:100%;padding:11px 14px;border:1px solid #bbf7d0;border-radius:10px;background:#f0fdf4;font-size:.92rem;color:#14532d;font-family:inherit;transition:all .15s ease}
.kc-tpl-v11-halal-islamic .kc-fld input:focus,.kc-tpl-v11-halal-islamic .kc-fld textarea:focus,.kc-tpl-v11-halal-islamic .kc-fld select:focus{outline:0;border-color:#15803d;background:#fff;box-shadow:0 0 0 3px rgba(21,128,61,.12)}
.kc-tpl-v11-halal-islamic .kc-fld textarea{resize:vertical;min-height:70px}
.kc-tpl-v11-halal-islamic .kc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kc-tpl-v11-halal-islamic .kc-hint{font-size:.7rem;color:#4d7c0f;margin-top:3px}
.kc-tpl-v11-halal-islamic .kc-auto{font-size:.68rem;color:#15803d;font-weight:700;margin-left:4px}
.kc-tpl-v11-halal-islamic .kc-autofilled{background:#dcfce7 !important;border-color:#15803d !important}
.kc-tpl-v11-halal-islamic .kc-pay{margin-top:18px;width:100%;padding:15px 22px;border-radius:12px;border:0;background:linear-gradient(135deg,#15803d,#166534);color:#fff;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 10px 26px rgba(21,128,61,.35);transition:all .18s ease}
.kc-tpl-v11-halal-islamic .kc-pay:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(21,128,61,.45)}
.kc-tpl-v11-halal-islamic .kc-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;text-align:center}
.kc-tpl-v11-halal-islamic .kc-trust .t{font-size:.72rem;color:#166534;font-weight:600;background:#f0fdf4;padding:5px;border-radius:8px}
.kc-tpl-v11-halal-islamic .kc-trust .t .ic{display:block;font-size:1rem;margin-bottom:2px}
.kc-tpl-v11-halal-islamic .kc-note{text-align:center;font-size:.75rem;color:#166534;margin-top:12px}

/* v2.5.11 — Mobile responsive stack. Was missing @media breakpoint, so 2-col
   grids collapsed to unreadable tiny text on mobile. Add specific rules to
   preserve the template's aesthetic on ≤640px viewports. */
@media (max-width: 640px) {
	.kc-tpl-v11-halal-islamic.kc-standalone{padding:20px 12px}
	.kc-tpl-v11-halal-islamic .kc-form{padding:20px}
	.kc-tpl-v11-halal-islamic .kc-proof{grid-template-columns:1fr !important}
	.kc-tpl-v11-halal-islamic .kc-grid2{grid-template-columns:1fr !important}
	.kc-tpl-v11-halal-islamic .kc-trust{grid-template-columns:1fr !important;gap:6px}
}

/* v2.7.7 — select text cutoff fix (min-height + line-height so serif descenders visible) */
/* v2.7.7-select-fix */
.kc-tpl-v11-halal-islamic .kc-fld select,.kc-tpl-v11-halal-islamic .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-v11-halal-islamic select,
.kc-tpl-v11-halal-islamic .kc-pm-fields select,
.kc-tpl-v11-halal-islamic .kc-pm-fields input{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  min-width:0 !important;
}
.kc-tpl-v11-halal-islamic .kc-pay-methods,
.kc-tpl-v11-halal-islamic .kc-pm-item,
.kc-tpl-v11-halal-islamic .kc-pm-fields,
.kc-tpl-v11-halal-islamic .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-v11-halal-islamic select,
.kc-tpl-v11-halal-islamic .kc-pm-fields select,
.kc-tpl-v11-halal-islamic .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-v11-halal-islamic .kc-pm-item .kc-pm-desc:empty{display:none}