/* ================= Public Info Zakat ================= */
.zi-hero{background:linear-gradient(180deg,var(--ipiz-mint),var(--ipiz-bg));padding:48px 0 10px;position:relative;overflow:hidden}
.zi-hero::before{content:"";position:absolute;inset:0;background-image:url('../img/pattern.svg');background-size:170px;opacity:.05}
.zi-hero .container{position:relative}
.zi-hero h1{margin:12px 0 8px}
.zi-hero__lead{color:var(--ipiz-muted);max-width:66ch;font-size:1.02rem;margin:0}
.zi-disclaimer{display:inline-flex;align-items:flex-start;gap:11px;margin-top:16px;max-width:74ch;
  background:var(--ipiz-green-soft);border:1px solid #b9e3cd;border-radius:12px;padding:12px 16px;color:#2f4a3d;font-size:.9rem;line-height:1.5}
.zi-disclaimer__ico{width:26px;height:26px;border-radius:8px;background:#fff;color:var(--ipiz-green);display:grid;place-items:center;flex:none}
.zi-disclaimer__ico svg{width:15px;height:15px}

/* Applicant type toggle */
.zi-toggle-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.zi-toggle-label{font-family:var(--font-head);font-weight:600;color:var(--ipiz-green-dark);font-size:.95rem}
.zi-toggle{display:inline-flex;gap:8px}
.zi-toggle-help{color:var(--ipiz-muted);font-size:.88rem}

/* Cards — equal height, CTA row pinned to the bottom */
.zi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.zi-grid .cat-card{height:100%}
.zi-grid .cat-card p{flex:1 0 auto}
.zi-grid .cat-card__foot{margin-top:auto}
.cat-card__foot .pill--review{background:var(--ipiz-gold-soft);color:#7a5a06;font-size:.72rem}

/* Detail hero badges + amount */
.zi-detail-head__badges{display:flex;gap:10px;flex-wrap:wrap}
.zi-amount{margin-top:18px;display:inline-flex;gap:12px;align-items:center;background:rgba(255,255,255,.12);padding:10px 18px;border-radius:12px}
.zi-amount span{color:rgba(255,255,255,.7);font-size:.85rem}
.zi-amount b{font-family:var(--font-head);font-size:1.02rem;color:#fff}
.zi-detail{max-width:1060px}

/* Information list */
.zi-list{list-style:none;padding:0;margin:0}
.zi-list li{display:flex;gap:11px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--ipiz-line)}
.zi-list li:last-child{border-bottom:none}
.zi-list__dot{width:28px;height:28px;border-radius:8px;background:var(--ipiz-green-soft);color:var(--ipiz-green);display:grid;place-items:center;flex:none}
.zi-list__dot svg{width:15px;height:15px}

/* Detail cards — consistent rhythm */
.zi-detail .stack > .card{border-radius:var(--radius-lg)}
.zi-detail .stack > .card h3{margin-bottom:12px}

/* Nota Penting — softened cream card (was a stronger gold) */
.zi-note{background:#FEFCF4;border:1px solid #EEE4C4}
.zi-note__h{display:flex;align-items:center;gap:9px;margin:0 0 6px;color:#6E5A1C;font-size:1rem}
.zi-note__ico{width:26px;height:26px;border-radius:8px;background:#F6EFD6;color:#B08A1E;display:grid;place-items:center;flex:none}
.zi-note__p{margin:0;color:#6b5f45;line-height:1.55}

@media(max-width:960px){ .zi-grid{grid-template-columns:1fr 1fr} }
@media(max-width:680px){
  .zi-grid{grid-template-columns:1fr}
  .zi-toggle{width:100%}
  .zi-toggle .btn{flex:1}
}