#sadaqa{position:relative;isolation:isolate;margin:40px auto 100px;padding:70px clamp(20px,5vw,80px);max-width:1600px;background:#eae2d5;border-radius:36px;scroll-margin-top:24px}
.sadaqa-calligraphy{position:absolute;z-index:-1;inset:65px 2% auto;pointer-events:none;user-select:none;text-align:center;white-space:nowrap;font-family:"Diwan Thuluth","Al Bayan","Geeza Pro","Traditional Arabic",serif;font-size:clamp(48px,18vw,275px);line-height:2;color:rgba(140,108,59,.14);font-weight:400}
@media(max-width:540px){.sadaqa-calligraphy{top:105px;font-size:15vw}}
#sadaqa .visa-buy{color:#121211;-webkit-text-fill-color:#121211}
#sadaqa .visa-buy:disabled{opacity:1;cursor:not-allowed}
.sadaqa-heading{max-width:850px;margin:0 auto 60px;text-align:center}.sadaqa-heading h2{font-size:clamp(48px,6vw,84px);letter-spacing:-.06em;margin:12px 0 24px}.sadaqa-heading blockquote{font-size:clamp(20px,2vw,28px);line-height:1.6;margin:0 0 22px}.sadaqa-source{font-size:13px;line-height:1.7;color:#625747}.sadaqa-source a{text-decoration:underline;text-underline-offset:4px}
.sadaqa-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}.sadaqa-layout h3{font-size:26px;letter-spacing:-.03em;margin-bottom:12px}.sadaqa-intro{line-height:1.6}.sadaqa-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sadaqa-card{display:flex;flex-direction:column;padding:26px;background:#fffdf8;border:2px solid transparent;border-radius:24px;transition:border-color .2s,background .2s}.sadaqa-card.is-selected{border-color:#9e8153;background:#fff8e9}.sadaqa-card>svg{width:42px;height:42px;fill:none;stroke:#8b704c;stroke-width:1.4;margin-bottom:20px}.sadaqa-card h4{font-size:23px;line-height:1.2;letter-spacing:-.03em;margin:0 0 12px}.sadaqa-card>p{font-size:14px;line-height:1.6;color:#625747}.sadaqa-card .eyebrow{font-size:10px}.sadaqa-price{margin-top:auto;padding:12px 0;font-weight:600}.sadaqa-card label{font-size:12px;line-height:1.5;margin:6px 0}.sadaqa-counter{display:flex;gap:8px}.sadaqa-counter button{width:46px;height:46px;border-radius:50%;border:1px solid #bba98e;background:transparent;font-size:24px;cursor:pointer}.sadaqa-counter input{width:65px;min-width:0;text-align:center;font:inherit;font-size:18px;border:1px solid #c8bbab;border-radius:12px;background:white}.sadaqa-counter button:disabled{opacity:.35;cursor:default}
.sadaqa-basket{position:sticky;top:24px;padding:28px;border-radius:24px;background:#fffdf8}.sadaqa-basket p{line-height:1.6}.sadaqa-total{border-top:1px solid #d5c6b0;padding-top:20px;font-weight:700}.sadaqa-notice{font-size:13px;color:#625747}#sadaqa .visa-buy{display:block;width:100%;padding:16px;border:0;border-radius:28px;font:inherit;font-size:15px;text-align:center;cursor:pointer;line-height:1.4}#sadaqa button:disabled{opacity:.4;cursor:not-allowed}#sadaqa button:focus-visible,#sadaqa input:focus-visible{outline:3px solid #8b704c;outline-offset:3px}
#sadaqa-dialog{width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:28px}#sadaqa-dialog [hidden]{display:none!important}#sadaqa-close{display:block;margin-left:auto;background:none;border:0;font-size:30px;min-width:44px;min-height:44px;cursor:pointer}#sadaqa-dialog h2{font-size:32px}#sadaqa-dialog label{display:block;font-size:14px;line-height:1.5;margin:16px 0}#sadaqa-dialog input,#sadaqa-dialog textarea{display:block;width:100%;margin-top:8px;border:1px solid #c8bbab;border-radius:12px;padding:12px;font:inherit;font-size:16px;background:white}#sadaqa-summary{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6;background:#f1ebe1;padding:16px;border-radius:16px}#sadaqa-edit{padding:12px;border-radius:20px;background:none;border:1px solid #c8bbab;margin:0 0 16px;cursor:pointer}
@media(max-width:1000px){.sadaqa-layout{grid-template-columns:1fr}.sadaqa-basket{position:static}}@media(max-width:540px){#sadaqa{margin:24px 12px 60px;padding:40px 18px}.sadaqa-heading{margin-bottom:36px}.sadaqa-cards{grid-template-columns:1fr}.sadaqa-card{padding:22px}.sadaqa-basket{padding:22px}#sadaqa-dialog{padding:20px}}
.sadaqa-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px;margin-bottom:22px}
.sadaqa-card[data-product="quran"] .sadaqa-photo{object-position:center 40%}
.sadaqa-card[data-product="badal"] .sadaqa-photo{object-position:center 65%}
#sadaqa .visa-buy{display:flex;align-items:center;justify-content:center;gap:14px;padding:17px 20px;border-radius:30px;font-size:16px;font-weight:700}
@media(prefers-reduced-motion:reduce){.sadaqa-card{transition:none}}
@media(min-width:701px){.sadaqa-card[data-product="sacrifice"]{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-items:start}.sadaqa-card[data-product="sacrifice"] .sadaqa-photo{grid-column:1;grid-row:1/7;height:100%;min-height:310px;max-height:400px;margin:0;object-position:center 30%}.sadaqa-card[data-product="sacrifice"]>h4,.sadaqa-card[data-product="sacrifice"]>p,.sadaqa-card[data-product="sacrifice"]>span,.sadaqa-card[data-product="sacrifice"]>label,.sadaqa-card[data-product="sacrifice"]>div{grid-column:2}}