@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
.involved-photo{width:100%;height:210px;object-fit:cover;border-radius:16px;margin-bottom:24px}
.language-switch{display:flex;gap:3px;flex-shrink:0;align-items:center;direction:ltr}.language-switch a{padding:6px 7px;border-radius:6px;text-decoration:none;border:1px solid var(--line);font-size:11px}.language-switch a[aria-current=true]{background:var(--forest);color:white}.locale-wide-image{width:100%;height:360px;object-fit:cover;border-radius:25px;margin-bottom:24px}.locale-card-image{width:calc(100% + 50px);max-width:none;margin:-25px -25px 24px;height:200px;object-fit:cover;border-radius:15px 15px 0 0}.payment-qr{width:220px;height:auto;display:block;background:white;margin:20px 0}.education-options{margin-top:45px}[dir=rtl] body{font-family:'Noto Sans Arabic',sans-serif;line-height:1.95}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .brand-name{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0;line-height:1.55}[dir=rtl] .brand-small{letter-spacing:0;font-size:11px}[dir=rtl] .brand-name{font-size:24px}[dir=rtl] .nav{gap:15px}[dir=rtl] .nav .shop-link{border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:15px}[dir=rtl] .hero h1{font-size:58px}[dir=rtl] .content-grid,[dir=rtl] .education-options{margin:30px 0}[dir=rtl] .panel{overflow:hidden}[dir=rtl] .bank-card dd,[dir=rtl] input[type=email],[dir=rtl] input[type=number],[dir=rtl] .copy-btn,[dir=rtl] .footer-grid a[href*='wa.me']{direction:ltr;unicode-bidi:plaintext}[dir=rtl] .bank-card dd{overflow-wrap:anywhere}[dir=rtl] .hero-copy{max-width:650px}[dir=rtl] .footer-grid{line-height:2}[dir=rtl] #bank-transfer{margin-top:65px}[dir=rtl] .giving-box h2{font-size:26px}.language-switch a:hover{background:var(--mint)}
@media(max-width:1200px){.nav{gap:13px}.nav>a{font-size:11px}.brand-name{font-size:19px}}@media(max-width:960px){.language-switch{margin:16px 0}.language-switch a{font-size:14px;padding:8px 12px}[dir=rtl] .nav{align-items:stretch}}@media(max-width:760px){[dir=rtl] .hero h1{font-size:44px}.locale-wide-image{height:280px}[dir=rtl] .end-cta h2{font-size:34px}[dir=rtl] .page-hero h1{font-size:36px}}@media(max-width:480px){[dir=rtl] .hero h1{font-size:36px}[dir=rtl] .panel h3{font-size:23px}[dir=rtl] .brand-small{font-size:9px}}
