.sz-page{--gold:#e2ad3f;--cream:#f2e6cf;--line:rgba(214,171,77,.28);--muted:#c9cbc3;max-width:1280px;margin:0 auto;padding:22px 24px 68px;color:#ecebe5}.sz-page *{box-sizing:border-box}.sz-hero,.sz-panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(2,30,25,.97),rgba(3,45,37,.82));box-shadow:0 18px 46px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025)}
.sz-hero{min-height:410px;position:relative;overflow:hidden;display:flex;align-items:center;background:linear-gradient(120deg,#061f1a,#0a3a2e)}.sz-hero.has-image{background-image:var(--sz-hero-image);background-size:cover;background-position:68% center}.sz-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,18,16,.98) 0%,rgba(2,29,24,.94) 28%,rgba(2,29,24,.68) 49%,rgba(2,29,24,.12) 74%,rgba(2,29,24,.04) 100%)}.sz-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 40%,rgba(226,173,63,.11),transparent 34%);pointer-events:none}.sz-hero-copy{position:relative;z-index:2;width:min(620px,56%);padding:58px 54px}.sz-kicker,.sz-eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--gold);font-weight:800}.sz-hero h1,.sz-panel h2{font-family:Georgia,serif;color:var(--cream);margin:8px 0}.sz-hero h1{font-size:72px;line-height:.94;letter-spacing:-.03em}.sz-hero h2{font-size:24px;line-height:1.25;margin:18px 0 12px;color:#f0e5d1}.sz-hero p,.sz-panel>p,.sz-main>p{font-size:15.5px;line-height:1.7;color:var(--muted);max-width:690px}
.sz-panel{margin-top:18px;padding:30px 32px}.sz-panel h2{font-size:35px;line-height:1.12}.sz-what{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:34px;align-items:start}.sz-main{min-width:0}.sz-verse{border-left:1px solid rgba(255,255,255,.13);padding:14px 0 12px 30px;margin-top:18px;color:#d8d3c7;position:sticky;top:110px}.sz-verse p{font-family:Georgia,serif;font-style:italic;font-size:16px;line-height:1.58;margin:10px 0 12px}.sz-verse strong{font-size:13px;color:#e6dece}.sz-book{font-size:30px;color:var(--gold)}.sz-read{margin-top:15px;border:1px solid #e0ad42;background:linear-gradient(135deg,#e7af39,#c98b20);color:#071812;border-radius:10px;padding:12px 18px;font-weight:800;display:inline-flex;gap:22px;align-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.15)}.sz-more{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);max-width:880px}.sz-more h3{color:var(--cream);font-family:Georgia,serif;font-size:20px;margin:22px 0 8px}.sz-more p,.sz-refs{color:#c8c7c0;line-height:1.76;font-size:14.6px}.sz-more em{color:#ddd4c1}.sz-refs{padding-left:20px;margin:8px 0 0}.sz-refs li+li{margin-top:8px}.sz-refs strong{color:#e9dfcb}
.sz-paybox{margin-top:16px;display:grid;grid-template-columns:64px minmax(0,1fr) 220px;align-items:center;gap:22px;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px 22px;background:linear-gradient(135deg,rgba(0,0,0,.14),rgba(255,255,255,.025))}.sz-bankicon{font-size:36px;color:var(--gold);text-align:center}.sz-details h3{font-size:19px;margin:0 0 9px;color:#f0eadf}.sz-details p{display:grid;grid-template-columns:126px 1fr;margin:4px 0;color:#d5d3cb;font-size:14px}.sz-details span{color:#aaa99f}.sz-cta{border-left:1px solid rgba(255,255,255,.13);padding-left:22px}.sz-cta a,.sz-pay-pending{display:block;text-align:center;padding:14px 18px;border-radius:10px;background:linear-gradient(135deg,#edb640,#d69620);color:#091712;font-weight:900;text-decoration:none}.sz-pay-pending{opacity:.52}
.sz-use{padding-bottom:32px}.sz-asnaf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.sz-asnaf article{position:relative;min-height:150px;padding:24px 14px 18px;text-align:center;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:linear-gradient(160deg,rgba(8,58,47,.62),rgba(2,29,25,.52));display:flex;flex-direction:column;justify-content:center;transition:transform .18s ease,border-color .18s ease}.sz-asnaf article:hover{transform:translateY(-2px);border-color:rgba(226,173,63,.38)}.sz-num{position:absolute;top:10px;left:12px;font-size:9px;letter-spacing:.15em;color:rgba(227,167,45,.7)}.sz-asnaf-icon{font-size:28px;line-height:1;color:var(--gold);margin-bottom:9px}.sz-asnaf h3{font-size:14.5px;margin:3px 0;color:#f2eee3;line-height:1.28}.sz-asnaf p{margin:0;color:#bcbab2;font-size:12.5px;line-height:1.35}
@media(max-width:980px){.sz-page{padding:18px 16px 54px}.sz-hero{min-height:390px}.sz-hero.has-image{background-position:64% center}.sz-hero-copy{width:62%;padding:48px 34px}.sz-hero h1{font-size:62px}.sz-what{grid-template-columns:1fr}.sz-verse{position:static;border-left:0;border-top:1px solid rgba(255,255,255,.13);padding:20px 0 0;margin-top:2px}.sz-paybox{grid-template-columns:58px 1fr}.sz-cta{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.13);padding:16px 0 0}.sz-asnaf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.sz-page{padding:14px 12px 46px}.sz-hero{min-height:410px;align-items:flex-end}.sz-hero.has-image{background-position:70% center}.sz-hero-overlay{background:linear-gradient(0deg,rgba(1,19,16,.98) 0%,rgba(2,29,24,.88) 42%,rgba(2,29,24,.28) 72%,rgba(2,29,24,.08) 100%)}.sz-hero-copy{width:100%;padding:30px 22px 28px}.sz-hero h1{font-size:52px}.sz-hero h2{font-size:20px;margin-top:14px}.sz-panel{padding:24px 18px}.sz-panel h2{font-size:30px}.sz-hero p,.sz-panel>p,.sz-main>p{font-size:14.4px}.sz-paybox{grid-template-columns:1fr;text-align:left;padding:18px}.sz-bankicon{text-align:left}.sz-details p{grid-template-columns:1fr;gap:1px}.sz-asnaf{grid-template-columns:1fr 1fr;gap:9px}.sz-asnaf article{min-height:142px;padding:23px 10px 15px}.sz-asnaf h3{font-size:13px}.sz-asnaf p{font-size:11.5px}}
@media(max-width:420px){.sz-asnaf{grid-template-columns:1fr}.sz-asnaf article{min-height:124px}.sz-hero h1{font-size:47px}}

/* v1.0.3: page-only canvas. Header/navigation/footer remain owned by the theme. */
body.sihulk-zakat-page .site-main{background:radial-gradient(circle at 72% 0,rgba(196,142,33,.08),transparent 28%),#020d0a!important;min-height:70vh}
body.sihulk-zakat-page .sz-page{max-width:1360px;padding:26px 4% 64px}
@media(max-width:760px){body.sihulk-zakat-page .sz-page{padding:18px 16px 52px}}

/* v1.0.4 — exact theme chrome + Finance-style page canvas. */
body.sihulk-zakat-page{background:#020908!important;color:#eadcc2}
body.sihulk-zakat-page .site-main{position:relative;overflow:hidden;background:#020908!important}
body.sihulk-zakat-page .sz-page{
  position:relative;isolation:isolate;overflow:hidden;max-width:1360px;margin:0 auto;padding:26px 4% 70px;
  background:
    radial-gradient(900px 520px at 82% 4%,rgba(26,99,76,.22),transparent 62%),
    radial-gradient(720px 460px at 8% 35%,rgba(12,77,58,.18),transparent 64%),
    linear-gradient(180deg,#00120e 0%,#001713 46%,#00100d 100%);
}
body.sihulk-zakat-page .sz-page:before{
  content:"";position:absolute;z-index:-2;inset:-180px -120px auto 28%;height:780px;pointer-events:none;opacity:.62;
  background:
    linear-gradient(132deg,transparent 0 41%,rgba(226,173,53,.12) 41.2% 41.7%,transparent 41.9% 100%),
    linear-gradient(156deg,transparent 0 56%,rgba(226,173,53,.08) 56.2% 56.7%,transparent 56.9% 100%),
    linear-gradient(112deg,transparent 0 68%,rgba(25,103,77,.22) 68.3% 76%,transparent 76.4% 100%);
  transform:skewY(-4deg)
}
body.sihulk-zakat-page .sz-page:after{
  content:"";position:absolute;z-index:-3;inset:0;pointer-events:none;opacity:.30;
  background-image:repeating-linear-gradient(120deg,rgba(223,169,49,.025) 0 1px,transparent 1px 34px),repeating-linear-gradient(60deg,rgba(223,169,49,.018) 0 1px,transparent 1px 34px);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.25) 45%,transparent 82%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.25) 45%,transparent 82%)
}
body.sihulk-zakat-page .sz-hero,body.sihulk-zakat-page .sz-panel{position:relative;z-index:1}
@media(max-width:760px){body.sihulk-zakat-page .sz-page{padding:18px 16px 52px}body.sihulk-zakat-page .sz-page:before{inset:-120px -220px auto 8%;height:620px;opacity:.42}body.sihulk-zakat-page .sz-page:after{opacity:.20}}


/* v1.0.5 — full-bleed Zakat canvas.
   Keep the content constrained, but let the Finance-style background fill the
   whole available page width so no black gutters appear beside the canvas. */
body.sihulk-zakat-page .site-main{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(980px 560px at 82% 4%,rgba(26,99,76,.22),transparent 62%),
    radial-gradient(780px 500px at 8% 35%,rgba(12,77,58,.18),transparent 64%),
    linear-gradient(180deg,#00120e 0%,#001713 46%,#00100d 100%) !important;
}
body.sihulk-zakat-page .site-main:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-180px -120px auto 24%;
  height:800px;
  pointer-events:none;
  opacity:.62;
  background:
    linear-gradient(132deg,transparent 0 41%,rgba(226,173,53,.12) 41.2% 41.7%,transparent 41.9% 100%),
    linear-gradient(156deg,transparent 0 56%,rgba(226,173,53,.08) 56.2% 56.7%,transparent 56.9% 100%),
    linear-gradient(112deg,transparent 0 68%,rgba(25,103,77,.22) 68.3% 76%,transparent 76.4% 100%);
  transform:skewY(-4deg);
}
body.sihulk-zakat-page .site-main:after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:.30;
  background-image:
    repeating-linear-gradient(120deg,rgba(223,169,49,.025) 0 1px,transparent 1px 34px),
    repeating-linear-gradient(60deg,rgba(223,169,49,.018) 0 1px,transparent 1px 34px);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.25) 45%,transparent 82%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.25) 45%,transparent 82%);
}
body.sihulk-zakat-page .sz-page{
  position:relative;
  z-index:1;
  max-width:1360px;
  margin:0 auto;
  background:transparent !important;
}
body.sihulk-zakat-page .sz-page:before,
body.sihulk-zakat-page .sz-page:after{display:none !important;}
@media(max-width:760px){
  body.sihulk-zakat-page .site-main:before{inset:-120px -220px auto 8%;height:620px;opacity:.42}
  body.sihulk-zakat-page .site-main:after{opacity:.20}
}

/* v1.0.6 — Zakat page chrome finishing */
body.sihulk-zakat-page .site-header{
  background:linear-gradient(135deg,rgba(5,34,28,.96),rgba(3,25,21,.94))!important;
  box-shadow:0 14px 42px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body.sihulk-zakat-page .sz-read{gap:0!important;justify-content:center}
body.sihulk-zakat-page .sz-read b{display:none!important}


/* v1.0.7 — unify header surround with page canvas + refine desktop proportions */
body.sihulk-zakat-page{
  background:
    radial-gradient(1050px 520px at 84% 8%,rgba(23,92,70,.18),transparent 64%),
    linear-gradient(180deg,#00120e 0%,#001713 48%,#00100d 100%) !important;
}
/* The theme header has outer margins; this makes those exposed margins part of the
   same green canvas instead of falling back to black. */
body.sihulk-zakat-page > .site-header{
  background:rgba(3,25,21,.88)!important;
}
body.sihulk-zakat-page .site-main{
  margin-top:0!important;
  background:
    radial-gradient(980px 560px at 82% 4%,rgba(26,99,76,.22),transparent 62%),
    radial-gradient(780px 500px at 8% 35%,rgba(12,77,58,.18),transparent 64%),
    linear-gradient(180deg,#00120e 0%,#001713 46%,#00100d 100%)!important;
}
body.sihulk-zakat-page .sz-page{
  max-width:1440px!important;
  padding:28px 4% 68px!important;
}
body.sihulk-zakat-page .sz-hero{
  min-height:344px!important;
  border-radius:20px!important;
}
body.sihulk-zakat-page .sz-hero-copy{
  width:min(600px,54%)!important;
  padding:44px 50px!important;
}
body.sihulk-zakat-page .sz-hero h1{
  font-size:clamp(54px,5.1vw,70px)!important;
  line-height:.96!important;
}
body.sihulk-zakat-page .sz-hero h2{
  font-size:22px!important;
  margin:15px 0 10px!important;
}
body.sihulk-zakat-page .sz-hero p{
  font-size:15px!important;
  line-height:1.62!important;
  max-width:600px!important;
}
body.sihulk-zakat-page .sz-panel{
  margin-top:16px!important;
  padding:26px 30px!important;
  border-radius:18px!important;
}
body.sihulk-zakat-page .sz-panel h2{font-size:33px!important}
body.sihulk-zakat-page .sz-what{grid-template-columns:minmax(0,1fr) 270px!important;gap:30px!important}
body.sihulk-zakat-page .sz-verse{padding-left:26px!important;margin-top:12px!important}
body.sihulk-zakat-page .sz-asnaf article{min-height:138px!important}

@media(max-width:980px){
  body.sihulk-zakat-page .sz-page{padding:22px 18px 58px!important}
  body.sihulk-zakat-page .sz-hero{min-height:330px!important}
  body.sihulk-zakat-page .sz-hero-copy{width:61%!important;padding:38px 30px!important}
  body.sihulk-zakat-page .sz-what{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  body.sihulk-zakat-page .sz-page{padding:16px 12px 48px!important}
  body.sihulk-zakat-page .sz-hero{min-height:390px!important}
  body.sihulk-zakat-page .sz-hero-copy{width:100%!important;padding:27px 20px 25px!important}
  body.sihulk-zakat-page .sz-hero h1{font-size:46px!important}
  body.sihulk-zakat-page .sz-panel{padding:22px 17px!important}
  body.sihulk-zakat-page .sz-panel h2{font-size:29px!important}
}