:root {
  --bg: #f7fbf8;
  --surface: #ffffff;
  --surface-2: #eef7f2;
  --text: #10231a;
  --muted: #5a6b62;
  --primary: #0f766e;
  --primary-2: #22c55e;
  --accent: #d4a72c;
  --danger: #ef4444;
  --border: #d8e6dc;
  --shadow: 0 15px 45px rgba(15, 118, 110, 0.10);
  --radius: 22px;
  --container: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Inter', 'Cairo', system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
}
body[dir='rtl'] { font-family: 'Cairo', 'Inter', system-ui, sans-serif; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.container { width: min(var(--container), calc(100% - 32px)); margin: 0 auto; }
.section { padding: 72px 0; }
.badge {
  display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.45); color: var(--primary); padding: 10px 16px; border-radius: 999px;
  font-weight: 700; font-size: 14px; backdrop-filter: blur(10px);
}
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  border-radius: 999px; padding: 14px 24px; font-weight: 800; border: 1px solid transparent;
  transition: .25s ease; cursor: pointer; min-height: 52px;
}
.btn-primary { background: linear-gradient(135deg, var(--primary), var(--primary-2)); color: #fff; box-shadow: var(--shadow); }
.btn-primary:hover { transform: translateY(-2px); filter: saturate(1.08); }
.btn-secondary { background: #fff; border-color: var(--border); color: var(--text); }
.btn-secondary:hover { transform: translateY(-2px); border-color: var(--primary); }
.btn-block { width: 100%; }
.header {
  position: sticky; top: 0; z-index: 50; background: rgba(247,251,248,.9); backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(16,35,26,.06);
}
.nav {
  display:flex; align-items:center; justify-content:space-between; min-height: 84px; gap: 18px;
}
.brand { display:flex; align-items:center; gap: 12px; font-weight: 800; }
.brand img { width: 56px; height: 56px; object-fit: contain; }
.brand span { line-height: 1.1; font-size: 18px; }
.nav-links { display:flex; align-items:center; gap: 22px; flex-wrap:wrap; }
.nav-links a { color: var(--muted); font-weight: 700; }
.nav-links a:hover, .nav-links a.active { color: var(--primary); }
.nav-tools { display:flex; align-items:center; gap: 12px; }
.lang-switch, .currency-switch {
  display:inline-flex; border:1px solid var(--border); background:#fff; border-radius:999px; padding:4px; gap:4px;
}
.lang-switch button, .currency-switch button {
  border:0; background:transparent; padding:10px 14px; border-radius:999px; font-weight:800; cursor:pointer;
}
.lang-switch button.active, .currency-switch button.active { background: var(--surface-2); color: var(--primary); }
.hero {
  position: relative; overflow: hidden; min-height: 84vh; display:flex; align-items:center;
  background: linear-gradient(90deg, rgba(9, 22, 18, 0.72), rgba(9, 22, 18, 0.28)), url('../images/hero.png') center/cover no-repeat;
  color: #fff;
}
.hero::after {
  content:''; position:absolute; inset:auto 0 0 0; height:120px; background: linear-gradient(180deg, transparent, var(--bg));
}
.hero-grid { position:relative; z-index:1; display:grid; grid-template-columns: 1.2fr .8fr; gap: 32px; align-items:center; }
.hero-copy h1 { font-size: clamp(38px, 6vw, 72px); line-height: 1.04; margin: 18px 0; }
.hero-copy p { font-size: clamp(18px, 2vw, 22px); line-height: 1.8; max-width: 720px; color: rgba(255,255,255,.9); }
.hero-actions { display:flex; flex-wrap:wrap; gap: 14px; margin-top: 28px; }
.glass-card {
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: var(--radius); padding: 24px; backdrop-filter: blur(12px);
}
.hero-highlights { display:grid; grid-template-columns: 1fr; gap: 16px; }
.hero-stat { display:flex; align-items:center; justify-content:space-between; gap: 12px; }
.hero-stat strong { font-size: 28px; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap: 20px; margin-bottom: 28px; }
.section-head h2 { margin:0; font-size: clamp(28px, 4vw, 44px); }
.section-head p { margin:8px 0 0; color: var(--muted); max-width: 720px; line-height: 1.8; }
.cards { display:grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.card {
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); overflow:hidden; box-shadow: var(--shadow);
  transition: .3s ease; position: relative;
}
.card:hover { transform: translateY(-6px); }
.card-media { position: relative; aspect-ratio: 4 / 3; overflow:hidden; }
.card-media img { width:100%; height:100%; object-fit:cover; transition:.5s ease; }
.card:hover .card-media img { transform: scale(1.05); }
.card-body { padding: 22px; }
.card-body h3 { margin: 0 0 10px; font-size: 24px; }
.card-body p { margin:0; color: var(--muted); line-height: 1.8; min-height: 86px; }
.progress-wrap { margin-top: 18px; }
.progress-meta, .progress-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; font-weight:700; }
.progress-meta { margin-bottom: 8px; color: var(--muted); font-size: 14px; }
.progress-bar { height: 14px; background:#eaf2ed; border-radius:999px; overflow:hidden; }
.progress-fill { height:100%; background: linear-gradient(135deg, var(--primary), var(--primary-2)); width:0; border-radius:inherit; transition: width 1.4s ease; }
.progress-footer { margin-top: 12px; }
.progress-footer strong { font-size: 18px; }
.card-actions { display:flex; gap: 12px; margin-top: 18px; }
.metrics { display:grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.metric {
  background: var(--surface); border:1px solid var(--border); border-radius: var(--radius); padding: 28px; text-align:center;
}
.metric strong { display:block; font-size: clamp(30px, 4vw, 48px); color: var(--primary); }
.metric span { color: var(--muted); font-weight: 700; }
.steps { display:grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.step, .story-card, .info-card {
  background: var(--surface); border:1px solid var(--border); border-radius: var(--radius); padding: 26px; box-shadow: var(--shadow);
}
.step-num {
  width: 52px; height: 52px; border-radius: 50%; background: var(--surface-2); color: var(--primary); font-weight: 800;
  display:flex; align-items:center; justify-content:center; margin-bottom: 16px;
}
.story-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:22px; }
.story-card img { border-radius: 18px; aspect-ratio: 4/3; object-fit: cover; margin-bottom: 16px; }
.cta-banner {
  background: linear-gradient(135deg, var(--primary), #0b4f4a); color:#fff; border-radius: 32px; padding: 36px; display:grid;
  grid-template-columns: 1.2fr .8fr; gap: 24px; align-items:center;
}
.footer { background:#0f1d16; color: #d8e8de; padding: 56px 0 28px; margin-top: 72px; }
.footer-grid { display:grid; grid-template-columns: 1.1fr .8fr .8fr; gap: 22px; }
.footer a { color: #d8e8de; opacity: .88; }
.footer a:hover { opacity: 1; color:#fff; }
.small { color: var(--muted); font-size: 14px; }
.donate-sticky {
  position: fixed; z-index: 60; inset-inline-end: 18px; bottom: 18px; display:flex; gap: 10px; align-items:center;
}
.donate-pill {
  background: linear-gradient(135deg, var(--danger), #fb7185); color: #fff; border-radius: 999px; padding: 14px 18px; font-weight: 900;
  box-shadow: 0 18px 40px rgba(239, 68, 68, 0.35);
}


.toast-inner {
  display: grid;
  grid-template-columns: 40px 1fr 20px;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
}
.toast-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--surface-2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}
.toast-close {
  background: none;
  border: 0;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  color: var(--muted);
  padding: 0;
  align-self: start;
}
.page-hero {
  background: linear-gradient(90deg, rgba(9,22,18,.72), rgba(9,22,18,.36)), var(--page-image) center/cover no-repeat;
  min-height: 54vh; display:flex; align-items:end; color:#fff; padding: 72px 0 42px;
}
.page-hero h1 { font-size: clamp(34px, 5vw, 58px); margin: 14px 0 10px; }
.page-layout { display:grid; grid-template-columns: 1.2fr .8fr; gap: 28px; align-items:start; }
.sidebar-box { position: sticky; top: 110px; }
.surface { background:#fff; border:1px solid var(--border); border-radius: var(--radius); padding: 28px; box-shadow: var(--shadow); }
.rich-text p, .rich-text li { line-height: 1.95; color: var(--muted); }
.rich-text ul { padding-inline-start: 22px; }
.form-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.field { display:flex; flex-direction:column; gap:8px; }
.field input, .field textarea, .field select {
  width:100%; border:1px solid var(--border); background:#fff; min-height: 52px; border-radius: 16px; padding: 12px 16px;
  font: inherit; color: var(--text);
}
.field textarea { min-height: 140px; resize: vertical; }
.amounts { display:grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 18px 0; }
.amount-btn {
  border:1px solid var(--border); border-radius: 18px; min-height: 58px; background:#fff; font-weight:800; cursor:pointer; transition:.25s ease;
}
.amount-btn.active, .amount-btn:hover { border-color: var(--primary); background: var(--surface-2); color: var(--primary); }
.notice { padding: 14px 16px; border-radius: 18px; background: #fff7e6; color:#7c5f15; border:1px solid #f4dda5; }
.inline-list { display:flex; flex-wrap:wrap; gap: 10px 18px; padding:0; list-style:none; margin:0; }
.inline-list li::before { content:'•'; color: var(--primary-2); margin-inline-end: 8px; }
.mobile-menu-toggle { display:none; }
@keyframes slideUp { from { transform: translateY(18px); opacity:0; } to { transform: translateY(0); opacity:1; } }
.reveal { opacity:0; transform: translateY(22px); transition: .6s ease; }
.reveal.visible { opacity:1; transform:none; }
@media (max-width: 1024px) {
  .hero-grid, .page-layout, .cta-banner, .footer-grid { grid-template-columns: 1fr; }
  .cards, .metrics, .steps, .story-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .nav { min-height:72px; }
  .mobile-menu-toggle { display:inline-flex; border:1px solid var(--border); background:#fff; border-radius: 12px; width:46px; height:46px; align-items:center; justify-content:center; }
  .nav-links { display:none; position:absolute; top:72px; inset-inline:16px; background:#fff; border:1px solid var(--border); border-radius: 20px; padding:16px; box-shadow:var(--shadow); }
  .nav-links.open { display:flex; flex-direction:column; align-items:flex-start; }
  .nav-tools .currency-switch { display:none; }
  .hero { min-height: 72vh; }
  .cards, .metrics, .steps, .story-grid, .amounts, .form-grid { grid-template-columns: 1fr; }
  .hero-copy h1 { font-size: 38px; }
  .section { padding: 58px 0; }
}

/* Header refinement */
.header {
  background: rgba(255,255,255,.88);
  border-bottom: 1px solid rgba(16,35,26,.08);
  box-shadow: 0 8px 24px rgba(16,35,26,.04);
}
.nav {
  min-height: 92px;
}
.brand {
  gap: 14px;
  min-width: 0;
}
.brand-mark {
  width: 84px;
  height: 58px;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff, #eef7f2);
  border: 1px solid rgba(15,118,110,.10);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.95),
    inset 0 -8px 18px rgba(15,118,110,.08),
    0 10px 24px rgba(15,118,110,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
}
.brand-mark img {
  width: 46px;
  height: 46px;
  object-fit: contain;
  filter: drop-shadow(0 2px 4px rgba(15,118,110,.14));
}
.brand-text {
  display:flex;
  flex-direction:column;
  gap: 2px;
  min-width: 0;
}
.brand-text strong {
  font-size: 20px;
  line-height: 1.05;
  letter-spacing: -.02em;
}
.brand-text small {
  font-size: 12px;
  color: var(--muted);
  font-weight: 800;
  line-height: 1.2;
}
.header-donate {
  min-width: 126px;
  padding-inline: 26px;
  font-size: 16px;
  box-shadow: 0 16px 34px rgba(34,197,94,.22);
}
.brand-footer .brand-mark {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), inset 0 -10px 18px rgba(255,255,255,.03);
}
.brand-footer .brand-text small {
  color: rgba(216,232,222,.76);
}
.donate-sticky {
  display: none;
}

@media (max-width: 760px) {
  .nav {
    display:grid;
    grid-template-columns: auto 1fr auto auto;
    align-items:center;
    gap: 10px;
    min-height: 84px;
    padding-block: 10px;
  }
  .brand {
    order: 3;
    justify-self: end;
    gap: 10px;
  }
  body[dir='rtl'] .brand {
    justify-self: end;
  }
  body[dir='ltr'] .brand {
    justify-self: start;
  }
  .brand-mark {
    width: 64px;
    height: 46px;
    border-radius: 16px;
  }
  .brand-mark img {
    width: 34px;
    height: 34px;
  }
  .brand-text strong {
    font-size: 16px;
    line-height: 1.02;
  }
  .brand-text small {
    font-size: 10px;
  }
  .nav-tools {
    display: contents;
  }
  .lang-switch {
    order: 2;
    justify-self: center;
  }
  .header-donate {
    order: 1;
    min-width: 88px;
    min-height: 48px;
    padding: 10px 16px;
    font-size: 15px;
    justify-self: start;
  }
  .mobile-menu-toggle {
    order: 4;
    justify-self: end;
  }
  .nav-links {
    top: 84px;
  }
}


/* Minimalist header update */
.minimalist-nav{position:relative;min-height:86px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;}
.brand-logo-only{gap:0;justify-self:center;}
.brand-engraved{display:flex;align-items:center;justify-content:center;width:132px;height:64px;padding:0 14px;border-radius:22px;background:linear-gradient(180deg,#ffffff 0%,#f6fbf8 100%);border:1px solid rgba(15,118,110,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.98), inset 0 -14px 22px rgba(15,118,110,.05), inset 0 0 0 1px rgba(255,255,255,.55), 0 8px 18px rgba(16,35,26,.05);}
.brand-engraved img{width:92px;height:34px;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(255,255,255,.55));}
.always-visible{display:inline-flex !important;width:54px;height:54px;border-radius:18px;background:#fff;border:1px solid rgba(16,35,26,.08);box-shadow:0 8px 18px rgba(16,35,26,.05);align-items:center;justify-content:center;font-size:24px;color:#2383e2;justify-self:start;}
.donate-round{min-width:0;height:54px;padding:0 24px;border-radius:999px;box-shadow:0 16px 30px rgba(34,197,94,.22);font-size:15px;justify-self:end;}
.drawer-menu{display:none;position:absolute;top:calc(100% + 10px);inset-inline:0;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:24px;padding:18px;box-shadow:0 22px 45px rgba(16,35,26,.12);z-index:80;flex-direction:column;align-items:flex-start;gap:14px;}
.drawer-menu.open{display:flex;}
.drawer-menu a{font-weight:800;color:var(--text);width:100%;padding:4px 2px;}
.drawer-controls{display:flex;flex-direction:column;gap:12px;width:100%;padding-top:8px;border-top:1px solid var(--border);}
.drawer-controls .lang-switch,.drawer-controls .currency-switch{width:max-content;max-width:100%;flex-wrap:wrap;}
.nav-links a:hover,.nav-links a.active{color:var(--primary);}
@media (min-width: 761px){.minimalist-nav{grid-template-columns:auto 1fr auto;}.brand-logo-only{justify-self:center;}.always-visible{justify-self:start;}.donate-round{justify-self:end;}.drawer-menu{inset-inline-start:auto;inset-inline-end:0;width:320px;}}
@media (max-width:760px){.minimalist-nav{grid-template-columns:auto 1fr auto;min-height:82px;padding-block:10px;gap:12px;}.brand-engraved{width:120px;height:58px;border-radius:20px;padding:0 12px;}.brand-engraved img{width:82px;height:30px;}.always-visible{width:50px;height:50px;border-radius:16px;font-size:22px;}.donate-round{height:50px;padding:0 20px;font-size:14px;}.drawer-menu{top:calc(100% + 8px);inset-inline:0;}}



/* v5 header logo refinement */
.minimalist-nav{
  position:relative;
  min-height:86px;
  display:grid;
  grid-template-columns:54px 1fr auto;
  align-items:center;
  gap:16px;
}
.brand-logo-only{
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
}
.brand-engraved{
  display:flex;
  align-items:center;
  justify-content:center;
  width:auto;
  height:auto;
  padding:0;
  border-radius:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.brand-engraved img{
  width:118px;
  height:auto;
  max-height:40px;
  object-fit:contain;
  filter:none;
}
.always-visible{
  display:inline-flex !important;
  width:54px;
  height:54px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(16,35,26,.08);
  box-shadow:0 8px 18px rgba(16,35,26,.05);
  align-items:center;
  justify-content:center;
  font-size:24px;
  color:#2383e2;
  justify-self:start;
}
.donate-round{
  justify-self:end;
}
@media (max-width:760px){
  .minimalist-nav{grid-template-columns:50px 1fr auto;min-height:82px;padding-block:10px;gap:12px;}
  .brand-engraved img{width:110px;max-height:36px;}
  .always-visible{width:50px;height:50px;border-radius:16px;font-size:22px;}
}


/* v6 header balance fix */
.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);}
.minimalist-nav{grid-template-columns:54px 1fr auto;min-height:82px;gap:14px;}
.brand-logo-only{justify-self:center;display:flex;align-items:center;justify-content:center;}
.brand-engraved{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;border-radius:0 !important;width:auto !important;height:auto !important;}
.brand-engraved img{width:132px !important;max-height:46px !important;height:auto !important;object-fit:contain;display:block;}
.donate-round{height:48px !important;padding:0 16px !important;border-radius:999px !important;font-size:14px !important;box-shadow:0 10px 22px rgba(34,197,94,.22) !important;}
.always-visible{width:52px;height:52px;border-radius:16px;}
@media (max-width:760px){
  .minimalist-nav{grid-template-columns:52px 1fr auto;min-height:78px;padding-block:10px;gap:10px;}
  .brand-engraved img{width:126px !important;max-height:44px !important;}
  .donate-round{height:46px !important;padding:0 15px !important;font-size:13px !important;}
  .always-visible{width:48px;height:48px;border-radius:15px;font-size:22px;}
}


/* v7 final professional header */
.header{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  background:rgba(255,255,255,.96) !important;
  backdrop-filter:blur(12px) !important;
  box-shadow:0 8px 28px rgba(16,35,26,.06) !important;
  border-bottom:1px solid rgba(16,35,26,.06) !important;
}
.minimalist-nav{
  min-height:84px !important;
  display:grid !important;
  grid-template-columns:56px 1fr auto !important;
  align-items:center !important;
  gap:14px !important;
}
.brand-logo-only{
  justify-self:center !important;
}
.brand-engraved{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  width:auto !important;
  height:auto !important;
}
.brand-engraved img{
  width:168px !important;
  max-height:58px !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
}
.always-visible{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  justify-self:start !important;
  width:56px !important;
  height:56px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid rgba(15,118,110,.10) !important;
  color:var(--primary) !important;
  box-shadow:0 10px 24px rgba(16,35,26,.07) !important;
  font-size:24px !important;
  line-height:1 !important;
}
.always-visible:hover{transform:translateY(-1px);}
.donate-round,.header-donate{
  justify-self:end !important;
  min-width:auto !important;
  width:auto !important;
  height:52px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  font-size:15px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  line-height:1 !important;
  box-shadow:0 14px 28px rgba(34,197,94,.24) !important;
}
@media (max-width:760px){
  .minimalist-nav{
    grid-template-columns:52px 1fr auto !important;
    min-height:78px !important;
    gap:10px !important;
    padding-block:10px !important;
  }
  .brand-engraved img{
    width:156px !important;
    max-height:52px !important;
  }
  .always-visible{
    width:52px !important;
    height:52px !important;
    border-radius:16px !important;
    font-size:22px !important;
  }
  .donate-round,.header-donate{
    height:50px !important;
    padding:0 18px !important;
    font-size:14px !important;
  }
}


/* v8 header final fix */
.brand-engraved img{width:220px !important; max-height:64px !important;}
.mobile-menu-toggle.always-visible{padding:0 !important; gap:5px; flex-direction:column; color:transparent !important; background:linear-gradient(180deg,#ffffff,#f5fbf7) !important; border:1px solid rgba(22,131,109,.12) !important; box-shadow:0 10px 24px rgba(16,35,26,.08) !important; transition:transform .2s ease, box-shadow .2s ease, background .2s ease !important;}
.mobile-menu-toggle.always-visible:hover{transform:translateY(-1px); box-shadow:0 14px 28px rgba(16,35,26,.12) !important;}
.mobile-menu-toggle.always-visible span{display:block; width:20px; height:2.5px; border-radius:999px; background:#16836d; transform-origin:center; transition:transform .28s ease, opacity .2s ease, width .2s ease, background .2s ease;}
.mobile-menu-toggle.always-visible.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
.mobile-menu-toggle.always-visible.open span:nth-child(2){opacity:0; transform:scaleX(.3);}
.mobile-menu-toggle.always-visible.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}
body[dir="rtl"] .minimalist-nav{grid-template-columns:auto 1fr auto !important;}
body[dir="rtl"] .mobile-menu-toggle.always-visible{justify-self:end !important;}
body[dir="rtl"] .brand-logo-only{justify-self:center !important;}
body[dir="rtl"] .donate-round, body[dir="rtl"] .header-donate{justify-self:start !important;}
@media (max-width:760px){
  .header{background:rgba(255,255,255,.985) !important;}
  .minimalist-nav{grid-template-columns:52px 1fr auto !important; min-height:76px !important; gap:8px !important;}
  .brand-engraved img{width:190px !important; max-height:56px !important;}
  .mobile-menu-toggle.always-visible{width:50px !important; height:50px !important; border-radius:16px !important;}
  .mobile-menu-toggle.always-visible span{width:18px; height:2.3px;}
  .mobile-menu-toggle.always-visible.open span:nth-child(1){transform:translateY(6.9px) rotate(45deg);}
  .mobile-menu-toggle.always-visible.open span:nth-child(3){transform:translateY(-6.9px) rotate(-45deg);}
  .donate-round,.header-donate{height:46px !important; padding:0 14px !important; font-size:13px !important; min-width:96px !important; white-space:nowrap !important;}
}


/* v10 currency selector */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.currency-switch{display:flex;align-items:center;}
.currency-switch select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background:#fff;border:1px solid rgba(6,95,70,.14);color:#0f172a;
  border-radius:999px;padding:10px 42px 10px 14px;min-width:210px;max-width:100%;
  font:600 14px/1.2 Inter, Cairo, sans-serif;box-shadow:0 6px 18px rgba(6,95,70,.08);
  background-image:linear-gradient(45deg, transparent 50%, #16A34A 50%),linear-gradient(135deg, #16A34A 50%, transparent 50%);
  background-position:calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px);
  background-size:6px 6px,6px 6px;background-repeat:no-repeat;
}
.currency-switch select:focus{outline:none;border-color:#16A34A;box-shadow:0 0 0 4px rgba(34,197,94,.12);}
.drawer-controls{display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
@media (max-width: 767px){.currency-switch select{min-width:190px;font-size:13px;padding:9px 40px 9px 12px;}}


/* HERO OVERLAY for better text readability */
.hero{ position: relative; }
.hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  z-index: 1;
}
.hero .hero-content, .hero .container, .hero .content{
  position: relative;
  z-index: 2;
}



/* Campaign cards hover improvement */
.campaign-card,
.campaigns .card,
.campaign-card-item,
.campaign-item{
  transition: transform .25s ease, box-shadow .25s ease;
}

.campaign-card:hover,
.campaigns .card:hover,
.campaign-card-item:hover,
.campaign-item:hover{
  transform: translateY(-6px);
  box-shadow: 0 14px 30px rgba(0,0,0,0.12);
}



/* Animated donation progress */
.progress,
.progress-bar,
.donation-progress,
.campaign-progress{
  position: relative;
  overflow: hidden;
}

.progress-bar-fill,
.donation-progress-fill,
.campaign-progress-fill{
  width: 0 !important;
  transition: width 1.6s ease;
}

.progress-percent,
.progress-percentage,
.percent-value{
  display: inline-block;
  min-width: 3ch;
}



/* Campaign stats improvement */
.campaign-stats,
.stats-row,
.donation-stats{
  display:flex;
  gap:24px;
  align-items:center;
  margin-top:18px;
  flex-wrap:wrap;
}

.stat-item{
  display:flex;
  flex-direction:column;
}

.stat-amount{
  font-size:26px;
  font-weight:700;
  color:#16A34A;
}

.stat-goal{
  font-size:14px;
  opacity:0.7;
}

.stat-donors{
  font-size:14px;
  display:flex;
  align-items:center;
  gap:6px;
}



/* Donate button improvement */
.donate-btn,
.campaign-donate-btn,
.btn-donate{
  background: linear-gradient(45deg,#16A34A,#22C55E);
  color:#fff;
  padding:14px 26px;
  font-size:16px;
  font-weight:700;
  border-radius:40px;
  border:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:0 6px 18px rgba(0,0,0,0.15);
  transition:all .25s ease;
}

.donate-btn:hover,
.campaign-donate-btn:hover,
.btn-donate:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(0,0,0,0.18);
}



/* Donation trust message */
.donation-trust{
  font-size:13px;
  margin-top:10px;
  color:#444;
  opacity:.85;
}



/* Quick donation amounts */
.quick-amounts{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

.quick-amount{
  border:1px solid rgba(22,163,74,.22);
  background:#fff;
  color:#166534;
  padding:10px 16px;
  border-radius:999px;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition:all .2s ease;
  box-shadow:0 2px 8px rgba(0,0,0,0.04);
}

.quick-amount:hover{
  background:#16A34A;
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(22,163,74,.18);
}



/* Fix campaign hero layout */
.donation-trust{display:block;margin-top:10px;margin-bottom:10px;font-size:13px;color:#4b5563;line-height:1.6;}
.quick-amounts{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;margin-bottom:8px;clear:both;}
.quick-amount{border:1px solid rgba(22,163,74,.22);background:#fff;color:#166534;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
.page-hero + .quick-amounts,.page-hero + .donation-trust{display:none !important;}



/* Keep header layout fixed in both Arabic and English */
.minimalist-nav,
.site-header,
.header,
.navbar{
  direction:ltr !important;
}

.minimalist-nav{
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
}

.mobile-menu-toggle,
.mobile-menu-toggle.always-visible,
.menu-btn,
.header-menu{
  justify-self:start !important;
}

.brand-logo-only,
.logo,
.logo-box,
.header-logo{
  justify-self:center !important;
  text-align:center !important;
}

.donate-round,
.header-donate,
.donate-btn{
  justify-self:end !important;
  white-space:nowrap !important;
}



/* General donate page clean hero copy */
.page-hero-copy{
  max-width: 760px;
  margin: 14px auto 0;
  font-size: 1.1rem;
  line-height: 1.9;
  color: rgba(255,255,255,.96);
}



/* Stripe wired donation widgets */
.page-hero-copy{
  max-width: 760px;
  margin: 14px auto 0;
  font-size: 1.05rem;
  line-height: 1.9;
  color: rgba(255,255,255,.96);
}
.amounts{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
  margin-bottom:12px;
}
.amount-btn{
  border:1px solid rgba(22,163,74,.22);
  background:#fff;
  color:#166534;
  padding:10px 16px;
  border-radius:999px;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition:all .2s ease;
  box-shadow:0 2px 8px rgba(0,0,0,0.04);
}
.amount-btn:hover,
.amount-btn.active{
  background:#16A34A;
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(22,163,74,.18);
}
.field input[name="custom_amount"]{
  width:100%;
  padding:12px 14px;
  border:1px solid rgba(15,23,42,.12);
  border-radius:14px;
  outline:none;
  margin-top:6px;
}
.btn.btn-primary.btn-block[disabled]{
  opacity:.7;
  cursor:not-allowed;
}



/* Text polish additions */
.section-intro{
  margin:10px 0 0;
  max-width:760px;
  color:#64748b;
  line-height:1.85;
  font-size:1rem;
}
body[dir="rtl"] .section-intro{
  margin-right:0;
}



/* Long-form content pages */
.rich-text p{line-height:1.95;}
.rich-text ul{padding-inline-start:1.2rem; line-height:1.9;}
.rich-text li{margin:.35rem 0;}


/* Content page polish */
.rich-text p{line-height:1.95;}
.rich-text ul{padding-inline-start:1.2rem; line-height:1.9;}
.rich-text li{margin:.35rem 0;}
.partner-logos{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:16px;
  margin-top:18px;
}
.partner-logo{
  border:1px dashed rgba(15,23,42,.14);
  border-radius:16px;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#64748b;
  background:#fff;
  font-weight:700;
}


/* progress animation */
.progress-fill{
  transition: width 1.2s ease;
}

/* percent text */
.progress-percent{
  font-size:13px;
  font-weight:600;
  color:#166534;
  margin-top:6px;
}


/* Scroll progress polish */
.progress-fill{
  transition: width 1.2s ease;
}
.progress-percent{
  min-height: 20px;
}


/* Fix campaign page header logo visibility */
.brand-logo-only,
.brand-logo-only img,
.brand-mark img,
.header .brand img{
  display:block;
  opacity:1;
  visibility:visible;
}
.brand-logo-only img,
.brand-mark img,
.header .brand img{
  max-height:56px;
  width:auto;
  object-fit:contain;
}
.minimalist-nav .brand-logo-only{
  justify-self:center;
}



/* Footer plain logo without card */
.footer-brand-plain{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:14px;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}
.footer-brand-logo{
  display:block;
  width:84px;
  max-width:84px;
  height:auto;
  object-fit:contain;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.footer-brand-text{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.footer-brand-text strong{
  color:#fff;
  font-size:1.6rem;
  line-height:1.15;
}
.footer-brand-text small{
  color:rgba(255,255,255,.86);
  font-size:1rem;
  font-weight:700;
}
.brand-footer,
.brand-footer .brand-mark,
.brand-footer .brand-text{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}



/* Partner logos */
.partner-logo{
  padding:18px;
  min-height:110px;
}
.partner-logo img{
  max-width:100%;
  max-height:74px;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
  margin:auto;
}


/* Conversion upgrade */
.urgency-bar{
  background: linear-gradient(135deg, #b91c1c, #ef4444);
  color:#fff;
  padding: 12px 0;
  text-align:center;
  font-weight:800;
  font-size:15px;
  position: relative;
  z-index: 2;
}
.hero-trust-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.hero-trust-list span,
.secure-points span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:14px;
  font-weight:700;
}
.hero-trust-list span::before,
.secure-points span::before{
  content:"✓";
  font-weight:900;
}
.trust-strip-section{
  padding-top: 34px;
  padding-bottom: 18px;
}
.trust-strip{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.trust-item{
  background:#fff;
  border:1px solid var(--border);
  border-radius: 22px;
  padding: 22px;
  box-shadow: var(--shadow);
}
.trust-item strong{
  display:block;
  margin-bottom:8px;
  color: var(--primary);
  font-size:17px;
}
.trust-item span{
  color: var(--muted);
  line-height:1.8;
}
.impact-inline-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 22px 0;
}
.impact-inline-card{
  border:1px solid var(--border);
  background: linear-gradient(180deg, #fff, var(--surface-2));
  border-radius: 18px;
  padding: 18px;
}
.impact-inline-card strong{
  display:block;
  margin-bottom:8px;
  color:var(--primary);
}
.impact-inline-card span{
  color:var(--muted);
  line-height:1.7;
  font-size:14px;
}
.mini-badge{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background: var(--surface-2);
  color: var(--primary);
  font-weight:800;
  font-size:13px;
}
.donation-panel-head h3{
  margin:12px 0 8px;
  font-size:28px;
}
.donate-side-copy{
  line-height:1.8;
}
.impact-estimate{
  margin: 4px 0 16px;
  padding: 14px 16px;
  border-radius: 18px;
  background: #f5fbf7;
  border:1px solid var(--border);
  color: var(--primary);
  font-weight:700;
  line-height:1.8;
  min-height: 58px;
}
.secure-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.secure-points span{
  background: var(--surface-2);
  color: var(--primary);
  border-color: var(--border);
}
.amount-btn{
  min-height: 62px;
  font-size: 16px;
}
.amount-btn.active,
.amount-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(15, 118, 110, .10);
}

.toast-inner{
  align-items:flex-start;
}
.toast [data-toast-text]{
  line-height:1.7;
  color: var(--text);
}
.footer-grid{
  align-items:start;
}
select[data-currency-select]{
  border:0;
  background:transparent;
  padding: 10px 14px;
  font: inherit;
  color: var(--text);
  font-weight:700;
  outline:none;
  min-width: 172px;
}
.story-card img,
.card-media img{
  background:#eef3ef;
}
@media (max-width: 1024px){
  .trust-strip,
  .impact-inline-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 760px){
  .trust-strip,
  .impact-inline-grid{
    grid-template-columns: 1fr;
  }
  .hero-trust-list{
    flex-direction:column;
    align-items:flex-start;
  }
  .donation-panel-head h3{
    font-size:24px;
  }
}

.notification-toast{max-width:280px;font-size:13px;bottom:20px;}


.toast-copy{
  min-width: 0;
}
.toast-copy strong{
  display:block;
  font-size: 15px;
  color: var(--text);
  margin-bottom: 4px;
}
.toast-copy [data-toast-text]{
  display:block;
  font-size: 13px;
  line-height: 1.6;
  color: var(--muted);
}
@media (max-width: 640px){
  
  .toast-inner{
    grid-template-columns: 36px 1fr 18px;
    gap: 8px;
    padding: 10px 12px;
  }
  .toast-icon{
    width: 36px;
    height: 36px;
    font-size: 18px;
  }
  .toast-copy strong{
    font-size: 14px;
  }
  .toast-copy [data-toast-text]{
    font-size: 12px;
  }
}


/* Final cleanup overrides */
.trust-strip-section{display:none !important;}
.toast-inner{
    grid-template-columns: 18px 1fr 36px;
    gap: 8px;
    padding: 10px 12px;
  }
  .toast-copy strong{font-size: 13px;}
  .toast-copy [data-toast-text]{font-size: 11.5px;}
  .toast-icon{width: 36px; height: 36px; font-size: 17px;}
}


.toast.is-visible{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}


/* Verified toast positioning for mobile */


.toast-inner{
  grid-template-columns: 40px 1fr 20px;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
}
.toast-copy{
  min-width: 0;
}
.toast-copy strong{
  display:block;
  font-size: 15px;
  color: var(--text);
  margin-bottom: 4px;
}
.toast-copy [data-toast-text]{
  display:block;
  font-size: 13px;
  line-height: 1.55;
  color: var(--muted);
}
.toast-icon{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--surface-2);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
}
.toast-close{
  background:none;
  border:0;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  color:var(--muted);
  padding:0;
  align-self:start;
}
@media (max-width: 640px){
  
  .toast-inner{
    grid-template-columns: 36px 1fr 18px;
    gap: 8px;
    padding: 10px 12px;
  }
  .toast-icon{
    width: 36px;
    height: 36px;
    font-size: 18px;
  }
  .toast-copy strong{
    font-size: 14px;
  }
  .toast-copy [data-toast-text]{
    font-size: 12px;
  }
}


/* Final verified centered toast */
.toast{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 12px) !important;
  transform: translateY(18px) !important;
  width: min(320px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  background: #fff !important;
  border: 1px solid var(--border) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 44px rgba(4, 24, 18, .18) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 9999 !important;
  overflow: hidden !important;
  transition: opacity .32s ease, transform .32s ease, visibility .32s ease !important;
}
.toast.show{
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
.toast-inner{
  display: grid !important;
  grid-template-columns: 40px 1fr 20px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
}
.toast-copy{
  min-width: 0 !important;
  text-align: center !important;
}
.toast-copy strong{
  display:block !important;
  font-size: 15px !important;
  color: var(--text) !important;
  margin-bottom: 4px !important;
}
.toast-copy [data-toast-text]{
  display:block !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: var(--muted) !important;
}
.toast-icon{
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: var(--surface-2) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:20px !important;
}
.toast-close{
  background:none !important;
  border:0 !important;
  font-size:20px !important;
  line-height:1 !important;
  cursor:pointer !important;
  color:var(--muted) !important;
  padding:0 !important;
  align-self:start !important;
}
@media (max-width: 640px){
  .toast{
    width: min(300px, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
    border-radius: 16px !important;
  }
  .toast-inner{
    grid-template-columns: 36px 1fr 18px !important;
    gap: 8px !important;
    padding: 10px 12px !important;
  }
  .toast-icon{
    width: 36px !important;
    height: 36px !important;
    font-size: 18px !important;
  }
  .toast-copy strong{
    font-size: 14px !important;
  }
  .toast-copy [data-toast-text]{
    font-size: 12px !important;
  }
}