.service-page{max-width:1060px;margin:0 auto;padding:62px 26px 82px}.service-hero{text-align:center;margin-bottom:38px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--lime)}.service-hero h1{font-size:clamp(34px,5vw,56px);margin:8px 0}.service-hero p{margin:0;color:#a7a7a7;font-size:18px}.donate-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:center;max-width:760px;margin:auto}.donate-card,.qr-card,.contact-card,.prayer-intro>div,.zakat-form,.zakat-result{background:#101010;border:1px solid #292929;border-radius:20px;padding:26px}.account-name{border:2px solid var(--lime);border-radius:12px;padding:15px 17px;font-size:18px;margin-bottom:14px}.account-name b{color:var(--lime)}.bank-row{width:100%;margin:10px 0;border:0;border-radius:10px;padding:15px;text-align:left;color:#fff;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2px}.bank-row.blue{background:#1450ae}.bank-row.green{background:#05964c}.bank-row span{font-size:13px}.bank-row b{font-size:24px;letter-spacing:1px}.bank-row small{grid-column:1/-1;opacity:.65;font-size:10px}.bank-row[data-copied]{outline:2px solid var(--lime)}.qr-card{text-align:center}.qr-card img{display:block;width:100%;background:#fff;border-radius:10px;padding:10px}.qr-card span{display:block;color:#aaa;margin-top:13px;font-size:13px}.contact-card{max-width:760px;margin:22px auto 0;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}.contact-card h2{font-size:18px;width:100%;margin:0}.contact-card a{color:#eee;font-size:16px}.contact-card a:hover{color:var(--lime)}.prayer-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.prayer-intro h2{margin-top:0;font-size:28px}.prayer-intro p,.prayer-note span{color:#aaa;line-height:1.7}.prayer-note{display:flex;flex-direction:column;gap:12px}.prayer-note a{color:var(--lime)}.lime-button{display:inline-block;background:var(--lime);color:#121212;border-radius:999px;padding:13px 18px;font-weight:bold;margin-top:12px}.zakat-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;max-width:850px;margin:auto}.zakat-form{display:grid;gap:14px}.zakat-form h2{margin:0 0 4px}.zakat-form label{display:grid;gap:7px;color:#ccc}.zakat-form input{border:1px solid #363636;background:#080808;color:#fff;border-radius:10px;padding:12px;outline:0}.zakat-form input:focus{border-color:var(--lime)}.zakat-disclaimer{font-size:12px;color:#999;line-height:1.6}.zakat-result{height:max-content;position:sticky;top:85px;display:flex;flex-direction:column;gap:8px}.zakat-result span{color:#aaa}.zakat-result b{font-size:23px}.zakat-result strong{font-size:34px;color:var(--lime)}.zakat-result p{font-size:12px;color:#777;line-height:1.55}@media(max-width:700px){.service-page{padding:42px 16px 58px}.donate-wrap,.prayer-intro,.zakat-grid{grid-template-columns:1fr}.zakat-result{position:static}.bank-row b{font-size:21px}}
.prayer-live-card{max-width:690px;margin:0 auto 32px;background:#101010;border:1px solid #292929;border-radius:22px;padding:23px}.prayer-live-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.prayer-live-head span{display:block;font-size:21px;font-weight:700}.prayer-live-head small,.prayer-location p{display:block;color:#999;font-size:12px;margin-top:5px}.location-button{border:1px solid var(--lime);background:transparent;color:var(--lime);padding:9px 12px;border-radius:10px;cursor:pointer;font:inherit;white-space:nowrap}.prayer-next{margin:20px 0 16px;padding:18px;border-radius:15px;background:linear-gradient(110deg,#8daa25,#c9f40f);color:#121212;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px}.prayer-next span,.prayer-next small{font-size:12px}.prayer-next b{font-size:22px}.prayer-next strong{grid-column:2;grid-row:1/3;font-size:35px}.prayer-times{display:grid;gap:8px}.prayer-time-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 14px;border-radius:10px;background:#1b1b1b;border:1px solid transparent}.prayer-time-row.active{border-color:var(--lime);background:#242d11}.prayer-time-row .label{display:flex;gap:8px;align-items:center}.prayer-time-row small{color:#aaa;font-size:12px}.prayer-time-row time{font-weight:700;font-size:19px}.prayer-location{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-top:16px}.prayer-location label{display:grid;gap:6px;color:#aaa;font-size:13px}.prayer-location select{background:#090909;color:#fff;border:1px solid #383838;border-radius:9px;padding:9px;min-width:220px}.prayer-location p{margin:0;text-align:right}@media(max-width:700px){.prayer-live-card{padding:16px}.prayer-live-head{display:block}.location-button{margin-top:12px}.prayer-location{display:block}.prayer-location select{width:100%}.prayer-location p{text-align:left}.prayer-next strong{font-size:29px}}

/* v1.8.0: Zakat, rich content and more legible next-prayer state */
.prayer-location select{font-family:"SukhumvitSet",Tahoma,"Noto Sans Thai",sans-serif}.prayer-next span{font-size:15px;font-weight:600}.prayer-next small{font-size:15px;font-weight:500}.prayer-next strong{font-size:68px;line-height:1}.prayer-next b{font-size:24px}@media(max-width:700px){.prayer-next strong{font-size:58px}.prayer-next span,.prayer-next small{font-size:14px}}
.prayer-time-row{grid-template-columns:1fr 56px 1fr}.prayer-time-row .label{justify-self:start}.prayer-time-row time{justify-self:end}.prayer-time-icon{width:56px;height:30px;display:grid;place-items:center}.prayer-time-icon img{width:30px;height:30px;object-fit:contain}.prayer-method{max-width:690px;margin:30px auto 32px;background:#101010;border:1px solid #292929;border-radius:20px;padding:22px}.prayer-method summary{cursor:pointer;color:#dffb87;font-weight:700}.prayer-method .rich-content{background:transparent;border:0;border-radius:0;padding:18px 0 0;margin:0;font-size:15px}
.bank-row{grid-template-columns:48px 1fr auto;grid-template-rows:auto auto;column-gap:12px;align-items:center}.bank-row.purple{background:#613796}.bank-row.yellow{background:#9a8000}.bank-row.pink{background:#ad3d73}.bank-row.orange{background:#ae5b18}.bank-row.dark{background:#242424}.bank-row small{grid-column:2/-1}.donate-bank-icon{grid-row:1/3;display:grid;width:46px;height:46px;border-radius:12px;overflow:hidden}.donate-bank-icon svg,.donate-bank-icon img{width:100%;height:100%;object-fit:cover;display:block}
.zakat-fixed-price{padding:14px;border:1px solid #445118;background:#141b0b;border-radius:12px;display:grid;gap:3px}.zakat-fixed-price span,.zakat-fixed-price small{color:#aeb28d;font-size:12px}.zakat-fixed-price b{font-size:20px;color:#e5ff8e}.zakat-status{border-radius:10px;padding:10px 11px;font-size:13px;font-weight:600;background:#1c1c1c;color:#bdbdbd}.zakat-status.ready{background:#24300e;color:#e3ff94}.zakat-status.waiting{background:#261616;color:#ffc1b4}.gold-reference,.zakat-content,.about-content{max-width:850px;margin:24px auto 0;background:#101010;border:1px solid #292929;border-radius:20px;padding:26px}.gold-reference-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:17px}.gold-reference-head h2{margin:5px 0 0;font-size:25px}.gold-reference-badge{border:1px solid #515151;color:#bbb;border-radius:999px;padding:7px 10px;font-size:11px;white-space:nowrap}.gold-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gold-price-card{border:1px solid #303030;background:#0b0b0b;border-radius:14px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.gold-price-card>b{color:var(--lime);font-size:20px}.gold-price-card>span{grid-column:1/-1;color:#aaa;font-size:13px;margin-top:-5px}.gold-price-card small{display:block;color:#888;font-size:11px}.gold-price-card strong{display:block;font-size:19px;margin-top:3px}.gold-price-card em{grid-column:1/-1;color:#aebc61;font-style:normal;font-size:12px}.gold-price-card p{grid-column:1/-1;color:#777;margin:5px 0 0}.gold-reference-note{color:#777;margin:14px 0 0;font-size:12px;line-height:1.6}.rich-content{color:#d8d8d4;line-height:1.85;font-size:17px}.rich-content>*:first-child{margin-top:0}.rich-content h2,.rich-content h3{color:#e9ff9c;line-height:1.35}.rich-content a{color:var(--lime);text-decoration:underline}.rich-content img{display:block;max-width:100%;height:auto;border-radius:12px;margin:16px 0}.rich-content blockquote{margin:16px 0;padding:8px 16px;border-left:3px solid var(--lime);color:#b8b8ad}.rich-content ul,.rich-content ol{padding-left:25px}@media(max-width:700px){.gold-reference,.zakat-content,.about-content{padding:18px;border-radius:16px}.gold-reference-head{display:block}.gold-reference-badge{display:inline-block;margin-top:9px}.gold-price-grid{grid-template-columns:1fr}.rich-content{font-size:16px}}

/* Friendly Zakat calculator — accessible green/black interface */
.zakat-friendly-page{background:#090909}.zakat-v2{--zakat-green:#a2bb3b;--zakat-bg:#090909;--zakat-card:#121212;--zakat-card-2:#181818;--zakat-line:#303030;--zakat-text:#f5f5f1;--zakat-muted:#b9b9b2;max-width:1180px;padding-top:44px;color:var(--zakat-text)}
.zakat-hero{display:grid;grid-template-columns:92px minmax(0,1fr) 310px;gap:22px;align-items:center;margin-bottom:30px;padding:30px;border:1px solid #2d321e;border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(162,187,59,.18),transparent 38%),#111;box-shadow:0 18px 55px #0007}
.zakat-hero-icon{display:grid;place-items:center;width:82px;height:82px;border-radius:22px;background:var(--zakat-green);color:#090909}.zakat-hero-icon svg{width:52px;height:52px}.zakat-hero-copy .eyebrow{color:var(--zakat-green);font-size:13px}.zakat-hero-copy h1{margin:5px 0 8px;font-size:clamp(36px,5vw,56px);line-height:1.15}.zakat-hero-copy p{margin:0;color:var(--zakat-muted);font-size:19px;line-height:1.55}.zakat-nisab-overview{display:grid;gap:4px;padding:18px 20px;border:1px solid rgba(162,187,59,.42);border-radius:17px;background:rgba(162,187,59,.08)}.zakat-nisab-overview span{color:#dce8ad;font-size:15px}.zakat-nisab-overview strong{color:var(--zakat-green);font-size:27px;line-height:1.2}.zakat-nisab-overview small{color:#a7a79f;font-size:13px}
.zakat-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(330px,.72fr);gap:24px;align-items:start}.zakat-v2 .zakat-friendly-form,.zakat-v2 .zakat-friendly-result{border:1px solid var(--zakat-line);border-radius:24px;background:var(--zakat-card);box-shadow:0 16px 45px #0005}.zakat-v2 .zakat-friendly-form{display:grid;gap:18px;padding:28px}.zakat-section-heading{display:flex;align-items:center;gap:14px}.zakat-section-heading>span{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--zakat-green);color:#090909;font-size:21px;font-weight:700}.zakat-section-heading h2{margin:0;font-size:28px;line-height:1.25}.zakat-section-heading p{margin:3px 0 0;color:var(--zakat-muted);font-size:16px;line-height:1.45}
.zakat-input-section{display:grid;gap:16px;padding:21px;border:1px solid #2b2b2b;border-radius:18px;background:#0d0d0d}.zakat-input-section-head h3{margin:0;font-size:23px;color:#eaf3c7}.zakat-input-section-head p{margin:4px 0 0;color:var(--zakat-muted);font-size:16px;line-height:1.5}.zakat-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.zakat-field-grid .wide{grid-column:1/-1}.zakat-friendly-form .zakat-field{display:grid;gap:6px;color:#f1f1ed;font-size:18px;font-weight:600}.zakat-friendly-form .zakat-field>small{color:#a5a59f;font-size:14px;font-weight:400;line-height:1.4}.zakat-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;margin-top:4px;border:2px solid #363636;border-radius:14px;background:#090909;transition:border-color .18s,box-shadow .18s}.zakat-input-wrap:focus-within{border-color:var(--zakat-green);box-shadow:0 0 0 4px rgba(162,187,59,.13)}.zakat-friendly-form .zakat-input-wrap input{width:100%;height:58px;padding:0 15px;border:0!important;border-radius:0;background:transparent;color:#fff;font-size:23px;font-weight:600;outline:0}.zakat-input-wrap em{padding:0 15px;color:#b8c57d;font-size:15px;font-style:normal;white-space:nowrap}.zakat-v2 .zakat-fixed-price{padding:15px 17px;border-color:#4f5b24;border-radius:14px;background:#171b0e}.zakat-v2 .zakat-fixed-price span,.zakat-v2 .zakat-fixed-price small{color:#bdc49c;font-size:14px}.zakat-v2 .zakat-fixed-price b{color:#ddea9e;font-size:21px}.liability-section{border-color:#3b3a2d;background:#11100c}.zakat-form-actions{display:flex;justify-content:flex-end}.zakat-reset-button{min-height:48px;padding:10px 17px;border:1px solid #484848;border-radius:12px;background:#181818;color:#e2e2dd;font-family:inherit;font-size:16px;cursor:pointer}.zakat-reset-button:hover{border-color:var(--zakat-green);color:var(--zakat-green)}.zakat-v2 .zakat-disclaimer{margin:0;padding:16px 18px;border-left:4px solid var(--zakat-green);border-radius:10px;background:#191b12;color:#d0d0c7;font-size:16px;line-height:1.65}.zakat-v2 .zakat-disclaimer b{display:block;margin-bottom:2px;color:#e8f2bd;font-size:18px}
.zakat-v2 .zakat-friendly-result{position:sticky;top:86px;display:grid;gap:18px;padding:26px}.result-heading{padding-bottom:17px;border-bottom:1px solid #303030}.zakat-summary-list{display:grid;gap:4px}.zakat-summary-list>div{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid #272727}.zakat-summary-list span{color:#bdbdb5;font-size:16px}.zakat-summary-list b{color:#f4f4ef;font-size:18px;text-align:right}.zakat-summary-list .zakat-net-row{margin-top:4px;padding:15px 14px;border:1px solid #3f4920;border-radius:12px;background:#171b0e}.zakat-summary-list .zakat-net-row span{color:#e2e9c3;font-size:17px}.zakat-summary-list .zakat-net-row b{color:var(--zakat-green);font-size:23px}.zakat-v2 .zakat-status{padding:14px 15px;border:1px solid #40452b;border-radius:13px;background:#1b1d16;color:#d8d9cf;font-size:16px;line-height:1.5;text-align:center}.zakat-v2 .zakat-status.ready{border-color:var(--zakat-green);background:rgba(162,187,59,.16);color:#ebf6bd}.zakat-v2 .zakat-status.waiting{border-color:#48483a;background:#1a1a16;color:#d8d8ce}.zakat-payable{padding:21px;border-radius:17px;background:var(--zakat-green);color:#090909;text-align:center}.zakat-payable span{display:block;color:#20230f;font-size:16px;font-weight:600}.zakat-payable strong{display:block;margin-top:5px;color:#090909;font-size:39px;line-height:1.15}.zakat-v2 .zakat-result-note{margin:0;color:#9b9b94;font-size:14px;line-height:1.55;text-align:center}
.zakat-v2 .gold-reference{max-width:none;margin-top:28px;padding:27px;border-color:var(--zakat-line);border-radius:24px;background:var(--zakat-card)}.zakat-v2 .gold-reference-head h2{font-size:28px}.zakat-v2 .gold-reference-head p{margin:5px 0 0;color:var(--zakat-muted);font-size:16px;line-height:1.5}.zakat-v2 .gold-reference-badge{border-color:#59642c;color:#dce7a9;background:#171b0e;font-size:13px}.zakat-v2 .gold-price-card{padding:20px;border-color:#303030;border-radius:16px;background:#0b0b0b}.zakat-v2 .gold-price-card>b{color:var(--zakat-green);font-size:23px}.zakat-v2 .gold-price-card>span{color:#c0c0ba;font-size:15px}.zakat-v2 .gold-price-card small{color:#aaa;font-size:14px}.zakat-v2 .gold-price-card strong{font-size:22px}.zakat-v2 .gold-reference-note{color:#a0a099;font-size:14px}
.zakat-explanation{max-width:none;margin-top:28px;padding:27px;border:1px solid var(--zakat-line);border-radius:24px;background:var(--zakat-card)}.zakat-explanation-head{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid #303030}.zakat-explanation-icon{display:grid;place-items:center;width:45px;height:45px;border:2px solid var(--zakat-green);border-radius:50%;color:var(--zakat-green);font-family:Georgia,serif;font-size:25px;font-weight:700}.zakat-explanation-head h2{margin:0;font-size:28px}.zakat-explanation-head p{margin:4px 0 0;color:var(--zakat-muted);font-size:16px}.zakat-v2 .zakat-content{max-width:none;margin:0;padding:24px 2px 0;border:0;background:transparent}.zakat-v2 .rich-content{color:#deded8;font-size:18px;line-height:1.9}.zakat-v2 .rich-content h2{margin-top:28px;color:#dce9a9;font-size:27px}.zakat-v2 .rich-content h3{color:#dce9a9;font-size:22px}.zakat-v2 .rich-content li{margin:7px 0}.zakat-v2 .rich-content a{color:var(--zakat-green)}
@media(max-width:900px){.zakat-hero{grid-template-columns:76px 1fr}.zakat-hero-icon{width:70px;height:70px}.zakat-nisab-overview{grid-column:1/-1}.zakat-layout{grid-template-columns:1fr}.zakat-v2 .zakat-friendly-result{position:static}.zakat-friendly-result{grid-row:auto}}
@media(max-width:700px){.zakat-v2{padding:28px 14px 58px}.zakat-hero{display:block;padding:22px;border-radius:20px}.zakat-hero-icon{width:62px;height:62px;margin-bottom:16px;border-radius:17px}.zakat-hero-icon svg{width:40px;height:40px}.zakat-hero-copy h1{font-size:36px}.zakat-hero-copy p{font-size:17px}.zakat-nisab-overview{margin-top:18px}.zakat-nisab-overview strong{font-size:25px}.zakat-v2 .zakat-friendly-form,.zakat-v2 .zakat-friendly-result,.zakat-v2 .gold-reference,.zakat-explanation{padding:19px;border-radius:19px}.zakat-section-heading h2,.zakat-v2 .gold-reference-head h2,.zakat-explanation-head h2{font-size:24px}.zakat-section-heading p,.zakat-explanation-head p{font-size:15px}.zakat-input-section{padding:17px}.zakat-field-grid{grid-template-columns:1fr}.zakat-field-grid .wide{grid-column:auto}.zakat-friendly-form .zakat-field{font-size:18px}.zakat-friendly-form .zakat-input-wrap input{height:60px;font-size:22px}.zakat-form-actions{justify-content:stretch}.zakat-reset-button{width:100%}.zakat-payable strong{font-size:36px}.zakat-v2 .rich-content{font-size:17px}.zakat-explanation-head{align-items:flex-start}.zakat-explanation-icon{flex:0 0 auto}.zakat-v2 .gold-reference-head{display:block}.zakat-v2 .gold-reference-badge{display:inline-block;margin-top:12px}}