/* JomKiraZakat 1.1 - isolated, Avada-resistant frontend UI */
#jkz-app {
  --jkz-blue:#005baa; --jkz-deep:#0a2148; --jkz-blue-dark:#073d7d;
  --jkz-green:#16884e; --jkz-green-accent:#8dc63f; --jkz-sky:#ecf5ff;
  --jkz-text:#172c4d; --jkz-muted:#687c95; --jkz-line:#e1eaf2;
  --jkz-subtle:#f7faff; --jkz-danger:#bc2935;
  width:100%;max-width:1320px;min-width:0;margin:0 auto!important;
  padding:26px 22px 54px;box-sizing:border-box;
  font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  color:var(--jkz-text);font-size:14px;line-height:1.55;
  text-align:left;
}
#jkz-app *,#jkz-app *::before,#jkz-app *::after {box-sizing:border-box}
#jkz-app [hidden] {display:none!important}
#jkz-app h2,#jkz-app h3,#jkz-app h4,#jkz-app p,#jkz-app dl {margin:0}
#jkz-app h2,#jkz-app h3 {font-family:inherit!important;text-transform:none!important;letter-spacing:-.025em!important;color:var(--jkz-deep)!important}
#jkz-app button,#jkz-app select,#jkz-app input {font-family:inherit!important;line-height:1.3!important;letter-spacing:normal!important}
#jkz-app button {text-transform:none!important;outline-offset:3px;box-shadow:none;}
#jkz-app button:focus-visible,#jkz-app input:focus-visible,#jkz-app select:focus-visible,#jkz-app summary:focus-visible {outline:3px solid #95c8fc!important;outline-offset:2px}
#jkz-app .jkz-brandbar {display:flex!important;gap:24px;align-items:center;justify-content:space-between;padding:4px 12px 22px;border-bottom:1px solid var(--jkz-line);margin-bottom:25px;min-width:0}
#jkz-app .jkz-brand {font-weight:800;font-size:30px;line-height:1.05;letter-spacing:-.045em;color:var(--jkz-blue-dark)}
#jkz-app .jkz-tagline {color:var(--jkz-muted);font-size:13px;line-height:1.7;margin-top:5px}
#jkz-app .jkz-agent {min-height:76px;max-width:242px;flex-shrink:0;display:flex!important;align-items:center;gap:14px;padding-left:18px;border-left:1px solid var(--jkz-line)}
#jkz-app .jkz-agent-label {font-size:10px;line-height:1.5;letter-spacing:.02em;color:var(--jkz-muted);max-width:85px;text-align:right}
#jkz-app .jkz-agent img {display:block!important;width:148px!important;max-width:148px!important;height:auto!important;max-height:104px!important;object-fit:contain!important;margin:0!important;padding:0!important;background:none!important;border:none!important;box-shadow:none!important;float:none!important}
#jkz-app .jkz-grid {display:grid!important;grid-template-columns:minmax(0,1.72fr) minmax(300px,.86fr);align-items:start;gap:22px;min-width:0}
#jkz-app .jkz-main {min-width:0;width:100%;padding:28px 30px 34px;background:#fff;border:1px solid var(--jkz-line);border-radius:21px;box-shadow:0 8px 36px rgba(23,60,106,.035)}
#jkz-app .jkz-stepper {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 33px;padding:0 4px 10px;min-width:0;position:relative}
#jkz-app .jkz-stepper>div {min-width:0;display:flex!important;align-items:center;flex-direction:column;gap:8px;position:relative;color:#8091a7;font-size:11px;line-height:1.35;text-align:center}
#jkz-app .jkz-stepper>div:not(:last-child):after {content:"";position:absolute;top:16px;left:calc(50% + 24px);width:calc(100% - 48px);height:2px;background:#dee9f2}
#jkz-app .jkz-stepper>div.is-done:not(:last-child):after {background:var(--jkz-blue)}
#jkz-app .jkz-stepper>div b {font-weight:550;line-height:1.35;max-width:130px;overflow-wrap:break-word}
#jkz-app .jkz-stepper span {display:grid!important;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:999px;background:#edf2f7;border:1px solid #e5edf6;color:#6b7e96;font-weight:700;font-size:13px;z-index:1}
#jkz-app .jkz-stepper .is-active b {color:var(--jkz-blue);font-weight:750}
#jkz-app .jkz-stepper .is-active span {background:var(--jkz-blue);border-color:var(--jkz-blue);color:white}
#jkz-app .jkz-stepper .is-done span {background:var(--jkz-blue);border-color:var(--jkz-blue);color:transparent;position:relative}
#jkz-app .jkz-stepper .is-done span::before {content:"✓";position:absolute;color:white;font-size:19px}
#jkz-app .jkz-step {display:none!important}
#jkz-app .jkz-step.is-active {display:block!important}
#jkz-app .jkz-kicker {font-size:11px;letter-spacing:.13em;color:var(--jkz-blue);font-weight:750;text-transform:uppercase;margin-bottom:8px}
#jkz-app .jkz-heading {margin-bottom:25px}
#jkz-app .jkz-heading h2 {font-size:clamp(26px,3vw,34px)!important;line-height:1.16!important;font-weight:800!important;margin:0 0 9px!important}
#jkz-app .jkz-heading p:not(.jkz-kicker) {font-size:13px;color:var(--jkz-muted);line-height:1.7}
#jkz-app .jkz-choice-row {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px}
#jkz-app .jkz-choice {display:flex!important;gap:11px;align-items:center;border:1px solid var(--jkz-line);border-radius:13px;background:white;padding:16px 14px;cursor:pointer;min-width:0;transition:border-color .2s,background .2s,box-shadow .2s}
#jkz-app .jkz-choice.is-selected {border-color:#5c9fe2;background:#f1f7ff;box-shadow:inset 0 0 0 1px rgba(0,91,170,.12)}
#jkz-app .jkz-choice input[type="radio"] {appearance:radio!important;-webkit-appearance:radio!important;flex:0 0 17px!important;width:17px!important;height:17px!important;min-height:17px!important;margin:0!important;accent-color:var(--jkz-blue);padding:0!important;border-radius:100%!important}
#jkz-app .jkz-choice span {min-width:0}
#jkz-app .jkz-choice strong {display:block;font-size:13px;color:var(--jkz-deep);font-weight:750;line-height:1.35}
#jkz-app .jkz-choice small {display:block;font-size:11px;color:var(--jkz-muted);margin-top:3px}
#jkz-app .jkz-toolbar {display:grid!important;grid-template-columns:1fr 1fr;gap:14px;align-items:end;margin:0 0 21px}
#jkz-app .jkz-toolbar label,#jkz-app .jkz-label {font-size:12px;color:var(--jkz-deep);font-weight:720}
#jkz-app select,#jkz-app input:not([type="radio"]):not([type="checkbox"]) {
   display:block!important;min-width:0!important;max-width:100%!important;width:100%!important;
   background:#fff!important;border:1px solid #cad9e8!important;border-radius:9px!important;
   color:var(--jkz-text)!important;min-height:45px!important;height:auto!important;
   padding:11px 13px!important;box-shadow:none!important;outline:none!important;
   font-size:13px!important;font-weight:500!important;margin:6px 0 0!important;
}
#jkz-app select:focus,#jkz-app input:not([type="radio"]):not([type="checkbox"]):focus {border-color:var(--jkz-blue)!important;box-shadow:0 0 0 3px rgba(0,91,170,.1)!important}
#jkz-app .jkz-segmented {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:#edf3f9;border-radius:10px;padding:4px;margin-top:6px}
#jkz-app .jkz-segmented button {display:flex!important;align-items:center;justify-content:center;padding:10px 8px!important;min-height:41px!important;background:transparent!important;border:none!important;border-radius:8px!important;color:#637893!important;font-size:12px!important;font-weight:720!important;cursor:pointer}
#jkz-app .jkz-segmented button.is-active {background:white!important;color:var(--jkz-blue)!important;box-shadow:0 1px 6px rgba(29,62,107,.08)!important}
#jkz-app .jkz-accordion {display:block!important;border:1px solid var(--jkz-line);border-radius:14px;background:#fff;margin:0 0 11px;overflow:visible}
#jkz-app .jkz-accordion summary {display:grid!important;grid-template-columns:38px minmax(0,1fr) auto;gap:13px;align-items:center;list-style:none!important;cursor:pointer;padding:16px 17px!important;background:#f8fbff;border-radius:13px;position:relative;margin:0!important}
#jkz-app .jkz-accordion[open] summary {border-radius:13px 13px 0 0;border-bottom:1px solid var(--jkz-line)}
#jkz-app details.jkz-accordion:not([open]) > .jkz-accordion-body {display:none!important}
#jkz-app .jkz-accordion summary::-webkit-details-marker {display:none!important}
#jkz-app .jkz-accordion summary::marker {content:""}
#jkz-app .jkz-letter {display:grid!important;place-items:center;background:linear-gradient(145deg,#005baa,#318be0);color:white;font-size:17px;font-weight:800;width:37px;height:37px;border-radius:50%;line-height:1}
#jkz-app .jkz-accordion summary strong {display:block;color:var(--jkz-deep);font-size:13px;font-weight:750;line-height:1.4}
#jkz-app .jkz-accordion summary small {display:block;color:var(--jkz-muted);font-size:11px;font-weight:400;margin-top:3px;line-height:1.45}
#jkz-app .jkz-acc-total {font-weight:800;color:var(--jkz-blue);font-size:12px;white-space:nowrap;padding-left:6px}
#jkz-app .jkz-accordion-body {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;padding:22px 20px 23px}
#jkz-app .jkz-field {display:block!important;min-width:0;color:var(--jkz-text);font-size:12px;font-weight:650}
#jkz-app .jkz-field>span:first-child {display:block!important;position:relative;margin-bottom:7px;line-height:1.45}
#jkz-app .jkz-money-field {display:flex!important;align-items:center;overflow:hidden;min-width:0;border:1px solid #cad9e8;border-radius:9px;background:white;height:45px}
#jkz-app .jkz-money-field>span {flex:0 0 auto;color:#56708e;padding:0 12px;border-right:1px solid #e7eef6;font-size:12px;font-weight:650}
#jkz-app .jkz-money-field input:not([type="radio"]):not([type="checkbox"]) {min-height:43px!important;height:43px!important;border:0!important;box-shadow:none!important;margin:0!important;padding:9px 10px!important;background:transparent!important;border-radius:0!important;flex:1 1 auto!important;width:1px!important}
#jkz-app .jkz-money-field:focus-within {border-color:var(--jkz-blue);box-shadow:0 0 0 3px rgba(0,91,170,.09)}
#jkz-app .jkz-inline-money {display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
#jkz-app .jkz-mini-btn {min-height:43px;padding:6px 12px!important;background:#eaf4ff!important;color:var(--jkz-blue)!important;border:1px solid #b2d4f6!important;border-radius:9px!important;font-size:11px!important;font-weight:700!important;cursor:pointer;white-space:nowrap}
#jkz-app .jkz-tip {display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;min-width:20px;height:20px;padding:0 3px!important;background:transparent!important;color:var(--jkz-blue)!important;border:none!important;border-radius:50%;cursor:pointer;font-size:15px!important}
#jkz-app .jkz-tip-pop {display:block;margin:8px 0 0;background:#eef6ff;color:#315776;font-size:11px;font-weight:450;line-height:1.55;padding:11px 12px;border-radius:8px;border-left:3px solid var(--jkz-blue)}
#jkz-app .jkz-hk-list {grid-template-columns:1fr;gap:0;padding-top:4px;padding-bottom:14px}
#jkz-app .jkz-hk-row {display:flex!important;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #eef2f7;padding:11px 0;min-width:0}
#jkz-app .jkz-hk-row:last-child {border-bottom:0}
#jkz-app .jkz-hk-row>div:first-child {min-width:0}
#jkz-app .jkz-hk-row strong {display:block;font-size:12px;color:var(--jkz-deep);font-weight:650;line-height:1.45}
#jkz-app .jkz-hk-row small {font-size:11px;color:var(--jkz-muted);display:block;margin-top:3px}
#jkz-app .jkz-counter {display:grid!important;grid-template-columns:35px 48px 35px;align-items:center;flex:0 0 auto}
#jkz-app .jkz-counter button {height:37px!important;min-height:37px!important;padding:0!important;background:#f3f8ff!important;color:var(--jkz-blue)!important;border:1px solid #cfdfec!important;font-size:19px!important;cursor:pointer}
#jkz-app .jkz-counter button:disabled {opacity:.35;cursor:not-allowed}
#jkz-app .jkz-counter input:not([type="radio"]):not([type="checkbox"]) {min-height:37px!important;height:37px!important;margin:0!important;padding:5px!important;border-radius:0!important;text-align:center;font-weight:750!important}
#jkz-app .jkz-card {padding:26px;border:1px solid var(--jkz-line);border-radius:15px;background:white}
#jkz-app .jkz-direct-card {display:grid!important;gap:15px}
#jkz-app .jkz-direct-card h3 {font-size:19px!important;margin:0 0 6px!important;font-weight:760!important}
#jkz-app .jkz-direct-card p:not(.jkz-section-label) {font-size:13px;color:var(--jkz-muted)}
#jkz-app .jkz-direct-card .jkz-money-field {max-width:420px;height:56px}
#jkz-app .jkz-direct-card .jkz-money-field input {min-height:54px!important;height:54px!important;font-size:19px!important;font-weight:750!important}
#jkz-app .jkz-help {font-size:11px!important;color:var(--jkz-muted)!important}
#jkz-app .jkz-section-label {font-size:11px;font-weight:800;color:var(--jkz-blue);letter-spacing:.09em;text-transform:uppercase;margin:0 0 7px}
#jkz-app .jkz-form-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 17px}
#jkz-app .jkz-form-grid label {display:block!important;font-size:12px;font-weight:670;color:var(--jkz-deep);line-height:1.4;min-width:0}
#jkz-app .jkz-form-grid .span-2 {grid-column:span 2}
#jkz-app .jkz-actions {display:flex!important;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin:26px 0 0}
#jkz-app .jkz-btn {display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:49px!important;padding:11px 19px!important;border-radius:10px!important;font-size:13px!important;font-weight:750!important;text-align:center;cursor:pointer;line-height:1.35!important;box-shadow:none!important;transition:background .18s ease,transform .18s ease,opacity .18s ease}
#jkz-app .jkz-btn-primary {background:var(--jkz-green)!important;color:#fff!important;border:1px solid var(--jkz-green)!important}
#jkz-app .jkz-btn-primary:hover:not(:disabled) {background:#0d7643!important;transform:translateY(-1px)}
#jkz-app .jkz-btn-secondary {background:#fff!important;color:var(--jkz-blue)!important;border:1px solid #b2d0ed!important}
#jkz-app .jkz-btn-outline {background:#fff!important;color:var(--jkz-blue)!important;border:1px solid #4f97e0!important}
#jkz-app .jkz-btn-outline:hover {background:#f1f7ff!important}
#jkz-app .jkz-btn:disabled {background:#aebbc9!important;border-color:#aebbc9!important;color:#fff!important;cursor:not-allowed;transform:none!important}
#jkz-app .jkz-lafaz {margin:32px 0 25px;border:1px solid var(--jkz-line);border-radius:17px;background:linear-gradient(#fff,#fbfdff);padding:42px 35px 44px}
#jkz-app .jkz-lafaz .jkz-section-label {font-size:14px;letter-spacing:normal;text-transform:none;color:var(--jkz-deep);font-weight:800;margin-bottom:32px}
#jkz-app .jkz-lafaz-text {color:var(--jkz-deep);font-size:clamp(19px,2vw,25px);line-height:2.1;text-align:center;font-weight:450}
#jkz-app .jkz-lafaz-text strong {color:#087947;font-weight:800}
#jkz-app .jkz-confirmations {border-top:1px solid var(--jkz-line);padding-top:26px;display:grid!important;gap:20px}
#jkz-app .jkz-confirmations label {display:flex!important;gap:12px;align-items:flex-start;font-size:13px;color:#314d70;line-height:1.6;font-weight:450}
#jkz-app .jkz-confirmations input[type="checkbox"] {flex:0 0 18px!important;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;margin:2px 0 0!important;accent-color:var(--jkz-blue)!important;appearance:checkbox!important;-webkit-appearance:checkbox!important}
#jkz-app .jkz-error {display:block;margin:14px 0;padding:12px 14px;border-left:3px solid var(--jkz-danger);background:#fff0f1;color:#a42530;border-radius:9px;font-size:12px}
#jkz-app .is-invalid,#jkz-app .jkz-is-invalid .jkz-money-field {border-color:var(--jkz-danger)!important;box-shadow:0 0 0 2px #fbe1e3!important}
#jkz-app .jkz-mobile-actions {display:none!important}
/* Right summary - sticky only on desktop */
#jkz-app .jkz-summary {position:sticky!important;top:24px;min-width:0;align-self:start}
#jkz-app .jkz-summary-inner {padding:24px 22px 22px;border:1px solid #d7e9de;background:#fff;border-radius:21px;box-shadow:0 10px 32px rgba(27,86,63,.05)}
#jkz-app .jkz-summary-heading {display:flex!important;align-items:center;gap:10px;padding:0 0 18px}
#jkz-app .jkz-summary-icon {display:grid!important;place-items:center;width:38px;height:38px;border-radius:11px;background:#e8f6ee;color:var(--jkz-green);font-size:22px;font-weight:800}
#jkz-app .jkz-summary-heading strong {display:block;font-size:16px;color:var(--jkz-deep);font-weight:800;line-height:1.35}
#jkz-app .jkz-summary-heading small {display:block;margin-top:3px;font-size:11px;color:var(--jkz-muted)}
#jkz-app .jkz-status {display:block;padding:17px 15px;border-radius:12px;margin:2px 0 19px;line-height:1.5}
#jkz-app .jkz-status strong {display:block;font-size:15px;font-weight:800;line-height:1.4}
#jkz-app .jkz-status span {display:block;font-size:12px;margin-top:4px;line-height:1.55}
#jkz-app .jkz-status.is-info {background:#ecf5ff;color:#175b92;border:1px solid #dbeefa}
#jkz-app .jkz-status.is-success {background:#eaf9ef;color:#116f46;border:1px solid #d3f2df}
#jkz-app .jkz-summary dl {display:block!important;margin:0 0 17px!important}
#jkz-app .jkz-summary dl>div {display:flex!important;align-items:start;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #e8eef3}
#jkz-app .jkz-summary dt {color:#647994;font-size:12px;line-height:1.45;max-width:52%}
#jkz-app .jkz-summary dd {color:var(--jkz-deep);font-size:12px;text-align:right;font-weight:750;line-height:1.45;margin:0;overflow-wrap:anywhere}
#jkz-app .jkz-progress {margin:18px 0 21px;padding:14px;border-radius:11px;background:#eff6ff}
#jkz-app .jkz-progress-header {display:block;margin-bottom:13px;color:#195f9c}
#jkz-app .jkz-progress-header strong {font-weight:750;font-size:12px}
#jkz-app .jkz-progress-track {width:100%;height:9px;border-radius:999px;background:#d4e6f6;overflow:hidden}
#jkz-app .jkz-progress-track span {display:block;height:100%;width:0;background:linear-gradient(90deg,#358cd9,var(--jkz-blue));border-radius:999px;transition:width .26s ease}
#jkz-app .jkz-progress-labels {display:flex!important;justify-content:space-between;gap:8px;color:#567eaa;font-size:10px;font-weight:650;margin-top:9px}
#jkz-app .jkz-total {padding:19px 18px 21px;margin:7px 0 14px;border-radius:13px;background:linear-gradient(125deg,#edf9ed,#daf5e3);color:#0b734a}
#jkz-app .jkz-total>span {display:block;color:#275e44;font-size:12px;font-weight:720;margin-bottom:7px}
#jkz-app .jkz-total>strong {display:block;color:#075a40;font-size:clamp(25px,2.3vw,34px);font-weight:820;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
#jkz-app .jkz-total>small {display:block;color:#336750;font-size:11px;margin-top:8px}
#jkz-app .jkz-summary-actions {display:grid!important;grid-template-columns:1fr;gap:9px;margin-top:12px}
#jkz-app .jkz-summary-actions .jkz-btn {width:100%!important}
#jkz-app .jkz-secure {text-align:center;color:#798a9e;font-size:10px;line-height:1.5;padding-top:16px}
#jkz-app .jkz-secure strong {color:#316dba}
#jkz-app .jkz-summary .jkz-btn-secondary {min-width:0}
#jkz-app .jkz-return {text-align:center;max-width:800px;margin:10px auto 20px;border:1px solid var(--jkz-line);border-radius:22px;background:white;padding:50px 40px}
#jkz-app .jkz-return h2 {font-size:27px!important;margin:9px 0 15px!important}
#jkz-app .jkz-return p {color:var(--jkz-muted);font-size:13px}
#jkz-app .jkz-return-icon {display:grid!important;place-items:center;width:65px;height:65px;border-radius:50%;font-size:35px;margin:0 auto 16px}
#jkz-app .jkz-return-icon.is-paid {background:#def5e7;color:#087447}
#jkz-app .jkz-return-icon.is-pending {background:#e8f4ff;color:var(--jkz-blue)}
#jkz-app .jkz-receipt-summary {display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}
#jkz-app .jkz-receipt-summary>div {border:1px solid var(--jkz-line);border-radius:10px;padding:15px;text-align:left}
#jkz-app .jkz-receipt-summary span {font-size:11px;color:var(--jkz-muted);display:block}
#jkz-app .jkz-receipt-summary strong {font-size:13px;color:var(--jkz-deep);display:block;margin-top:7px;overflow-wrap:anywhere}
#jkz-app .jkz-doa {border-top:1px solid var(--jkz-line);text-align:left;padding-top:25px}
#jkz-app .jkz-doa p {margin-bottom:15px}
@media(max-width:1000px){
 #jkz-app {padding:16px 12px 40px}
 #jkz-app .jkz-grid {grid-template-columns:minmax(0,1.45fr) minmax(270px,.9fr);gap:15px}
 #jkz-app .jkz-main {padding:23px 20px}
 #jkz-app .jkz-summary-inner {padding:19px 15px}
 #jkz-app .jkz-accordion-body {grid-template-columns:1fr;gap:14px}
 #jkz-app .jkz-choice-row {grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 #jkz-app {padding:12px 7px 30px}
 #jkz-app .jkz-brandbar {gap:12px;padding:5px 2px 18px;margin-bottom:17px}
 #jkz-app .jkz-brand {font-size:25px}
 #jkz-app .jkz-agent {min-height:60px;max-width:135px;gap:0;border-left:1px solid #e7eef6;padding-left:10px}
 #jkz-app .jkz-agent-label {display:none}
 #jkz-app .jkz-agent img {width:120px!important;max-width:120px!important;max-height:77px!important}
 #jkz-app .jkz-grid {display:flex!important;flex-direction:column;gap:15px}
 #jkz-app .jkz-main,#jkz-app .jkz-summary {width:100%;max-width:none}
 #jkz-app .jkz-main {padding:24px 18px 27px}
 #jkz-app .jkz-summary {position:static!important;order:2}
 #jkz-app .jkz-choice-row,#jkz-app .jkz-toolbar {grid-template-columns:1fr}
 #jkz-app .jkz-choice-row {gap:9px}
 #jkz-app .jkz-accordion-body {grid-template-columns:1fr}
 #jkz-app .jkz-form-grid {grid-template-columns:1fr}
 #jkz-app .jkz-form-grid .span-2 {grid-column:auto}
 #jkz-app .jkz-summary-inner {padding:22px 19px}
 #jkz-app .jkz-total>strong {font-size:32px}
 #jkz-app .jkz-receipt-summary {grid-template-columns:1fr}
 #jkz-app .jkz-mobile-actions {display:flex!important}
}
@media(max-width:425px){
 #jkz-app .jkz-brand {font-size:22px}
 #jkz-app .jkz-agent img {width:96px!important;max-width:96px!important}
 #jkz-app .jkz-main {padding:19px 13px 21px;border-radius:15px}
 #jkz-app .jkz-stepper>div {font-size:9px;gap:6px}
 #jkz-app .jkz-stepper span {width:30px;height:30px;flex-basis:30px}
 #jkz-app .jkz-stepper>div:not(:last-child)::after {top:14px;left:calc(50% + 18px);width:calc(100% - 36px)}
 #jkz-app .jkz-heading h2 {font-size:26px!important}
 #jkz-app .jkz-accordion summary {grid-template-columns:34px minmax(0,1fr);gap:10px;padding:13px!important}
 #jkz-app .jkz-letter {width:34px;height:34px;font-size:14px}
 #jkz-app .jkz-acc-total {grid-column:2;padding:0}
 #jkz-app .jkz-accordion-body {padding:17px 14px}
 #jkz-app .jkz-hk-row {align-items:flex-start}
 #jkz-app .jkz-counter {grid-template-columns:31px 37px 31px}
 #jkz-app .jkz-counter button {height:35px!important;min-height:35px!important}
 #jkz-app .jkz-lafaz {padding:25px 20px}
 #jkz-app .jkz-lafaz-text {font-size:20px}
 #jkz-app .jkz-actions .jkz-btn {width:100%}
}
@media(prefers-reduced-motion:reduce){
 #jkz-app *,#jkz-app *::before,#jkz-app *::after {scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Theme resets must never override conditional interface visibility. */
#jkz-app [hidden][hidden] { display:none!important; }
#jkz-app .jkz-summary dl > div[hidden],
#jkz-app .jkz-summary-actions .jkz-btn[hidden],
#jkz-app .jkz-step[hidden],
#jkz-app .jkz-total[hidden] { display:none!important; }
/* V1.2: isolated horizontal image carousel and refined microinteractions */
#jkz-app .jkz-selector{margin:0 0 28px;padding:14px 2px 27px;border-bottom:1px solid #dce6f2;min-width:0}
#jkz-app .jkz-selector>h2{font-size:clamp(25px,3.2vw,37px)!important;margin:2px 0 3px!important;line-height:1.18!important;color:#09224c;font-weight:800}
#jkz-app .jkz-selector-intro{margin:0 0 20px;color:#647e9e;font-size:14px}
#jkz-app .jkz-carousel-shell{display:flex;align-items:center;gap:6px;min-width:0}
#jkz-app .jkz-carousel-track{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:5px 2px 12px;min-width:0;flex:1}
#jkz-app .jkz-carousel-track::-webkit-scrollbar{display:none}
#jkz-app .jkz-zakat-card{box-sizing:border-box!important;display:flex!important;flex:0 0 clamp(156px,17.5%,205px);width:clamp(156px,17.5%,205px);min-width:0;flex-direction:column;align-items:stretch;text-align:left;background:#fff!important;border:2px solid #e2e9f2!important;border-radius:15px!important;padding:9px 9px 11px!important;box-shadow:0 5px 18px rgba(7,39,79,.035)!important;scroll-snap-align:start;cursor:pointer;min-height:242px;transition:border-color .2s ease, box-shadow .2s ease,transform .2s ease}
#jkz-app .jkz-zakat-card:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgba(7,39,79,.09)!important}
#jkz-app .jkz-zakat-card.is-selected{border-color:#0875fa!important;background:linear-gradient(#fff,#f1f7ff)!important;box-shadow:0 0 0 2px rgba(0,104,230,.06)!important}
#jkz-app .jkz-card-media{height:124px;display:block;overflow:hidden;border-radius:9px;background:#ebf4fc;margin-bottom:11px}
#jkz-app .jkz-card-media img{display:block;width:100%;height:100%;object-fit:cover}
#jkz-app .jkz-card-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#075baa;font-size:46px;background:linear-gradient(130deg,#e5eef8,#edf5fa)}
#jkz-app .jkz-zakat-card strong{font-size:14px;line-height:1.35;font-weight:780;color:#0b2754}
#jkz-app .jkz-zakat-card small{color:#6d82a0!important;font-size:11px;line-height:1.52;margin:5px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
#jkz-app .jkz-selected-dot{display:block;width:15px;height:15px;flex:0 0 15px;margin:auto auto 0;border:1.7px solid #b5c7df;border-radius:50%;position:relative}
#jkz-app .jkz-zakat-card.is-selected .jkz-selected-dot{background:#0c70ea;border-color:#0c70ea}
#jkz-app .jkz-zakat-card.is-selected .jkz-selected-dot:after{content:'';position:absolute;inset:4px;border-radius:50%;background:white}
#jkz-app .jkz-carousel-arrow{display:grid!important;place-items:center;flex:0 0 33px;width:33px!important;height:39px;border-radius:50%!important;background:white!important;color:#005baa!important;border:1px solid #e1e9f4!important;font-size:28px!important;line-height:1!important;cursor:pointer;padding:0!important;box-shadow:0 2px 9px rgba(25,53,89,.09)}
#jkz-app .jkz-stepper{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#jkz-app .jkz-segmented button{transition:color .22s ease,background-color .22s ease,box-shadow .22s ease,transform .22s ease}
#jkz-app .jkz-choice{transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}
#jkz-app .jkz-tip-pop{animation:jkz-pop .16s ease-out}
@keyframes jkz-pop{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
#jkz-app .jkz-field-error{display:block!important;color:#bc2938!important;font-size:11px!important;line-height:1.5;margin-top:5px}
#jkz-app .jkz-phone-wrap{display:flex;align-items:center;border:1px solid #c8d7e9;border-radius:9px;overflow:hidden}
#jkz-app .jkz-phone-wrap>span{padding:0 10px;white-space:nowrap;background:#f4f8fc;height:41px;display:flex;align-items:center;font-weight:700;color:#314a6a;font-size:12px}
#jkz-app .jkz-phone-wrap>input{border:0!important;flex:1;min-width:0;border-radius:0!important}
#jkz-app .jkz-phone-wrap:has(input.is-invalid){border-color:#d83242;background:#fff0f1}
#jkz-app .jkz-history-link{text-align:center;font-size:12px;margin:17px 0 3px}
#jkz-app .jkz-history-link a{color:#005baa;text-decoration:underline;text-underline-offset:3px}
#jkz-app .jkz-selector .jkz-kicker{text-transform:uppercase;color:#005baa;font-weight:750;font-size:11px;letter-spacing:.12em;margin-bottom:9px}
@media(max-width:680px){#jkz-app .jkz-carousel-arrow{flex-basis:28px;width:28px!important}#jkz-app .jkz-zakat-card{flex-basis:175px;width:175px}#jkz-app .jkz-card-media{height:108px}#jkz-app .jkz-zakat-card{min-height:230px}#jkz-app .jkz-stepper>div{font-size:8px}}
@media(prefers-reduced-motion:reduce){#jkz-app .jkz-zakat-card,#jkz-app .jkz-segmented button,#jkz-app .jkz-choice{transition:none!important}#jkz-app .jkz-tip-pop{animation:none}}

/* V1.3 expandable calculation panel, scoped to the shortcode */
/* V1.3.2: compact breakdown and on-demand formula tooltip (Avada-safe) */
#jkz-app .jkz-equation {margin:11px 0!important}
#jkz-app .jkz-equation-toggle {display:flex!important;justify-content:center;align-items:center;gap:7px;width:100%;border:1px solid #d4dfea!important;border-radius:10px!important;min-height:36px!important;padding:7px 8px!important;background:#fff!important;color:#0e315c!important;font-size:11px!important;font-weight:700!important;cursor:pointer}
#jkz-app .jkz-equation-toggle:hover {background:#f3f8ff!important}
#jkz-app .jkz-eq-arrow {margin-left:3px;font-size:14px}
#jkz-app .jkz-equation-details {position:relative;background:#fff;border:1px solid #e1e8f1;border-radius:11px;padding:11px 11px 9px;margin-top:7px;animation:jkzEqIn .18s ease-out;overflow:visible}
#jkz-app .jkz-equation-heading {display:flex;align-items:center;gap:5px;position:relative;margin-bottom:6px;min-height:26px}
#jkz-app .jkz-equation-heading>strong {font-size:12.5px!important;line-height:1.3!important;font-weight:750!important;color:#132849!important}
#jkz-app .jkz-formula-help {display:inline-grid!important;place-items:center!important;flex:0 0 25px;width:25px;min-height:25px!important;height:25px!important;line-height:1!important;border:0!important;border-radius:50%!important;background:#eaf3fd!important;color:#005baa!important;padding:0!important;font-size:15px!important;font-weight:700!important;cursor:pointer!important}
#jkz-app .jkz-formula-help[aria-expanded="true"] {background:#005baa!important;color:white!important}
#jkz-app .jkz-formula-tooltip {position:absolute;z-index:50;top:calc(100% + 6px);left:0;max-width:100%;width:310px;padding:13px 14px;background:#fff;border:1px solid #c8def4;border-radius:10px;box-shadow:0 12px 30px rgba(13,44,85,.14);color:#172c4d;font-size:11px!important;line-height:1.4}
#jkz-app .jkz-formula-tooltip[hidden] {display:none!important}
#jkz-app .jkz-formula-tooltip>strong {display:block;color:#005baa;font-size:12px!important;margin-bottom:8px}
#jkz-app .jkz-formula-tooltip p {display:flex!important;flex-wrap:wrap;gap:5px;align-items:baseline;border-top:1px solid #ecf0f4;padding:7px 0 0;margin:7px 0 0!important;font-size:11px!important;line-height:1.4}
#jkz-app .jkz-formula-tooltip p b {white-space:nowrap;font-weight:750}
#jkz-app .jkz-formula-tooltip p small {display:block;flex-basis:100%;font-size:10px!important;color:#687c95}
#jkz-app .jkz-equation-rows>div {display:grid!important;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px 0;border-bottom:1px solid #eaf0f6;font-size:10.5px!important;line-height:1.35!important}
#jkz-app .jkz-equation-rows>div:last-child {border-bottom:0}
#jkz-app .jkz-equation-rows>div>b:first-child {display:grid!important;place-items:center!important;background:#e8f3ff;color:#005baa;border-radius:6px;width:22px;height:23px;min-width:22px;font-size:11px!important;line-height:1;font-weight:700}
#jkz-app .jkz-equation-rows>div>span {min-width:0;color:#334968;font-size:10.5px!important;line-height:1.35}
#jkz-app .jkz-equation-rows>div>strong {white-space:nowrap;font-size:11px!important;line-height:1.3!important;font-weight:750!important;color:#142b4b}
#jkz-app .jkz-equation-rows .jkz-equation-result {background:#eaf8ef;border-radius:6px;padding-left:4px;padding-right:4px}
#jkz-app .jkz-equation-rows .jkz-equation-result>b:first-child {background:#d5f0df;color:#16723e}
#jkz-app .jkz-equation-rows .jkz-equation-final {background:#e7f2ff;border-radius:6px;padding-left:4px;padding-right:4px}
#jkz-app .jkz-equation-rows .jkz-equation-final>strong {color:#005baa!important}
@keyframes jkzEqIn {from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#jkz-app .jkz-equation-details{animation:none}}
@media(max-width:380px){#jkz-app .jkz-equation-details{padding:9px 8px 8px}#jkz-app .jkz-equation-rows>div{grid-template-columns:20px minmax(0,1fr) auto;gap:5px;font-size:10px!important}#jkz-app .jkz-equation-rows>div>strong{font-size:10.5px!important}#jkz-app .jkz-equation-rows>div>b:first-child{width:20px;min-width:20px;height:21px}}