/* OMCA Zakaat donation page */
.omca-zakat-page{--oz-navy:#102f59;--oz-blue:#0877c9;--oz-teal:#08a39e;--oz-border:#d4edf0;position:relative;isolation:isolate;overflow:hidden;padding:42px 24px 46px;background:linear-gradient(120deg,#f0fbf9 0%,#f4fbfc 55%,#e8f8f5 100%);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--oz-navy)}
.omca-zakat-page *{box-sizing:border-box}
.ozp-pattern{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.45;background-image:radial-gradient(#a9deda 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(to bottom,black,transparent 40%,black 85%)}
.ozp-heading{text-align:center;max-width:900px;margin:0 auto 10px}
.ozp-pill{display:inline-flex;align-items:center;gap:12px;padding:8px 18px;border:1px solid #a9e5df;border-radius:24px;color:#23455d;font-size:12px;font-weight:700;letter-spacing:.17em;line-height:1.2}
.ozp-pill span,.ozp-pill b{color:var(--oz-teal)}.ozp-pill i{font-style:normal;color:#7c9aa9}
.ozp-heading h1{font-size:clamp(38px,5vw,72px);line-height:1.03;letter-spacing:-.045em;font-weight:850;color:#102e56;margin:20px 0 16px}
.ozp-heading h1 em{font-style:normal;color:#08a39e}.ozp-heading h1 strong{font-style:italic;color:#08a39e}
.ozp-heading p{font-size:clamp(15px,1.45vw,20px);line-height:1.45;color:#54769b;margin:0}
.ozp-pulse{height:24px;width:305px;max-width:60%;margin:22px auto 13px;position:relative;border-top:2px solid #0b9998;top:11px}
.ozp-pulse span{position:absolute;left:calc(50% - 17px);top:-9px;width:34px;height:17px;background:#f0fbf9;border-top:2px solid #0b9998;transform:skewY(-30deg);clip-path:polygon(0 40%,32% 40%,50% 0,69% 100%,82% 42%,100% 42%,100% 60%,84% 60%,69% 100%,50% 0,35% 60%,0 60%)}
.ozp-card{position:relative;max-width:1150px;margin:0 auto;background:rgba(255,255,255,.94);border:1px solid #d9eff0;border-radius:20px;box-shadow:0 16px 40px rgba(26,93,116,.09);padding:22px 24px;display:grid;grid-template-columns:1.15fr 1fr;gap:24px}
.ozp-bank{padding:4px 2px 2px}
.ozp-intro{display:flex;align-items:flex-start;gap:15px;margin-bottom:14px}
.ozp-icon,.ozp-field-icon{width:60px;height:60px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#e8fbf8,#dff6f6);border:1px solid #d0f1ef;color:#079c98}
.ozp-icon svg,.ozp-field-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ozp-intro h2{font-size:clamp(23px,2.3vw,32px);letter-spacing:-.035em;line-height:1.15;margin:0 0 5px;color:#123b70;font-weight:800}
.ozp-intro p{font-size:15.5px;line-height:1.45;color:#6483a7;margin:0;max-width:480px}
.ozp-intro p b{color:#1d426e}
.ozp-fields{display:grid;gap:8px;margin-top:12px}
.ozp-field{min-height:61px;display:flex;align-items:center;gap:13px;padding:8px 12px;border:1px solid #d4ebef;border-radius:10px;background:linear-gradient(110deg,#f8fcfc,#f5fbfb)}
.ozp-field-icon{width:40px;height:40px}.ozp-field-icon svg{width:23px;height:23px}
.ozp-field-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.ozp-field-copy small{font-size:10px;letter-spacing:.13em;color:#46729a;font-weight:700}
.ozp-field-copy b{font-size:15.5px;line-height:1.3;font-weight:600;color:#14365f;overflow-wrap:anywhere}
.ozp-copy{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;min-width:82px;padding:8px 10px;border:1px solid #b8dff0;border-radius:9px;background:#fff;color:#086fb9;font:600 12px inherit;cursor:pointer;transition:background .15s,border-color .15s}
.ozp-copy:hover{background:#eaf7fc;border-color:#68bde0}.ozp-copy svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ozp-copy.is-copied{color:#078b73;border-color:#8dd8c5;background:#edfbf6}
.ozp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:13px}
.ozp-btn{min-height:46px;padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:28px;text-decoration:none!important;font-size:13px;font-weight:700;transition:transform .15s,filter .15s}
.ozp-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.ozp-primary{background:linear-gradient(105deg,#0b4f91,#06457d);color:#fff!important;min-width:225px;box-shadow:0 5px 12px rgba(7,69,125,.15)}
.ozp-primary span{font-size:21px;font-weight:400}.ozp-secondary{border:1px solid #9bc9e4;background:#fff;color:#235276!important;min-width:175px}
.ozp-qr-panel{min-width:0;border-left:1px solid #bfe3e8;padding:26px 0 18px 24px;border-radius:0 12px 12px 0;background:linear-gradient(135deg,rgba(237,251,248,.6),rgba(231,249,246,.9));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ozp-qr-frame{width:230px;height:230px;padding:10px;background:#fff;border:1px solid #e1f0f0;border-radius:17px;box-shadow:0 9px 24px rgba(32,93,110,.09);display:flex;align-items:center;justify-content:center}
.ozp-qr-frame img{width:100%;height:100%;object-fit:contain;image-rendering:auto}
.ozp-qr-panel h2{font-size:26px;line-height:1.15;margin:25px 0 7px;font-weight:800;letter-spacing:-.025em;color:#123d70}
.ozp-qr-panel p{max-width:370px;font-size:14px;line-height:1.45;color:#6483a7;margin:0 auto 20px}
.ozp-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ozp-trust span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #a8e3dc;border-radius:13px;background:rgba(255,255,255,.65);font-size:11px;font-weight:600;color:#087c82;white-space:nowrap}
.ozp-trust b{font-size:13px;color:#fff;background:#079c98;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}
.ozp-benefits{max-width:1150px;margin:24px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.ozp-benefits>div{display:flex;align-items:center;gap:15px;padding:13px 20px;min-height:86px;border:1px solid #d5eeee;border-radius:14px;background:rgba(255,255,255,.93);box-shadow:0 7px 16px rgba(30,91,112,.05)}
.ozp-benefits .ozp-icon{width:58px;height:58px}.ozp-benefits b{display:block;font-size:15px;line-height:1.3;color:#153d6c;font-weight:700}.ozp-benefits small{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:#6684a5}
@media(max-width:800px){.omca-zakat-page{padding:32px 16px}.ozp-card{grid-template-columns:1fr;gap:18px;padding:20px}.ozp-qr-panel{border-left:0;border-top:1px solid #bfe3e8;border-radius:12px;padding:24px 12px 18px}.ozp-benefits{grid-template-columns:1fr}.ozp-benefits>div{min-height:74px}}
@media(max-width:480px){.omca-zakat-page{padding:25px 12px 32px}.ozp-pill{font-size:10px;gap:8px;padding:7px 12px}.ozp-heading h1{font-size:37px;margin-top:18px}.ozp-heading p br{display:none}.ozp-card{padding:16px 13px;border-radius:15px}.ozp-intro{gap:10px}.ozp-intro>.ozp-icon{width:47px;height:47px}.ozp-intro h2{font-size:22px}.ozp-intro p{font-size:13px}.ozp-field{gap:8px;padding:7px}.ozp-field-icon{width:34px;height:34px}.ozp-field-copy b{font-size:12.5px}.ozp-copy{min-width:67px;padding:7px 8px;font-size:11px}.ozp-actions{display:grid;grid-template-columns:1fr;gap:8px}.ozp-btn{width:100%;min-width:0}.ozp-qr-frame{width:210px;height:210px}.ozp-qr-panel h2{font-size:23px}.ozp-trust span{font-size:10px;padding:8px}.ozp-benefits>div{padding:12px}.ozp-benefits .ozp-icon{width:48px;height:48px}}

/* Full-bleed page: break out of constrained WordPress theme content columns. */
.omca-zakat-page{
  width:100vw;
  max-width:none;
  min-height:100vh;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
}
.ozp-heading,.ozp-card,.ozp-benefits{max-width:1150px}
@media(min-width:801px){
 .omca-zakat-page{padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:max(24px,calc((100vw - 1200px)/2))}
}

/* WhatsApp confirm button */
.ozp-primary.ozp-whatsapp{background:linear-gradient(105deg,#25d366,#128c4a);color:#fff!important;gap:10px;min-width:235px;box-shadow:0 6px 14px rgba(18,140,74,.28)}
.ozp-whatsapp .ozp-wa-icon{width:22px;height:22px;flex:none}
.ozp-whatsapp .ozp-wa-text{font-size:13px;font-weight:700}
.ozp-whatsapp:hover{filter:brightness(1.05)}

/* Edge-to-edge: parents are neutralised by JS, this keeps the section full height */
.omca-zakat-page{display:block;min-height:100vh}
.omca-zakat-page.ozp-fullbleed{margin-left:0!important;margin-right:0!important;left:auto!important;right:auto!important}
.omca-zakat-page{box-sizing:border-box}