:root{
  --shuaa-ink:#064E3B;
  --shuaa-panel:#064E3B;
  --shuaa-panel-2:#064E3B;
  --shuaa-green:#204C3C;
  --shuaa-green-2:#48A054;
  --shuaa-mint:#48A054;
  --shuaa-soft:#F5FAF7;
  --shuaa-line:rgba(255,255,255,.12);
  --shuaa-dark-line:rgba(6,78,59,.12);
  --shuaa-radius:18px;
  --shuaa-radius-lg:24px;
  --shuaa-shadow:0 24px 60px rgba(0,0,0,.18);
  --shuaa-gold:#b8872d;
  --shuaa-gold-dark:#9a6c25;
  --icon-heart-pulse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3 .5-4.5 2-1.5-1.5-2.7-2-4.5-2A5.5 5.5 0 0 0 2 8.5C2 10.8 3.5 12.5 5 14l7 7Z'/%3E%3Cpath d='M3.2 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.3'/%3E%3C/svg%3E");
  --icon-file-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6Z'/%3E%3Cpath d='M15 2v4a2 2 0 0 0 2 2h2'/%3E%3Cpath d='m9 15 2 2 4-4'/%3E%3C/svg%3E");
  --icon-udhiyah:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.4 16.3c-1.8-.2-3.2-1.7-3.2-3.5 0-1.6 1.1-3 2.6-3.4.4-1.8 2-3.1 3.9-3.1.9 0 1.7.3 2.4.8.7-.7 1.7-1.1 2.8-1.1 2 0 3.7 1.5 4 3.5'/%3E%3Cpath d='M6.4 16.3h9.2c1.5 0 2.8-1 3.2-2.4'/%3E%3Cpath d='M6.7 9.4c.5-.8 1.4-1.3 2.4-1.3'/%3E%3Cpath d='M9.5 6.4c.2 1 .9 1.8 1.9 2.1'/%3E%3Cpath d='M13.8 6.4c-.1 1-.8 1.9-1.7 2.3'/%3E%3Cpath d='M17.1 9.1h1.5c1.3 0 2.4 1.1 2.4 2.4v1c0 1.1-.9 2-2 2h-1.3c-.8 0-1.5-.7-1.5-1.5v-2.8c0-.6.4-1.1.9-1.1Z'/%3E%3Cpath d='M19.2 9.1c.7-.4 1.1-1.1 1.1-1.9 0-.4-.3-.7-.7-.7-.9 0-1.7.7-1.8 1.6'/%3E%3Cpath d='M18.8 11.3h.01'/%3E%3Cpath d='M17.8 13.1c.4.2.8.2 1.2 0'/%3E%3Cpath d='M6.8 16.3v2.6M10.2 16.3v2.6M14.7 16.3v2.6'/%3E%3Cpath d='M6.1 18.9h1.5M9.5 18.9H11M14 18.9h1.5'/%3E%3C/svg%3E");
}

.process-site-section{
  --process-green:#204C3C;
  --process-green-2:#204C3C;
  --process-mint:#F5FAF7;
  --process-text:#064E3B;
  --process-page:#F9FAFB;
  --process-line:#E5E7EB;
  padding:74px 20px 78px !important;
  display:grid;
  place-items:center;
  background:var(--process-page) !important;
  color:var(--process-text) !important;
  border-top:1px solid rgba(6,78,59,.08) !important;
  border-bottom:1px solid rgba(6,78,59,.08) !important;
}

.process-card{
  width:min(100%,824px);
  min-height:720px;
  padding:24px 54px 42px;
  background:#fff;
  border:1px solid rgba(0,0,0,.045);
  border-radius:13px;
  box-shadow:0 7px 22px rgba(0,0,0,.08);
}

.process-head{
  max-width:620px;
  margin:0 auto 24px;
  text-align:center;
}

.process-head h2{
  margin:0;
  color:var(--process-green);
  font-size:34px;
  font-weight:900;
  line-height:1.25;
}

.process-head__rule{
  width:52px;
  height:3px;
  margin:7px auto 13px;
  border-radius:999px;
  background:#48A054;
}

.process-head p{
  margin:0 auto;
  color:#111827;
  font-size:15.8px;
  font-weight:650;
  line-height:1.95;
}

.process-list{
  position:relative;
  width:min(100%,648px);
  margin:0 auto;
  display:grid;
  gap:0;
}

.process-list::before{
  content:"";
  position:absolute;
  top:29px;
  bottom:29px;
  right:15px;
  width:1px;
  background:linear-gradient(180deg, transparent, var(--process-line) 6%, var(--process-line) 94%, transparent);
}

.process-step{
  position:relative;
  min-height:0;
  padding:13px 0 16px;
}

.step-copy{
  display:grid;
  direction:ltr;
  grid-template-columns:74px minmax(0,1fr);
  column-gap:16px;
  align-items:center;
}

.step-title{
  grid-column:2;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  margin-bottom:7px;
  direction:rtl;
  text-align:right;
}

.step-copy h3{
  margin:0;
  color:var(--process-green);
  font-size:18.2px;
  font-weight:900;
  line-height:1.45;
}

.step-copy p{
  grid-column:2;
  margin:0;
  padding-inline-start:40px;
  color:#111827;
  font-size:14.8px;
  font-weight:650;
  line-height:1.92;
  direction:rtl;
  text-align:right;
}

.step-icon{
  grid-column:1;
  grid-row:1 / span 2;
  width:64px;
  height:64px;
  margin:0;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--process-mint);
  color:var(--process-green);
}

.step-icon svg{
  width:38px;
  height:38px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}

.step-number{
  position:relative;
  z-index:1;
  width:30px;
  height:30px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(180deg,var(--process-green-2),var(--process-green));
  color:#fff;
  font-size:12.5px;
  font-weight:900;
  box-shadow:0 4px 9px rgba(32,76,60,.24);
}

@media (max-width:760px){
  .process-site-section{
    padding:46px 10px 52px !important;
  }
  .process-card{
    min-height:0;
    padding:24px 18px 32px;
  }
  .process-head h2{
    font-size:30px;
    line-height:1.22;
  }
  .process-head p{
    font-size:14.7px;
    font-weight:650;
    line-height:1.9;
  }
  .process-list{
    width:100%;
  }
  .process-list::before{
    top:31px;
    bottom:31px;
    right:14px;
  }
  .process-step{
    min-height:0;
    padding:14px 0;
  }
  .step-copy{
    grid-template-columns:56px minmax(0,1fr);
    column-gap:12px;
  }
  .step-icon{
    width:52px;
    height:52px;
  }
  .step-icon svg{
    width:31px;
    height:31px;
  }
  .step-number{
    width:27px;
    height:27px;
    font-size:12px;
  }
  .step-copy h3{
    font-size:16.4px;
    line-height:1.45;
  }
  .step-copy p{
    padding-inline-start:37px;
    font-size:14px;
    font-weight:650;
    line-height:1.85;
  }
}

@media (max-width:430px){
  .process-site-section{
    padding:34px 8px 42px !important;
  }
  .process-card{
    padding:22px 14px 30px;
  }
  .process-head{
    margin-bottom:20px;
  }
  .process-head h2{
    font-size:28px;
  }
  .process-head p{
    font-size:14.2px;
  }
  .process-list::before{
    right:13px;
  }
  .step-copy{
    grid-template-columns:52px minmax(0,1fr);
    column-gap:10px;
  }
  .step-icon{
    width:48px;
    height:48px;
  }
  .step-icon svg{
    width:29px;
    height:29px;
  }
  .step-number{
    width:26px;
    height:26px;
    font-size:11.5px;
  }
  .step-title{
    gap:8px;
  }
  .step-copy h3{
    font-size:15.8px;
  }
  .step-copy p{
    padding-inline-start:34px;
    font-size:13.6px;
    line-height:1.82;
  }
}

    .islam-giving-section{
      --islam-green:#204C3C;
      --islam-green-2:#204C3C;
      --islam-mint:#F5FAF7;
      --islam-gold:#b8872d;
      --islam-text:#064E3B;
      direction:rtl;
      padding:0;
      background:#F5FAF7;
      color:var(--islam-text);
    }

    .islam-giving-panel{
      position:relative;
      width:min(100%,1340px);
      margin:0 auto;
      padding:46px 48px 38px;
      overflow:hidden;
      border:0;
      border-radius:0;
      background:
        radial-gradient(circle at 50% 7%, rgba(32,76,60,.045), transparent 22%),
        linear-gradient(180deg, #F5FAF7 0%, #ffffff 42%, #F5FAF7 100%);
      box-shadow:none;
    }

    .islam-decor{
      position:absolute;
      z-index:0;
      pointer-events:none;
      user-select:none;
    }

    .islam-decor--crescent{
      top:40px;
      left:94px;
      width:62px;
      opacity:.78;
    }

    .islam-decor--mosque{
      top:120px;
      left:0;
      width:286px;
      opacity:.82;
    }

    .islam-decor--leaves-left{
      top:242px;
      left:-6px;
      width:122px;
      opacity:.82;
    }

    .islam-decor--leaves-right{
      top:92px;
      right:-8px;
      width:214px;
      opacity:.9;
    }

    .islam-giving-panel > :not(.islam-decor){
      position:relative;
      z-index:1;
    }

    .islam-giving-head{
      max-width:850px;
      margin:0 auto 36px;
      text-align:center;
    }

    .islam-title-row{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:24px;
    }

    .islam-title-row span{
      display:none;
    }

    .islam-giving-head h2{
      margin:0;
      color:var(--islam-green);
      font-size:56px;
      font-weight:900;
      line-height:1.2;
      text-shadow:0 3px 0 rgba(32,76,60,.08);
    }

    .islam-title-rule{
      position:relative;
      width:82px;
      height:3px;
      margin:16px auto 24px;
      border-radius:999px;
      background:var(--islam-green);
    }

    .islam-title-rule::before{
      content:"";
      position:absolute;
      top:50%;
      left:50%;
      width:10px;
      height:10px;
      border:3px solid #F5FAF7;
      background:var(--islam-green);
      transform:translate(-50%,-50%) rotate(45deg);
    }

    .islam-title-rule::after{
      content:"";
      position:absolute;
      top:50%;
      left:50%;
      z-index:-1;
      width:184px;
      height:2px;
      border-radius:999px;
      background:linear-gradient(90deg, transparent, var(--islam-green) 18%, var(--islam-green) 82%, transparent);
      transform:translate(-50%,-50%);
    }

    .islam-giving-head p{
      margin:0 auto;
      max-width:800px;
      color:#064E3B;
      font-size:23px;
      font-weight:520;
      line-height:1.85;
    }

    .islam-giving-grid{
      display:grid;
      direction:ltr;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:22px 36px;
      width:min(100%,1210px);
      margin:42px auto 0;
    }

    .islam-giving-card{
      direction:rtl;
      min-height:300px;
      display:grid;
      justify-items:center;
      align-content:start;
      padding:24px 24px 22px;
      text-align:center;
      border:1px solid rgba(6,78,59,.07);
      border-radius:14px;
      background:rgba(255,255,255,.96);
      box-shadow:0 10px 26px rgba(6,78,59,.11);
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }

    .islam-giving-card:hover{
      transform:translateY(-3px);
      border-color:rgba(6,78,59,.16);
      box-shadow:0 18px 36px rgba(6,78,59,.11);
    }

    .islam-card__icon{
      width:188px;
      height:150px;
      display:grid;
      place-items:center;
      margin-bottom:16px;
      border-radius:0;
      color:var(--islam-green);
      background:transparent;
    }

    .islam-card__icon img{
      display:block;
      width:100%;
      height:100%;
      object-fit:contain;
    }

    .islam-card__icon svg{
      width:70px;
      height:70px;
      fill:none;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .islam-card__icon svg *{
      vector-effect:non-scaling-stroke;
    }

    .islam-card__icon .icon-green{
      stroke:var(--islam-green);
      stroke-width:1.9;
    }

    .islam-card__icon .icon-gold{
      stroke:var(--islam-gold);
      stroke-width:1.85;
    }

    .islam-giving-card h3{
      margin:0;
      color:var(--islam-green);
      font-size:30px;
      font-weight:900;
      line-height:1.35;
    }

    .islam-card__rule{
      display:none;
    }

    .islam-giving-card p{
      margin:0;
      color:#111827;
      font-size:18px;
      font-weight:500;
      line-height:1.7;
    }

    .islam-giving-note-row{
      display:flex;
      align-items:center;
      justify-content:center;
      direction:rtl;
      gap:12px;
      width:min(100%,1210px);
      margin:34px auto 0;
    }

    .islam-giving-note{
      position:relative;
      flex:1 1 auto;
      min-height:62px;
      margin:0;
      padding:14px 22px;
      border:1px solid rgba(6,78,59,.16);
      border-radius:13px;
      background:linear-gradient(90deg, rgba(245,250,247,.95), rgba(245,250,247,.98));
      text-align:center;
      overflow:hidden;
    }

    .islam-giving-note::after{
      content:none;
    }

    .islam-note__icon{
      width:auto;
      height:auto;
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:var(--islam-green);
      background:transparent;
      border:0;
      border-radius:0;
      font-size:30px;
      font-weight:900;
      line-height:1;
    }

    .islam-note__icon svg{
      width:24px;
      height:24px;
      fill:none;
      stroke:currentColor;
      stroke-width:2.2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .islam-giving-note p{
      direction:rtl;
      margin:0;
      color:#111827;
      font-size:16px;
      font-weight:500;
      line-height:1.75;
    }

    .islam-giving-note strong{
      color:var(--islam-green);
      font-weight:900;
    }

    @media (max-width:900px){
      .islam-giving-panel{
        padding:48px 24px 24px;
      }

      .islam-giving-head h2{
        font-size:44px;
      }

      .islam-giving-head p{
        max-width:720px;
        font-size:19px;
      }

      .islam-giving-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:16px;
        width:min(100%,720px);
      }

      .islam-decor--crescent{
        left:34px;
        width:52px;
      }

      .islam-decor--mosque{
        width:220px;
      }

      .islam-decor--leaves-left{
        width:86px;
      }

      .islam-decor--leaves-right{
        width:150px;
      }
    }

    @media (max-width:760px){
      .islam-giving-section{
        padding:16px 8px 30px;
      }

      .islam-giving-panel{
        padding:30px 10px 14px;
        border-radius:18px;
      }

      .islam-decor--mosque,
      .islam-decor--leaves-left{
        display:none;
      }

      .islam-decor--crescent{
        top:18px;
        left:20px;
        width:38px;
        opacity:.5;
      }

      .islam-decor--leaves-right{
        top:48px;
        right:-36px;
        width:110px;
        opacity:.46;
      }

      .islam-title-row{
        gap:9px;
      }

      .islam-giving-head{
        margin-bottom:18px;
      }

      .islam-giving-head h2{
        font-size:30px;
      }

      .islam-title-rule{
        margin:10px auto 14px;
      }

      .islam-giving-head p{
        max-width:430px;
        font-size:14.8px;
        line-height:1.85;
      }

      .islam-giving-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
        margin-top:18px;
      }

      .islam-giving-card{
        min-height:188px;
        padding:16px 10px 13px;
        border-radius:12px;
      }

      .islam-card__icon{
        width:112px;
        height:88px;
        margin-bottom:9px;
      }

      .islam-card__icon svg{
        width:30px;
        height:30px;
      }

      .islam-card__icon .icon-green{
        stroke-width:1.8;
      }

      .islam-card__icon .icon-gold{
        stroke-width:1.75;
      }

      .islam-giving-card h3{
        font-size:19px;
      }

      .islam-card__rule{
        width:20px;
        height:2px;
        margin:5px auto 6px;
      }

      .islam-giving-card p{
        font-size:13.2px;
        line-height:1.62;
      }

      .islam-giving-note{
        min-height:0;
        padding:8px 10px;
        border-radius:10px;
        text-align:center;
      }

      .islam-giving-note-row{
        gap:7px;
        margin-top:12px;
      }

      .islam-note__icon{
        font-size:22px;
      }

      .islam-note__icon svg{
        width:18px;
        height:18px;
      }

      .islam-giving-note p{
        font-size:12px;
        line-height:1.55;
      }

    }

    @media (max-width:430px){
      .islam-giving-head h2{
        font-size:26px;
      }

      .islam-giving-head p{
        max-width:315px;
        font-size:13.5px;
      }

      .islam-giving-grid{
        gap:8px;
      }

      .islam-giving-card{
        min-height:152px;
        padding:12px 7px 10px;
      }

      .islam-card__icon{
        width:76px;
        height:60px;
        margin-bottom:7px;
      }

      .islam-giving-card h3{
        font-size:15.5px;
      }

      .islam-giving-card p{
        font-size:11.6px;
      }
    }

    @media (max-width:360px){
      .islam-giving-grid{
        grid-template-columns:1fr;
      }

      .islam-giving-card{
        min-height:0;
      }
    }

*{box-sizing:border-box}
html{scroll-padding-top:108px}
body{background:var(--shuaa-ink);color:#fff}
a,button,input,select,textarea{letter-spacing:0}

.site-header{
  border-radius:0 !important;
  box-shadow:0 10px 26px rgba(6,78,59,.10) !important;
}

.campaign-page,
.campaigns-section{
  background:
    radial-gradient(circle at top right, rgba(72,160,84,.12), transparent 26%),
    linear-gradient(180deg, #064E3B 0%, #064E3B 52%, #064E3B 100%) !important;
}

.campaign-card,
.content-card,
.campaign-hero__stats-card,
.campaign-final-cta{
  border-radius:var(--shuaa-radius-lg) !important;
  border-color:var(--shuaa-line) !important;
}

.campaign-btn,
.btn,
.donate-top,
.amount-chip,
.payment-icon,
.donor-field input,
.donate-card__currency select,
.donate-card__custom input{
  border-radius:8px !important;
}

.campaign-btn,
.btn,
.donate-top{
  box-shadow:none !important;
}

.campaign-btn:hover,
.btn:hover,
.donate-top:hover{
  transform:none !important;
}

.donate-top,
.btn-primary,
.hero-buttons .btn-primary,
.campaign-btn.primary,
.campaign-actions .campaign-btn.primary,
.campaign-hero__actions .campaign-btn.primary,
.campaign-final-cta__actions .campaign-btn.primary,
.campaign-btn.primary[data-donate-submit]{
  background:var(--shuaa-green) !important;
  color:#fff !important;
  border:1px solid var(--shuaa-green) !important;
  box-shadow:none !important;
}

.donate-top:hover,
.btn-primary:hover,
.hero-buttons .btn-primary:hover,
.campaign-btn.primary:hover,
.campaign-actions .campaign-btn.primary:hover,
.campaign-hero__actions .campaign-btn.primary:hover,
.campaign-final-cta__actions .campaign-btn.primary:hover,
.campaign-btn.primary[data-donate-submit]:hover{
  background:#204C3C !important;
  border-color:#204C3C !important;
}

.campaign-actions .campaign-btn.secondary,
.campaign-hero__actions .campaign-btn.secondary{
  background:#fff !important;
  color:#064E3B !important;
  border:1px solid rgba(207,217,232,.95) !important;
  box-shadow:none !important;
}

.campaign-actions .campaign-btn.secondary:hover,
.campaign-hero__actions .campaign-btn.secondary:hover{
  background:#F5FAF7 !important;
  border-color:rgba(148,163,184,.95) !important;
}

.campaign-btn.secondary,
.btn-dark{
  box-shadow:none !important;
}

.campaign-btn.udhiyah-action,
.campaign-actions .campaign-btn.primary.udhiyah-action,
.campaign-hero__actions .campaign-btn.primary.udhiyah-action,
.campaign-final-cta__actions .campaign-btn.primary.udhiyah-action,
.campaign-btn.primary.udhiyah-action[data-donate-submit],
.donate-top.udhiyah-action{
  background:var(--shuaa-gold) !important;
  color:#fff !important;
  border-color:var(--shuaa-gold) !important;
  box-shadow:none !important;
}

.campaign-btn.udhiyah-action:hover,
.campaign-actions .campaign-btn.primary.udhiyah-action:hover,
.campaign-hero__actions .campaign-btn.primary.udhiyah-action:hover,
.campaign-final-cta__actions .campaign-btn.primary.udhiyah-action:hover,
.campaign-btn.primary.udhiyah-action[data-donate-submit]:hover,
.donate-top.udhiyah-action:hover{
  background:var(--shuaa-gold-dark) !important;
  border-color:var(--shuaa-gold-dark) !important;
}

.donate-top,
.hero-buttons .btn-primary,
.campaign-actions .campaign-btn,
.campaign-hero__actions .campaign-btn,
.campaign-final-cta__actions .campaign-btn.primary,
.campaign-btn.primary[data-donate-submit]{
  direction:ltr;
  gap:10px !important;
  transition:background .18s ease,border-color .18s ease,color .18s ease !important;
}

.donate-top > span{
  direction:rtl;
  unicode-bidi:isolate;
}

.donate-top svg,
.hero-buttons .btn-primary svg{
  display:none !important;
}

.donate-top::before,
.hero-buttons .btn-primary::before,
.campaign-actions .campaign-btn.primary::before,
.campaign-hero__actions .campaign-btn.primary::before,
.campaign-final-cta__actions .campaign-btn.primary::before,
.campaign-btn.primary[data-donate-submit]::before,
.campaign-actions .campaign-btn.secondary::before,
.campaign-hero__actions .campaign-btn.secondary::before{
  content:"";
  width:21px;
  height:21px;
  flex:0 0 auto;
  display:inline-block !important;
  position:static !important;
  inset:auto !important;
  background:currentColor;
  -webkit-mask:center / contain no-repeat;
  mask:center / contain no-repeat;
}

.donate-top::before,
.hero-buttons .btn-primary::before,
.campaign-actions .campaign-btn.primary::before,
.campaign-hero__actions .campaign-btn.primary::before,
.campaign-final-cta__actions .campaign-btn.primary::before,
.campaign-btn.primary[data-donate-submit]::before{
  -webkit-mask-image:var(--icon-heart-pulse);
  mask-image:var(--icon-heart-pulse);
  animation:shuaaHeartBeat 1.35s ease-in-out infinite;
}

.campaign-actions .campaign-btn.secondary::before,
.campaign-hero__actions .campaign-btn.secondary::before{
  -webkit-mask-image:var(--icon-file-check);
  mask-image:var(--icon-file-check);
  color:var(--shuaa-green);
}

.campaign-btn.udhiyah-action::before,
.donate-top.udhiyah-action::before{
  -webkit-mask-image:var(--icon-udhiyah) !important;
  mask-image:var(--icon-udhiyah) !important;
  animation:none !important;
  width:25px;
  height:25px;
}

@keyframes shuaaHeartBeat{
  0%,100%{transform:scale(1)}
  28%{transform:scale(1.18)}
  42%{transform:scale(.97)}
  58%{transform:scale(1.1)}
  72%{transform:scale(1)}
}

.site-header .donate-top{
  width:auto !important;
  min-width:146px !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:row !important;
  gap:10px !important;
  border-radius:8px !important;
  line-height:1 !important;
  font-size:17px !important;
  font-weight:900 !important;
  background:var(--shuaa-green) !important;
  color:#fff !important;
  border:1px solid var(--shuaa-green) !important;
  box-shadow:none !important;
  direction:ltr !important;
}

.site-header .donate-top::before{
  width:19px !important;
  height:19px !important;
  margin:0 !important;
}

.hero-buttons{
  width:min(100%,520px) !important;
  gap:12px !important;
}

.hero-buttons .btn,
.hero-buttons .btn-primary,
.hero-buttons .btn-dark,
.hero-buttons .btn-light{
  min-height:56px !important;
  padding:0 22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:row !important;
  gap:10px !important;
  border-radius:8px !important;
  box-shadow:none !important;
  line-height:1 !important;
  font-size:18px !important;
  font-weight:900 !important;
  direction:ltr !important;
  transition:background .18s ease,border-color .18s ease,color .18s ease !important;
}

.hero-buttons .btn-primary{
  background:var(--shuaa-green) !important;
  color:#fff !important;
  border:1px solid var(--shuaa-green) !important;
}

.hero-buttons .btn-primary:hover{
  background:#204C3C !important;
  border-color:#204C3C !important;
}

.hero-buttons .btn-dark{
  background:#fff !important;
  color:#064E3B !important;
  border:1px solid rgba(207,217,232,.95) !important;
}

.hero-buttons .btn-dark:hover{
  background:#F5FAF7 !important;
  border-color:rgba(148,163,184,.95) !important;
}

.hero-buttons .btn-primary::before{
  width:21px !important;
  height:21px !important;
  margin:0 !important;
}

.hero-buttons .btn svg{
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  flex:0 0 auto !important;
  order:0 !important;
}

.hero-buttons .btn-dark svg{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.1 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

@media (max-width:820px){
  .site-header .donate-top{
    min-width:138px !important;
    height:50px !important;
    min-height:50px !important;
    padding:0 16px !important;
    font-size:16px !important;
  }

  .hero-buttons{
    width:100% !important;
    gap:12px !important;
  }

  .hero-buttons .btn,
  .hero-buttons .btn-primary,
  .hero-buttons .btn-dark,
  .hero-buttons .btn-light{
    min-height:56px !important;
    font-size:17px !important;
    padding:0 18px !important;
  }
}

@media (max-width:430px){
  .site-header .donate-top{
    min-width:124px !important;
    height:48px !important;
    min-height:48px !important;
    padding:0 13px !important;
    font-size:15px !important;
    gap:8px !important;
  }

  .site-header .donate-top::before{
    width:18px !important;
    height:18px !important;
  }
}

.donate-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.045)),
    rgba(6,78,59,.92) !important;
  border:1px solid rgba(72,160,84,.16) !important;
}

.donate-card h3{
  font-size:24px !important;
  line-height:1.35 !important;
  margin-bottom:12px !important;
}

.donate-card__text{
  color:rgba(255,255,255,.80) !important;
  font-size:14.5px !important;
  line-height:1.85 !important;
}

.donate-card__trust{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin-top:16px !important;
}

.donate-card__trust span{
  min-height:38px;
  display:flex !important;
  align-items:center;
  gap:9px;
  border-radius:14px !important;
  background:rgba(72,160,84,.08) !important;
  border:1px solid rgba(72,160,84,.14) !important;
  color:rgba(255,255,255,.88);
}

.donate-card__trust span::before{
  content:"";
  width:16px;
  height:16px;
  flex:0 0 auto;
  border-radius:50%;
  background:radial-gradient(circle at center, var(--shuaa-mint) 0 42%, transparent 45%);
  box-shadow:0 0 0 1px rgba(72,160,84,.34);
}

.donate-card__amounts{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:8px !important;
}

.amount-chip{
  height:44px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
}

.amount-chip.is-active{
  border-color:transparent !important;
  box-shadow:0 12px 28px rgba(32,76,60,.24);
}

.amount-chip.package-chip{
  height:auto !important;
  min-height:68px;
  display:flex !important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  text-align:right;
  padding:10px 12px !important;
}

.amount-chip.package-chip strong{
  font-size:16px;
  line-height:1.2;
}

.amount-chip.package-chip span{
  font-size:11.5px;
  color:rgba(255,255,255,.72);
}

.donor-fields{
  gap:10px !important;
  margin-top:16px !important;
}

.donor-field label,
.donate-card__currency label,
.donate-card__custom label{
  color:rgba(255,255,255,.86) !important;
  font-size:12.5px !important;
}

.donor-field input,
.donor-field select,
.donor-field textarea,
.donate-card__currency select,
.donate-card__custom input{
  height:48px !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  color:#fff !important;
}

.donor-field input:focus,
.donor-field select:focus,
.donor-field textarea:focus,
.donate-card__currency select:focus,
.donate-card__custom input:focus{
  border-color:rgba(72,160,84,.55) !important;
  box-shadow:0 0 0 3px rgba(72,160,84,.10);
}

.donor-field textarea{
  height:auto !important;
  min-height:86px;
  resize:vertical;
  padding:12px 14px;
}

.donor-field--full{
  grid-column:1 / -1;
}

.donate-card__summary{
  min-height:52px;
  border-radius:16px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

.payment-icons{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:18px 0 !important;
}

.payment-icon{
  height:50px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.96) !important;
  color:#064E3B !important;
  border:1px solid rgba(255,255,255,.82) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}

.payment-icon svg{
  width:30px;
  height:30px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.payment-icon--secure{
  background:rgba(72,160,84,.12) !important;
  color:var(--shuaa-mint) !important;
  border-color:rgba(72,160,84,.28) !important;
}

.payment-icon--secure svg{
  width:28px;
  height:28px;
}

.sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

.donation-note{
  margin:2px 0 14px !important;
  color:rgba(255,255,255,.68) !important;
  font-size:12.5px !important;
}

.donation-status{
  min-height:22px !important;
  border-radius:14px;
}

.donation-status[data-type="error"]{color:#ffd0c8}
.donation-status[data-type="success"]{color:var(--shuaa-mint)}
.donation-status[data-type="info"]{color:rgba(255,255,255,.78)}

.donation-consent{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:14px 0;
  padding:12px;
  border-radius:16px;
  background:rgba(72,160,84,.08);
  border:1px solid rgba(72,160,84,.16);
  color:rgba(255,255,255,.80);
  font-size:12.5px;
  line-height:1.7;
}

.donation-consent input{
  margin-top:5px;
  accent-color:var(--shuaa-green);
}

.trust-feature__icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.3;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.site-info-section{
  background:var(--shuaa-soft) !important;
  color:#064E3B !important;
}

.site-info-section.alt{
  background:#F5FAF7 !important;
}

.site-info-section.contact-band{
  background:linear-gradient(135deg,#064E3B 0%,#204C3C 100%) !important;
  color:#fff !important;
}

.trust-center-section{
  background:#F5FAF7 !important;
  color:#064E3B !important;
}

.light-heading h2,
.light-heading p{
  color:#064E3B !important;
}

.trust-center-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.trust-center-grid article{
  padding:22px;
  border-radius:var(--shuaa-radius-lg);
  background:#fff;
  border:1px solid var(--shuaa-dark-line);
  box-shadow:0 14px 30px rgba(6,78,59,.07);
}

.trust-center-grid article > span{
  display:inline-flex;
  color:var(--shuaa-green);
  font-weight:900;
  margin-bottom:12px;
}

.trust-center-grid h3{
  margin:0 0 10px;
  color:#064E3B;
  font-size:20px;
}

.trust-center-grid p{
  color:#1F2937;
  line-height:1.8;
  min-height:96px;
}

.trust-center-grid .campaign-btn.secondary{
  background:#F5FAF7 !important;
  color:#064E3B !important;
  border-color:rgba(6,78,59,.16) !important;
}

.home-bridge{
  position:relative;
  margin-top:-1px;
  padding:42px 0 0;
  background:linear-gradient(180deg,#064E3B 0%,#064E3B 100%);
  color:#fff;
}

.home-bridge__shell,
.how-we-work__shell{
  width:min(100%,1400px);
  margin:0 auto;
  padding:0 42px;
}

.home-bridge__layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,1.12fr);
  gap:46px;
  align-items:end;
  padding:32px 0 40px;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}

.home-bridge__intro span,
.how-we-work__head span{
  display:inline-flex;
  color:var(--shuaa-mint);
  font-size:13px;
  font-weight:900;
  margin-bottom:10px;
}

.home-bridge__intro h2,
.how-we-work__head h2{
  margin:0;
  color:#fff;
  font-size:clamp(28px,3.4vw,46px);
  line-height:1.24;
}

.home-bridge__intro p,
.how-we-work__head p{
  max-width:760px;
  margin:14px 0 0;
  color:rgba(255,255,255,.76);
  font-size:17px;
  line-height:1.95;
}

.home-bridge__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}

.home-bridge__facts div{
  min-height:132px;
  padding:22px 18px;
  border-inline-start:1px solid rgba(255,255,255,.12);
}

.home-bridge__facts div:last-child{
  border-inline-start:0;
}

.home-bridge__facts span{
  display:block;
  color:var(--shuaa-mint);
  font-size:12px;
  font-weight:900;
  margin-bottom:10px;
}

.home-bridge__facts strong{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.55;
}

.home-bridge + .campaigns-section{
  padding-top:76px !important;
}

body:not(.has-home-bridge) .campaigns-section{
  padding-top:72px !important;
}

.campaigns-section .section-heading{
  margin-bottom:34px !important;
}

.donation-channels-section{
  padding:86px 0 88px;
  background:
    radial-gradient(circle at 18% 18%, rgba(72,160,84,.10), transparent 26%),
    linear-gradient(180deg,#064E3B 0%,#064E3B 100%);
  color:#fff;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}

.donation-channels__shell{
  width:min(100%,1400px);
  margin:0 auto;
  padding:0 42px;
}

.donation-channels__intro{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:44px;
  align-items:start;
  margin-bottom:40px;
}

.donation-channels__intro span{
  display:inline-flex;
  padding-top:8px;
  color:var(--shuaa-mint);
  font-size:13px;
  font-weight:900;
}

.donation-channels__intro h2{
  margin:0;
  max-width:760px;
  color:#fff;
  font-size:clamp(30px,3.4vw,48px);
  line-height:1.25;
}

.donation-channels__intro p{
  grid-column:2;
  max-width:780px;
  margin:-18px 0 0;
  color:rgba(255,255,255,.76);
  font-size:17px;
  line-height:1.9;
}

.donation-channels__map{
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
}

.donation-channel{
  min-height:132px;
  display:grid;
  grid-template-columns:80px 56px minmax(0,1fr);
  gap:22px;
  align-items:center;
  padding:24px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.donation-channel:last-child{
  border-bottom:0;
}

.donation-channel__number{
  color:var(--shuaa-mint);
  font-size:14px;
  font-weight:900;
}

.donation-channel__icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(72,160,84,.08);
  border:1px solid rgba(72,160,84,.18);
  color:var(--shuaa-mint);
}

.donation-channel__icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.donation-channel strong{
  display:block;
  color:#fff;
  font-size:22px;
  line-height:1.35;
  margin-bottom:8px;
}

.donation-channel p{
  max-width:840px;
  margin:0;
  color:rgba(255,255,255,.72);
  line-height:1.9;
}

.donation-channels__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  padding-top:28px;
}

.donation-channels__footer p{
  max-width:820px;
  margin:0;
  color:rgba(255,255,255,.78);
  line-height:1.9;
}

.donation-channels__footer strong{
  color:#fff;
}

.donation-channels__footer .campaign-btn.secondary.inline{
  background:#fff !important;
  color:#064E3B !important;
  border-color:rgba(207,217,232,.95) !important;
}

.how-we-work-section{
  padding:88px 0 96px;
  background:
    radial-gradient(circle at top right, rgba(72,160,84,.12), transparent 26%),
    radial-gradient(circle at 12% 22%, rgba(72,160,84,.08), transparent 28%),
    linear-gradient(180deg, #064E3B 0%, #064E3B 52%, #064E3B 100%);
  color:#fff;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}

.how-work-head{
  max-width:980px;
  margin:0 auto 46px;
  text-align:center;
}

.how-work-head span{
  display:block;
  color:#fff;
  font-size:clamp(42px,6.6vw,70px);
  font-weight:900;
  padding-top:0;
  margin-bottom:18px;
  line-height:1.08;
}

.how-work-head p{
  max-width:900px;
  margin:0 auto;
  color:rgba(255,255,255,.74);
  font-size:18px;
  line-height:1.9;
}

.how-work-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:1fr;
  gap:20px;
}

.how-work-card{
  position:relative;
  min-height:400px;
  padding:30px 28px;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  align-items:start;
  text-align:center;
  border-radius:8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.028)),
    rgba(6,78,59,.90);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 18px 38px rgba(0,0,0,.16);
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

.how-work-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg, transparent, rgba(72,160,84,.92), transparent);
  opacity:.72;
}

.how-work-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at top left, rgba(72,160,84,.10), transparent 34%);
  opacity:.75;
}

.how-work-card:hover{
  transform:translateY(-4px);
  border-color:rgba(72,160,84,.34);
  box-shadow:0 24px 52px rgba(0,0,0,.24);
  background:
    linear-gradient(180deg, rgba(72,160,84,.08), rgba(255,255,255,.03)),
    rgba(6,78,59,.92);
}

.how-work-card__top{
  position:relative;
  z-index:1;
  display:contents;
}

.how-work-card__label{
  grid-row:1;
  grid-column:1;
  justify-self:center;
  color:#DDEFE6;
  font-size:24px;
  font-weight:900;
  background:transparent;
  border:0;
  padding:0;
  margin-bottom:26px;
  line-height:1;
}

.how-work-card__icon{
  grid-row:4;
  grid-column:1;
  justify-self:center;
  align-self:end;
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  color:var(--shuaa-mint);
  background:transparent;
  border:0;
  box-shadow:none;
  margin-top:24px;
}

.how-work-card__icon svg{
  width:54px;
  height:54px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.how-work-card strong{
  grid-row:2;
  grid-column:1;
  align-self:start;
  position:relative;
  z-index:1;
  display:block;
  color:#fff;
  font-size:23px;
  line-height:1.35;
  margin:0 0 12px;
  text-align:center;
}

.how-work-card p{
  grid-row:3;
  grid-column:1;
  align-self:start;
  position:relative;
  z-index:1;
  margin:0;
  color:rgba(255,255,255,.72);
  line-height:1.9;
  font-size:16px;
  text-align:center;
}

.how-work-note{
  margin:28px auto 0;
  padding:22px 24px;
  border-radius:8px;
  background:rgba(72,160,84,.08);
  border:1px solid rgba(72,160,84,.20);
  color:#fff;
  text-align:center;
  font-size:18px;
  font-weight:900;
  line-height:1.8;
}

@media (max-width:1024px){
  .how-work-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:680px){
  .how-work-grid{
    grid-template-columns:1fr;
  }
  .how-work-card{
    min-height:0;
  }
}

.home-white-section{
  padding:92px 0 96px;
  background:#F5FAF7;
  color:#064E3B;
  border-bottom:1px solid rgba(6,78,59,.10);
}

.home-section-shell{
  width:min(100%,1400px);
  margin:0 auto;
  padding:0 42px;
}

.home-section-head{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:44px;
  align-items:start;
  margin-bottom:40px;
}

.home-section-head > span,
.institutional-copy > span{
  display:inline-flex;
  padding-top:8px;
  color:var(--shuaa-green);
  font-size:13px;
  font-weight:900;
}

.home-section-head h2,
.institutional-copy h2{
  margin:0;
  color:#064E3B;
  font-size:clamp(30px,3.4vw,48px);
  line-height:1.28;
}

.home-section-head p,
.institutional-copy p{
  max-width:820px;
  margin:14px 0 0;
  color:#1F2937;
  font-size:17px;
  line-height:1.95;
}

.pathway-table{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:#fff;
  border-top:1px solid rgba(6,78,59,.12);
  border-bottom:1px solid rgba(6,78,59,.12);
}

.pathway-table article{
  min-height:218px;
  padding:26px 24px;
  border-inline-start:1px solid rgba(6,78,59,.12);
  border-bottom:1px solid rgba(6,78,59,.12);
}

.pathway-table article:nth-child(3n){
  border-inline-start:0;
}

.pathway-table article:nth-last-child(-n+3){
  border-bottom:0;
}

.pathway-table span,
.trust-directory span,
.impact-lines span,
.institutional-lines span{
  display:block;
  color:var(--shuaa-green);
  font-size:12px;
  font-weight:900;
  margin-bottom:13px;
}

.pathway-table strong,
.trust-directory strong,
.impact-lines strong,
.institutional-lines strong{
  display:block;
  color:#064E3B;
  font-size:20px;
  line-height:1.5;
}

.pathway-table p,
.trust-directory p{
  margin:12px 0 0;
  color:#4B5563;
  line-height:1.85;
}

.home-institutional-section{
  padding:96px 0;
  background:
    radial-gradient(circle at top left, rgba(72,160,84,.12), transparent 30%),
    linear-gradient(180deg,#064E3B 0%,#064E3B 100%);
  color:#fff;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}

.institutional-layout{
  display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);
  gap:54px;
  align-items:start;
}

.institutional-copy{
  position:sticky;
  top:116px;
}

.institutional-copy > span,
.home-impact-section .home-section-head > span{
  color:var(--shuaa-mint);
}

.institutional-copy h2,
.home-impact-section .home-section-head h2{
  color:#fff;
}

.institutional-copy p,
.home-impact-section .home-section-head p{
  color:rgba(255,255,255,.78);
}

.institutional-lines{
  border-top:1px solid rgba(255,255,255,.16);
}

.institutional-lines div{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:24px;
  padding:23px 0;
  border-bottom:1px solid rgba(255,255,255,.16);
}

.institutional-lines span{
  color:var(--shuaa-mint);
  margin-bottom:0;
}

.institutional-lines strong{
  color:#fff;
  font-size:21px;
}

.trust-directory-section{
  background:#fff;
}

.trust-directory{
  display:grid;
  background:#F5FAF7;
  border-top:1px solid rgba(6,78,59,.12);
}

.trust-directory a{
  display:grid;
  grid-template-columns:90px 260px minmax(0,1fr);
  gap:22px;
  align-items:start;
  padding:24px 0;
  border-bottom:1px solid rgba(6,78,59,.12);
  color:inherit;
}

.trust-directory a:hover strong{
  color:var(--shuaa-green);
}

.trust-directory span{
  margin:0;
}

.trust-directory p{
  margin:0;
}

.home-impact-section{
  padding:96px 0;
  background:
    radial-gradient(circle at bottom right, rgba(72,160,84,.10), transparent 32%),
    linear-gradient(180deg,#064E3B 0%,#064E3B 100%);
  color:#fff;
}

.impact-layout .home-section-head{
  margin-bottom:34px;
}

.impact-lines{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.15);
  border-bottom:1px solid rgba(255,255,255,.15);
}

.impact-lines div{
  min-height:168px;
  padding:24px 22px;
  border-inline-start:1px solid rgba(255,255,255,.15);
}

.impact-lines div:last-child{
  border-inline-start:0;
}

.impact-lines span{
  color:var(--shuaa-mint);
}

.impact-lines strong{
  color:#fff;
  font-size:21px;
}

.home-impact-section .campaign-btn.secondary.inline{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.16) !important;
}

.info-grid article,
.faq-grid details,
.steps-list span{
  border-radius:var(--shuaa-radius) !important;
  box-shadow:0 14px 30px rgba(6,78,59,.07) !important;
}

.simple-page{
  min-height:100vh;
  padding-top:96px;
  background:linear-gradient(180deg,#064E3B 0%,#064E3B 48%,#064E3B 100%);
}

.simple-page__hero{
  padding:92px 0 54px;
  background:
    radial-gradient(circle at top right, rgba(72,160,84,.16), transparent 28%),
    linear-gradient(135deg, rgba(6,78,59,.98), rgba(6,78,59,.94));
}

.simple-page__shell{
  width:min(100%,1120px);
  margin:0 auto;
  padding:0 26px;
}

.simple-page__hero h1{
  margin:0;
  color:#fff;
  font-size:clamp(34px,5vw,60px);
  line-height:1.15;
}

.simple-page__hero p{
  max-width:760px;
  margin:18px 0 0;
  color:rgba(255,255,255,.82);
  font-size:18px;
  line-height:1.9;
}

.simple-page__content{
  padding:54px 0 86px;
}

.simple-card{
  padding:28px;
  border-radius:var(--shuaa-radius-lg);
  background:rgba(255,255,255,.045);
  border:1px solid var(--shuaa-line);
  box-shadow:var(--shuaa-shadow);
}

.simple-card + .simple-card{margin-top:18px}
.simple-card h2,.simple-card h3{margin:0 0 14px;color:#fff}
.simple-card p,.simple-card li{color:rgba(255,255,255,.80);line-height:2}
.simple-card ul{margin:0;padding-inline-start:22px}

.simple-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.receipt-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}

.receipt-grid div{
  min-width:0;
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
}

.receipt-grid span{
  display:block;
  color:rgba(255,255,255,.64);
  font-size:12px;
  margin-bottom:8px;
}

.receipt-grid strong{
  display:block;
  color:#fff;
  overflow-wrap:anywhere;
}

.receipt-status{
  margin-top:10px;
}

.campaign-specific-note,
.impact-proof-panel,
.sharia-panel,
.supporter-panel{
  border-radius:var(--shuaa-radius-lg);
  border:1px solid rgba(72,160,84,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.045));
}

.campaign-specific-note{
  padding:20px;
  color:rgba(255,255,255,.84);
  line-height:1.95;
}

.impact-proof-section,
.sharia-supervision-section,
.supporter-messages-section{
  padding:28px 0;
}

.impact-proof-panel,
.sharia-panel,
.supporter-panel{
  padding:28px;
}

.impact-proof-head{
  max-width:760px;
  margin-bottom:20px;
}

.impact-proof-badge,
.sharia-kicker{
  display:inline-flex;
  margin-bottom:10px;
  color:var(--shuaa-mint);
  font-size:13px;
  font-weight:800;
}

.impact-proof-head h2,
.sharia-panel h2,
.supporter-head h2{
  margin:0 0 10px;
  color:#fff;
  font-size:28px;
  line-height:1.35;
}

.impact-proof-head p,
.sharia-panel p,
.supporter-head p{
  margin:0;
  color:rgba(255,255,255,.80);
  line-height:1.9;
}

.impact-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.impact-proof-card{
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.09);
}

.impact-proof-card span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(72,160,84,.13);
  color:var(--shuaa-mint);
  font-weight:900;
  margin-bottom:12px;
}

.impact-proof-card strong{
  display:block;
  color:#fff;
  margin-bottom:8px;
}

.impact-proof-card p,
.impact-proof-note,
.impact-proof-follow{
  color:rgba(255,255,255,.76);
  line-height:1.85;
}

.impact-proof-note,
.impact-proof-follow{
  margin-top:14px;
  padding:14px;
  border-radius:16px;
  background:rgba(72,160,84,.08);
  border:1px solid rgba(72,160,84,.13);
}

.sharia-focus-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}

.sharia-focus-list span{
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.11);
  color:rgba(255,255,255,.86);
  font-size:13px;
}

.supporter-form{
  display:grid;
  gap:12px;
  margin-top:18px;
}

.supporter-form-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.supporter-form label{
  display:grid;
  gap:8px;
  color:rgba(255,255,255,.86);
  font-size:13px;
}

.supporter-form input,
.supporter-form textarea{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.07);
  color:#fff;
  padding:12px;
}

.supporter-consent{
  display:flex !important;
  grid-template-columns:none !important;
  align-items:flex-start;
  flex-direction:row;
}

.supporter-consent input{
  width:auto;
  margin-top:4px;
}

.simple-card.light{
  background:#fff;
  border-color:var(--shuaa-dark-line);
}
.simple-card.light h2,.simple-card.light h3{color:#064E3B}
.simple-card.light p,.simple-card.light li{color:#1F2937}

.simple-contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.simple-contact-grid input,
.simple-contact-grid textarea{
  width:100%;
  border:1px solid var(--shuaa-dark-line);
  border-radius:16px;
  padding:14px 16px;
  font:inherit;
}
.simple-contact-grid textarea{min-height:132px;grid-column:1/-1}

.compliance-alert{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:18px;
  margin-bottom:18px;
  border-radius:var(--shuaa-radius-lg);
  background:rgba(72,160,84,.09);
  border:1px solid rgba(72,160,84,.20);
  color:rgba(255,255,255,.84);
  line-height:1.85;
}

.compliance-alert strong{color:var(--shuaa-mint)}

.registry-grid,
.document-grid,
.impact-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}

.registry-grid.compact{
  margin:0;
}

.registry-grid article,
.document-card,
.impact-summary-grid article{
  min-width:0;
  padding:18px;
  border-radius:var(--shuaa-radius-lg);
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
}

.registry-grid span,
.document-card span,
.impact-summary-grid span{
  display:block;
  color:var(--shuaa-mint);
  font-size:12px;
  font-weight:800;
  margin-bottom:8px;
}

.registry-grid strong,
.impact-summary-grid strong{
  display:block;
  color:#fff;
  line-height:1.55;
  overflow-wrap:anywhere;
}

.document-card h2,
.document-card h3{
  margin:0 0 10px;
  color:#fff;
  font-size:21px;
  line-height:1.35;
}

.document-card p,
.impact-summary-grid p{
  margin:0 0 14px;
  color:rgba(255,255,255,.76);
  line-height:1.85;
}

.report-timeline{
  display:grid;
  gap:12px;
}

.report-timeline article{
  display:flex;
  gap:14px;
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
}

.report-timeline article > span{
  width:34px;
  height:34px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(72,160,84,.12);
  color:var(--shuaa-mint);
  font-weight:900;
}

.report-timeline strong{
  color:#fff;
}

.report-timeline p{
  margin:6px 0 0;
}

.trust-page .simple-page__content{
  background:
    radial-gradient(circle at top left, rgba(72,160,84,.10), transparent 28%),
    linear-gradient(180deg,#F5FAF7 0%,#F5FAF7 100%);
  color:#064E3B;
}

.trust-page .simple-page__shell{
  width:min(100%,1180px);
}

.trust-section{
  margin-bottom:34px;
}

.trust-section:last-child{
  margin-bottom:0;
}

.trust-heading{
  max-width:860px;
  margin:0 0 22px;
}

.trust-heading.narrow{
  max-width:720px;
}

.trust-heading > span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  margin-bottom:12px;
  border-radius:999px;
  background:rgba(184,135,45,.10);
  color:#8a641f;
  border:1px solid rgba(184,135,45,.22);
  font-size:12px;
  font-weight:900;
}

.trust-heading h2{
  margin:0;
  color:#064E3B;
  font-size:clamp(25px,3.2vw,38px);
  line-height:1.35;
}

.trust-heading p{
  max-width:800px;
  margin:12px 0 0;
  color:#1F2937;
  font-size:16px;
  line-height:1.9;
}

.trust-metrics,
.trust-checklist{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.trust-checklist{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.trust-metrics article,
.trust-checklist article,
.trust-page .registry-grid article,
.trust-page .document-card,
.trust-page .impact-summary-grid article,
.trust-page .report-timeline article{
  border-radius:8px !important;
  background:#fff !important;
  border:1px solid rgba(6,78,59,.12) !important;
  box-shadow:0 12px 26px rgba(6,78,59,.06) !important;
}

.trust-metrics article,
.trust-checklist article{
  padding:20px;
}

.trust-metrics span,
.trust-page .registry-grid span,
.trust-page .document-card span,
.trust-page .impact-summary-grid span{
  display:block;
  margin-bottom:9px;
  color:#204C3C;
  font-size:12px;
  font-weight:900;
}

.trust-metrics strong,
.trust-checklist strong,
.trust-page .registry-grid strong,
.trust-page .impact-summary-grid strong,
.trust-page .report-timeline strong{
  display:block;
  color:#064E3B !important;
  line-height:1.55;
}

.trust-metrics p,
.trust-checklist p,
.trust-page .document-card p,
.trust-page .impact-summary-grid p,
.trust-page .report-timeline p{
  margin:8px 0 0;
  color:#4B5563 !important;
  line-height:1.85;
}

.trust-page .registry-grid,
.trust-page .document-grid,
.trust-page .impact-summary-grid{
  margin-bottom:0;
}

.trust-page .document-card h2,
.trust-page .document-card h3{
  color:#064E3B !important;
  font-size:20px;
}

.trust-page .document-card .campaign-btn.secondary,
.trust-page .campaign-btn.secondary.inline{
  min-width:0;
  margin-top:18px;
  background:#F5FAF7 !important;
  color:#064E3B !important;
  border-color:rgba(6,78,59,.16) !important;
}

.trust-page .compliance-alert{
  border-radius:8px;
  background:#fff8e8;
  border:1px solid rgba(184,135,45,.26);
  color:#4d4130;
  box-shadow:0 12px 26px rgba(6,78,59,.05);
}

.trust-page .compliance-alert strong{
  color:#8a641f;
}

.trust-page .report-timeline{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.trust-page .report-timeline article{
  padding:20px;
}

.trust-page .report-timeline article > span{
  width:42px;
  height:42px;
  border-radius:8px;
  background:#F5FAF7;
  color:#204C3C;
}

.trust-page .simple-card{
  border-radius:8px;
  background:#fff;
  border:1px solid rgba(6,78,59,.12);
  box-shadow:0 12px 26px rgba(6,78,59,.06);
}

.trust-page .simple-card h2,
.trust-page .simple-card h3{
  color:#064E3B;
}

.trust-page .simple-card p,
.trust-page .simple-card li{
  color:#4B5563;
}

@media (max-width:820px){
  html{scroll-padding-top:92px}
  .donate-card__amounts,
  .payment-icons{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .simple-page{padding-top:88px}
  .simple-page__hero{padding:64px 0 40px}
  .simple-card{padding:22px 18px}
  .receipt-grid,
  .impact-proof-grid,
  .supporter-form-grid,
  .trust-center-grid,
  .registry-grid,
  .document-grid,
  .impact-summary-grid,
  .trust-metrics,
  .trust-checklist,
  .trust-page .report-timeline,
  .home-bridge__layout,
  .home-bridge__facts,
  .donation-channels__intro,
  .donation-channel,
  .how-we-work__head,
  .work-method,
  .home-section-head,
  .pathway-table,
  .institutional-layout,
  .institutional-lines div,
  .trust-directory a,
  .impact-lines{
    grid-template-columns:1fr;
  }
  .home-bridge__shell,
  .donation-channels__shell,
  .how-we-work__shell,
  .home-section-shell{
    padding:0 18px;
  }
  .home-bridge{
    padding-top:24px;
  }
  .home-bridge__layout{
    gap:24px;
    padding:24px 0 30px;
  }
  .home-bridge__facts div,
  .work-method article{
    border-inline-start:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .home-bridge__facts div:last-child,
  .work-method article:last-child{
    border-bottom:0;
  }
  .home-bridge + .campaigns-section{
    padding-top:58px !important;
  }
  .donation-channels-section{
    padding:64px 0 66px;
  }
  .donation-channels__intro{
    gap:14px;
    margin-bottom:28px;
  }
  .donation-channels__intro p{
    grid-column:auto;
    margin:0;
    font-size:15.5px;
  }
  .donation-channel{
    min-height:0;
    gap:12px;
    padding:22px 0;
  }
  .donation-channel__number{
    order:1;
  }
  .donation-channel__icon{
    order:2;
    width:46px;
    height:46px;
  }
  .donation-channel > div{
    order:3;
  }
  .donation-channel strong{
    font-size:20px;
  }
  .donation-channels__footer{
    display:block;
  }
  .donation-channels__footer .campaign-btn.secondary.inline{
    margin-top:18px;
  }
  .how-we-work-section{
    padding:68px 0;
  }
  .how-work-head{
    margin-bottom:30px;
  }
  .how-work-head span{
    font-size:clamp(38px,12vw,54px);
  }
  .how-work-head p{
    margin-top:14px;
    font-size:16px;
  }
  .how-work-card{
    min-height:350px;
    padding:24px;
  }
  .how-work-card__label{
    font-size:22px;
    margin-bottom:20px;
  }
  .how-work-card__icon{
    width:66px;
    height:66px;
    margin-top:24px;
  }
  .how-work-card__icon svg{
    width:48px;
    height:48px;
  }
  .how-work-note{
    font-size:16px;
  }
  .home-white-section,
  .home-institutional-section,
  .home-impact-section{
    padding:68px 0;
  }
  .home-section-head{
    gap:16px;
    margin-bottom:28px;
  }
  .home-section-head h2,
  .institutional-copy h2{
    font-size:29px;
  }
  .pathway-table article,
  .impact-lines div{
    min-height:0;
    border-inline-start:0;
    border-bottom:1px solid rgba(6,78,59,.12);
  }
  .pathway-table article:nth-last-child(-n+3){
    border-bottom:1px solid rgba(6,78,59,.12);
  }
  .pathway-table article:last-child,
  .impact-lines div:last-child{
    border-bottom:0;
  }
  .institutional-copy{
    position:static;
  }
  .institutional-lines div{
    gap:8px;
  }
  .trust-directory a{
    gap:8px;
    padding:20px 0;
  }
  .impact-lines div{
    border-bottom-color:rgba(255,255,255,.15);
  }
  .trust-heading h2{font-size:26px}
  .trust-metrics article,
  .trust-checklist article,
  .trust-page .report-timeline article{padding:18px}
  .impact-proof-panel,
  .sharia-panel,
  .supporter-panel{
    padding:22px 18px;
  }
  .simple-contact-grid{grid-template-columns:1fr}
  .simple-contact-grid textarea{grid-column:auto}
}

/* Final scoped guard for the integrated Giving in Islam section. */
#giving-in-islam.islam-giving-section{
  --islam-green:#204C3C;
  --islam-green-2:#204C3C;
  --islam-mint:#F5FAF7;
  --islam-gold:#b8872d;
  --islam-text:#064E3B;
  background:#F5FAF7 !important;
  color:#064E3B !important;
  direction:rtl !important;
}

#giving-in-islam .islam-giving-head h2,
#giving-in-islam .islam-giving-card h3{
  color:#204C3C !important;
}

#giving-in-islam .islam-giving-head p,
#giving-in-islam .islam-giving-card p,
#giving-in-islam .islam-giving-note p{
  color:#111827 !important;
}

#giving-in-islam .islam-giving-note strong,
#giving-in-islam .islam-note__icon{
  color:#204C3C !important;
}

#giving-in-islam .islam-title-rule,
#giving-in-islam .islam-title-rule::before{
  background:#204C3C !important;
}

#giving-in-islam .islam-title-rule::after{
  background:linear-gradient(90deg, transparent, #204C3C 18%, #204C3C 82%, transparent) !important;
}

#giving-in-islam .islam-card__rule{
  display:none !important;
}

#giving-in-islam .islam-card__icon{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Integrated Transparency & Impact section. */
#transparency-impact.transparency-impact-section{
  --ti-green:#204C3C;
  --ti-green-2:#204C3C;
  --ti-mint:#F5FAF7;
  --ti-text:#064E3B;
  --ti-line:rgba(6,78,59,.13);
  --ti-shadow:0 18px 46px rgba(6,78,59,.10);
  direction:rtl;
  padding:0 18px 36px;
  background:
    radial-gradient(circle at 50% 0%, rgba(32,76,60,.045), transparent 30%),
    linear-gradient(180deg,#F5FAF7 0%,#fff 48%,#F5FAF7 100%);
  color:var(--ti-text);
}

#transparency-impact .ti-panel{
  width:min(100%,900px);
  overflow:hidden;
  margin:0 auto;
  padding:38px 38px 42px;
  border:1px solid rgba(6,78,59,.08);
  border-top:0;
  border-radius:0 0 26px 26px;
  background:
    radial-gradient(circle at 50% 14%, rgba(32,76,60,.035), transparent 27%),
    linear-gradient(180deg,#fff 0%,#F5FAF7 100%);
  box-shadow:var(--ti-shadow);
}

#transparency-impact .ti-head{
  max-width:760px;
  margin:0 auto 28px;
  text-align:center;
}

#transparency-impact .ti-head h2{
  margin:0;
  color:var(--ti-green);
  font-size:clamp(38px,7vw,64px);
  font-weight:950;
  line-height:1.15;
  text-shadow:0 3px 0 rgba(32,76,60,.07);
}

#transparency-impact .ti-title-pulse{
  width:270px;
  margin:7px auto 18px;
  color:var(--ti-green);
  line-height:0;
}

#transparency-impact .ti-title-pulse svg{
  display:block;
  width:100%;
  height:52px;
  overflow:visible;
}

#transparency-impact .ti-title-pulse path{
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}

#transparency-impact .ti-title-pulse .pulse-heart{
  stroke-width:1.5;
}

#transparency-impact .ti-head p{
  max-width:760px;
  margin:0 auto;
  color:#1F2937;
  font-size:clamp(20px,3.1vw,28px);
  font-weight:560;
  line-height:1.9;
}

#transparency-impact .ti-trust-card{
  position:relative;
  overflow:hidden;
  width:100%;
  margin:0 auto 28px;
  padding:34px 32px 32px;
  border:1px solid var(--ti-line);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(245,250,247,.98),rgba(245,250,247,.94));
  text-align:center;
  box-shadow:0 16px 38px rgba(6,78,59,.08);
}

#transparency-impact .ti-trust-card::before,
#transparency-impact .ti-trust-card::after{
  content:"";
  position:absolute;
  width:112px;
  height:112px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(32,76,60,.08), transparent 68%);
  opacity:.42;
  pointer-events:none;
}

#transparency-impact .ti-trust-card::before{
  top:72px;
  right:100px;
}

#transparency-impact .ti-trust-card::after{
  top:92px;
  left:108px;
}

#transparency-impact .ti-trust-visual{
  position:relative;
  z-index:1;
  width:min(100%,330px);
  height:250px;
  margin:0 auto 20px;
  display:grid;
  place-items:center;
}

#transparency-impact .ti-trust-visual img{
  display:block;
  width:min(100%,270px);
  height:auto;
}

#transparency-impact .ti-trust-card h3{
  position:relative;
  z-index:1;
  margin:0;
  color:var(--ti-green);
  font-size:clamp(28px,4.4vw,40px);
  font-weight:950;
  line-height:1.3;
}

#transparency-impact .ti-trust-card__statement{
  position:relative;
  z-index:1;
  max-width:620px;
  margin:16px auto 0;
  color:#1F2937;
  font-size:clamp(22px,3.8vw,31px);
  font-weight:560;
  line-height:1.8;
}

#transparency-impact .ti-trust-card__rule{
  position:relative;
  z-index:1;
  width:112px;
  height:3px;
  margin:25px auto 22px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(32,76,60,.30), var(--ti-green), rgba(32,76,60,.30), transparent);
}

#transparency-impact .ti-trust-card__small{
  position:relative;
  z-index:1;
  max-width:630px;
  margin:0 auto;
  color:#1F2937;
  font-size:clamp(17px,2.7vw,21px);
  font-weight:520;
  line-height:1.9;
}

#transparency-impact .ti-points{
  display:grid;
  gap:12px;
  margin:0 auto 26px;
}

#transparency-impact .ti-point{
  display:grid;
  direction:ltr;
  grid-template-columns:146px minmax(0,1fr);
  align-items:center;
  gap:24px;
  min-height:142px;
  padding:18px 24px;
  border:1px solid rgba(6,78,59,.10);
  border-radius:18px;
  background:rgba(255,255,255,.98);
  box-shadow:0 10px 28px rgba(6,78,59,.07);
}

#transparency-impact .ti-point__icon{
  width:140px;
  height:140px;
  display:grid;
  place-items:center;
  border-radius:0;
  background:transparent;
  color:var(--ti-green);
}

#transparency-impact .ti-point__icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

#transparency-impact .ti-point__copy{
  direction:rtl;
  text-align:right;
}

#transparency-impact .ti-point h3{
  margin:0 0 8px;
  color:var(--ti-green);
  font-size:clamp(23px,3.4vw,30px);
  font-weight:950;
  line-height:1.35;
}

#transparency-impact .ti-point p{
  margin:0;
  color:#1F2937;
  font-size:clamp(17px,2.7vw,22px);
  font-weight:520;
  line-height:1.75;
}

#transparency-impact .ti-cta{
  position:relative;
  min-height:76px;
  width:calc(100% - 28px);
  margin:0 auto;
  padding:0 80px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(32,76,60,.18);
  border-radius:13px;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.14), transparent 28%),
    linear-gradient(135deg,#204C3C 0%,#204C3C 50%,#204C3C 100%);
  color:#fff;
  box-shadow:0 16px 28px rgba(32,76,60,.20);
  font-size:clamp(24px,4vw,34px);
  font-weight:900;
  line-height:1;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

#transparency-impact .ti-cta:hover{
  transform:translateY(-2px);
  filter:saturate(1.05);
  box-shadow:0 20px 34px rgba(32,76,60,.25);
}

#transparency-impact .ti-cta svg{
  position:absolute;
  left:34px;
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#transparency-impact[dir="ltr"]{
  direction:ltr;
}

#transparency-impact[dir="ltr"] .ti-point{
  direction:ltr;
  grid-template-columns:minmax(0,1fr) 118px;
}

#transparency-impact[dir="ltr"] .ti-point__copy{
  direction:ltr;
  text-align:left;
}

#transparency-impact[dir="ltr"] .ti-cta svg{
  left:auto;
  right:34px;
  transform:scaleX(-1);
}

@media (max-width:720px){
  #transparency-impact.transparency-impact-section{
    padding:0 10px 24px;
  }

  #transparency-impact .ti-panel{
    width:100%;
    padding:32px 14px 30px;
    border-radius:0 0 22px 22px;
  }

  #transparency-impact .ti-head{
    margin-bottom:24px;
  }

  #transparency-impact .ti-title-pulse{
    width:220px;
    margin:6px auto 16px;
  }

  #transparency-impact .ti-title-pulse svg{
    height:42px;
  }

  #transparency-impact .ti-trust-card{
    margin-bottom:26px;
    padding:28px 16px 26px;
    border-radius:19px;
  }

  #transparency-impact .ti-trust-visual{
    width:min(100%,290px);
    height:222px;
    margin-bottom:18px;
  }

  #transparency-impact .ti-trust-visual img{
    width:min(100%,240px);
  }

  #transparency-impact .ti-point{
    grid-template-columns:124px minmax(0,1fr);
    gap:15px;
    min-height:126px;
    padding:15px 14px;
    border-radius:17px;
  }

  #transparency-impact .ti-point__icon{
    width:118px;
    height:118px;
  }

  #transparency-impact .ti-cta{
    width:calc(100% - 10px);
    min-height:66px;
    padding:0 62px;
    border-radius:12px;
  }

  #transparency-impact .ti-cta svg{
    left:24px;
    width:26px;
    height:26px;
  }
}

@media (max-width:430px){
  #transparency-impact.transparency-impact-section{
    padding:0 6px 18px;
  }

  #transparency-impact .ti-panel{
    padding:28px 8px 24px;
  }

  #transparency-impact .ti-head p{
    max-width:360px;
  }

  #transparency-impact .ti-trust-card{
    padding:24px 12px;
  }

  #transparency-impact .ti-trust-card__statement,
  #transparency-impact .ti-trust-card__small{
    max-width:310px;
  }

  #transparency-impact .ti-points{
    gap:10px;
  }

  #transparency-impact .ti-point{
    grid-template-columns:96px minmax(0,1fr);
    gap:12px;
    min-height:116px;
    padding:13px 10px;
  }

  #transparency-impact .ti-point__icon{
    width:92px;
    height:92px;
  }

  #transparency-impact .ti-point h3{
    margin-bottom:5px;
  }

  #transparency-impact .ti-cta{
    min-height:60px;
    padding:0 54px;
  }

  #transparency-impact .ti-cta svg{
    left:20px;
  }
}

/* Integrated About Us section. */
#about-us.about-us-section{
  --about-green:#204C3C;
  --about-text:#064E3B;
  --about-muted:#064E3B;
  direction:rtl;
  padding:0 18px 34px;
  background:#F5FAF7;
  color:var(--about-text);
}

#about-us .about-us-panel{
  width:min(100%,780px);
  margin:0 auto;
  padding:28px 42px 26px;
  border:0;
  border-radius:0 0 18px 18px;
  background:#fff;
  text-align:center;
  box-shadow:0 10px 28px rgba(6,78,59,.055);
}

#about-us .about-us-title{
  margin:0 0 16px;
  color:var(--about-green);
  font-size:clamp(30px,4.4vw,44px);
  font-weight:950;
  line-height:1.15;
  text-align:center;
}

#about-us .about-us-copy{
  max-width:690px;
  margin:0 auto;
}

#about-us .about-us-copy p{
  margin:0;
  color:var(--about-muted);
  font-size:clamp(15.5px,1.85vw,18.5px);
  font-weight:520;
  line-height:1.78;
}

#about-us .about-us-copy p + p{
  margin-top:14px;
}

#about-us .about-us-identity-line{
  margin:18px auto 17px;
  color:var(--about-green);
  font-size:clamp(16.5px,1.95vw,20px);
  font-weight:740;
  line-height:1.65;
}

#about-us .about-us-cards{
  max-width:690px;
  margin:0 auto;
  display:grid;
  gap:12px;
}

#about-us .about-us-card{
  padding:17px 24px 16px;
  border:1px solid rgba(6,78,59,.09);
  border-radius:12px;
  background:#fff;
  text-align:center;
  box-shadow:0 8px 20px rgba(6,78,59,.045);
}

#about-us .about-us-card h3{
  margin:0 0 6px;
  color:var(--about-green);
  font-size:clamp(18px,2.1vw,22px);
  font-weight:900;
  line-height:1.35;
}

#about-us .about-us-card p{
  max-width:600px;
  margin:0 auto;
  color:var(--about-muted);
  font-size:clamp(14.5px,1.7vw,16.5px);
  font-weight:520;
  line-height:1.62;
}

#about-us .about-us-closing{
  max-width:690px;
  margin:20px auto 0;
  color:var(--about-green);
  font-size:clamp(16px,1.9vw,20px);
  font-weight:680;
  line-height:1.68;
  text-align:center;
}

@media (max-width:700px){
  #about-us.about-us-section{
    padding:0 0 24px;
    background:#fff;
  }

  #about-us .about-us-panel{
    width:100%;
    padding:24px 18px;
    border-radius:0;
    box-shadow:none;
  }

  #about-us .about-us-title{
    margin-bottom:14px;
  }

  #about-us .about-us-copy p{
    font-size:15px;
    line-height:1.75;
  }

  #about-us .about-us-copy p + p{
    margin-top:12px;
  }

  #about-us .about-us-identity-line{
    margin:16px auto 15px;
    font-size:15.5px;
  }

  #about-us .about-us-card{
    padding:15px 14px 14px;
  }

  #about-us .about-us-card h3{
    font-size:18px;
  }

  #about-us .about-us-card p{
    font-size:14.5px;
  }

  #about-us .about-us-closing{
    margin-top:16px;
    font-size:15.5px;
  }
}

/* Integrated FAQ section. */
#faq.faq-section{
  --faq-green:#204C3C;
  --faq-text:#064E3B;
  --faq-muted:#1F2937;
  direction:rtl;
  padding:0 18px 36px;
  background:#F5FAF7;
  color:var(--faq-text);
}

#faq .faq-panel{
  width:min(100%,860px);
  margin:0 auto;
  padding:34px 34px 32px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(6,78,59,.055);
}

#faq .faq-head{
  max-width:720px;
  margin:0 auto 22px;
  text-align:center;
}

#faq .faq-head h2{
  margin:0 0 12px;
  color:var(--faq-green);
  font-size:clamp(30px,4.8vw,46px);
  font-weight:950;
  line-height:1.18;
}

#faq .faq-head p{
  margin:0;
  color:var(--faq-muted);
  font-size:clamp(15.5px,1.9vw,19px);
  font-weight:520;
  line-height:1.8;
}

#faq .faq-list{
  display:grid;
  gap:10px;
}

#faq .faq-item{
  overflow:hidden;
  border:1px solid rgba(6,78,59,.10);
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 20px rgba(6,78,59,.045);
}

#faq .faq-item[hidden]{
  display:none;
}

#faq .faq-item summary{
  position:relative;
  min-height:58px;
  display:flex;
  align-items:center;
  padding:15px 18px 15px 58px;
  color:var(--faq-text);
  cursor:pointer;
  font-size:clamp(15.5px,1.85vw,18px);
  font-weight:850;
  line-height:1.55;
  list-style:none;
}

#faq .faq-item summary::-webkit-details-marker{
  display:none;
}

#faq .faq-item summary::before{
  content:"";
  position:absolute;
  left:18px;
  right:auto;
  top:50%;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(32,76,60,.16);
  border-radius:10px;
  background-color:rgba(245,250,247,.74);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23006b49' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 12.6V5.8a1.7 1.7 0 0 1 3.4 0v5.7'/%3E%3Cpath d='M11.9 11.2V7.3a1.65 1.65 0 0 1 3.3 0v5.1'/%3E%3Cpath d='M15.2 12V9.7a1.65 1.65 0 0 1 3.3 0V16a4.7 4.7 0 0 1-4.7 4.7h-2.1a4.8 4.8 0 0 1-3.9-2l-2.4-3.4a1.55 1.55 0 0 1 2.2-2.1l2.1 1.9'/%3E%3Cpath d='M4 4.2 6 6.1'/%3E%3Cpath d='M3.3 9h2.8'/%3E%3Cpath d='M9 2.8v2.6'/%3E%3C/svg%3E");
  background-position:center;
  background-repeat:no-repeat;
  background-size:20px 20px;
  transform:translateY(-50%);
  transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

#faq .faq-item[open] summary::before{
  background-color:var(--faq-green);
  border-color:var(--faq-green);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 12.6V5.8a1.7 1.7 0 0 1 3.4 0v5.7'/%3E%3Cpath d='M11.9 11.2V7.3a1.65 1.65 0 0 1 3.3 0v5.1'/%3E%3Cpath d='M15.2 12V9.7a1.65 1.65 0 0 1 3.3 0V16a4.7 4.7 0 0 1-4.7 4.7h-2.1a4.8 4.8 0 0 1-3.9-2l-2.4-3.4a1.55 1.55 0 0 1 2.2-2.1l2.1 1.9'/%3E%3Cpath d='M4 4.2 6 6.1'/%3E%3Cpath d='M3.3 9h2.8'/%3E%3Cpath d='M9 2.8v2.6'/%3E%3C/svg%3E");
  box-shadow:0 8px 16px rgba(32,76,60,.16);
}

#faq .faq-item p{
  margin:0;
  padding:0 18px 18px 58px;
  color:var(--faq-muted);
  font-size:clamp(14.5px,1.75vw,16.5px);
  font-weight:500;
  line-height:1.8;
}

#faq .faq-more{
  min-height:48px;
  margin:20px auto 0;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(32,76,60,.18);
  border-radius:10px;
  background:#fff;
  color:var(--faq-green);
  cursor:pointer;
  font:inherit;
  font-size:15.5px;
  font-weight:850;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

#faq .faq-more svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .18s ease;
}

#faq .faq-more[aria-expanded="true"] svg{
  transform:rotate(180deg);
}

#faq .faq-more:hover{
  transform:translateY(-1px);
  background:#F5FAF7;
  box-shadow:0 10px 20px rgba(6,78,59,.06);
}

#faq .faq-contact{
  max-width:680px;
  margin:24px auto 0;
  padding-top:22px;
  border-top:1px solid rgba(6,78,59,.10);
  text-align:center;
}

#faq .faq-contact p{
  margin:0 0 14px;
  color:var(--faq-text);
  font-size:clamp(15.5px,1.9vw,18px);
  font-weight:650;
  line-height:1.75;
}

#faq .faq-whatsapp{
  min-height:52px;
  width:min(100%,230px);
  margin:0 auto;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:11px;
  background:linear-gradient(135deg,#204C3C,#204C3C);
  color:#fff;
  text-decoration:none;
  font-size:16px;
  font-weight:900;
  box-shadow:0 12px 24px rgba(32,76,60,.18);
  transition:transform .18s ease, box-shadow .18s ease;
}

#faq .faq-whatsapp svg{
  width:22px;
  height:22px;
  flex:0 0 auto;
  fill:currentColor;
  stroke:none;
}

#faq .faq-whatsapp span{
  line-height:1;
}

#faq .faq-whatsapp:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 28px rgba(32,76,60,.22);
}

@media (max-width:700px){
  #faq.faq-section{
    padding:0 0 24px;
    background:#fff;
  }

  #faq .faq-panel{
    width:100%;
    padding:28px 14px 26px;
    border-radius:0;
    box-shadow:none;
  }

  #faq .faq-head{
    margin-bottom:18px;
  }

  #faq .faq-head p{
    font-size:15px;
    line-height:1.75;
  }

  #faq .faq-list{
    gap:9px;
  }

  #faq .faq-item{
    border-radius:11px;
  }

  #faq .faq-item summary{
    min-height:56px;
    padding:14px 12px 14px 52px;
    font-size:15px;
  }

  #faq .faq-item summary::before{
    left:14px;
    right:auto;
    width:28px;
    height:28px;
    background-size:19px 19px;
  }

  #faq .faq-item p{
    padding:0 12px 16px 52px;
    font-size:14.5px;
    line-height:1.75;
  }

  #faq .faq-more{
    width:min(100%,260px);
    margin-top:18px;
  }

  #faq .faq-contact{
    margin-top:22px;
    padding-top:20px;
  }

  #faq .faq-whatsapp{
    width:100%;
    max-width:300px;
  }
}

#final-donation-cta.final-donation-cta{
  direction:rtl;
  position:relative;
  overflow:hidden;
  margin:0;
  min-height:560px;
  padding:96px 18px 104px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 0%, rgba(32,76,60,.30) 0%, rgba(6,78,59,.22) 20%, transparent 48%),
    radial-gradient(circle at 50% 60%, rgba(6,78,59,.58) 0%, rgba(6,78,59,.34) 42%, transparent 70%),
    radial-gradient(circle at 10% 18%, rgba(255,255,255,.045) 0%, transparent 28%),
    linear-gradient(135deg,#064E3B 0%,#064E3B 48%,#064E3B 100%);
  color:#fff;
  text-align:center;
}

#final-donation-cta.final-donation-cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(130deg, transparent 0%, rgba(255,255,255,.045) 48%, transparent 49%),
    linear-gradient(20deg, transparent 0%, rgba(255,255,255,.035) 62%, transparent 63%);
  opacity:.72;
  pointer-events:none;
}

#final-donation-cta.final-donation-cta::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 25% 36%, rgba(255,255,255,.18) 0 2px, transparent 3px),
    radial-gradient(circle at 40% 32%, rgba(221,239,230,.22) 0 3px, transparent 4px),
    radial-gradient(circle at 68% 29%, rgba(255,255,255,.16) 0 2px, transparent 3px),
    radial-gradient(circle at 77% 44%, rgba(221,239,230,.16) 0 2px, transparent 3px);
  opacity:.55;
  pointer-events:none;
}

#final-donation-cta .final-donation-cta__inner{
  position:relative;
  z-index:1;
  width:min(100%,1100px);
  margin:0 auto;
}

#final-donation-cta h2{
  margin:0;
  color:#fff;
  font-size:clamp(38px,4.6vw,62px);
  font-weight:950;
  line-height:1.18;
  letter-spacing:0;
  text-shadow:0 7px 22px rgba(0,0,0,.30);
}

#final-donation-cta .final-donation-cta__line{
  display:inline;
  white-space:nowrap;
}

#final-donation-cta .final-donation-cta__line + .final-donation-cta__line{
  margin-inline-start:.22em;
}

#final-donation-cta .final-donation-cta__accent{
  position:relative;
  display:inline-block;
  color:#48A054;
  text-shadow:0 0 18px rgba(72,160,84,.34), 0 7px 18px rgba(0,0,0,.24);
}

#final-donation-cta .final-donation-cta__accent::before,
#final-donation-cta .final-donation-cta__accent::after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:999px;
  background:#DDEFE6;
  box-shadow:0 0 12px rgba(221,239,230,.75);
}

#final-donation-cta .final-donation-cta__accent::before{
  inset:-5px 24% auto auto;
}

#final-donation-cta .final-donation-cta__accent::after{
  inset:auto 78% 8px auto;
  width:5px;
  height:5px;
}

#final-donation-cta p{
  max-width:760px;
  margin:26px auto 0;
  color:rgba(255,255,255,.88);
  font-size:clamp(18px,2.15vw,27px);
  font-weight:500;
  line-height:1.8;
  text-shadow:0 4px 14px rgba(0,0,0,.22);
}

#final-donation-cta .final-donation-cta__button{
  min-height:88px;
  min-width:410px;
  margin:58px auto 0;
  padding:0 44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  border:1px solid rgba(255,255,255,.86);
  border-radius:20px;
  background:linear-gradient(180deg,#fff 0%,#F9FAFB 100%);
  color:#064E3B;
  text-decoration:none;
  font-size:clamp(24px,2.8vw,34px);
  font-weight:950;
  box-shadow:0 22px 34px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.88);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

#final-donation-cta .final-donation-cta__button:hover{
  transform:translateY(-3px);
  background:linear-gradient(180deg,#fff 0%,#F5FAF7 100%);
  box-shadow:0 28px 42px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.92);
}

#final-donation-cta .final-donation-cta__button svg{
  width:54px;
  height:54px;
  flex:0 0 auto;
  fill:#064E3B;
  filter:drop-shadow(0 2px 4px rgba(6,78,59,.14));
}

#final-donation-cta .final-donation-cta__button span{
  line-height:1;
}

@media (max-width:700px){
  #final-donation-cta.final-donation-cta{
    min-height:430px;
    padding:58px 16px 64px;
  }

  #final-donation-cta h2{
    max-width:360px;
    margin:0 auto;
    font-size:34px;
    line-height:1.28;
  }

  #final-donation-cta .final-donation-cta__line{
    display:block;
  }

  #final-donation-cta .final-donation-cta__line + .final-donation-cta__line{
    margin-inline-start:0;
    margin-top:2px;
  }

  #final-donation-cta p{
    max-width:350px;
    margin-top:20px;
    font-size:16.5px;
    line-height:1.85;
  }

  #final-donation-cta .final-donation-cta__button{
    width:min(100%,320px);
    min-width:0;
    min-height:72px;
    margin-top:34px;
    padding:0 24px;
    gap:14px;
    border-radius:17px;
    font-size:23px;
  }

  #final-donation-cta .final-donation-cta__button svg{
    width:42px;
    height:42px;
  }
}

.shuaa-footer{
  --footer-bg:#03382C;
  --footer-bg-2:#064E3B;
  --footer-accent:#16A36F;
  --footer-accent-soft:rgba(22, 163, 111, 0.18);
  --footer-text:#FFFFFF;
  --footer-muted:rgba(255, 255, 255, 0.72);
  --footer-border:rgba(255, 255, 255, 0.12);
  direction:ltr;
  position:relative;
  overflow:hidden;
  margin:0;
  padding:0;
  background:
    radial-gradient(circle at 18% 8%, rgba(22,163,111,.18) 0%, transparent 32%),
    radial-gradient(circle at 82% 76%, rgba(22,163,111,.14) 0%, transparent 30%),
    linear-gradient(135deg,var(--footer-bg) 0%, #022e25 52%, var(--footer-bg-2) 100%);
  color:var(--footer-text);
}

html[dir="rtl"] .shuaa-footer,
html[lang^="ar"] .shuaa-footer{
  direction:rtl;
}

.shuaa-footer *,
.shuaa-footer *::before,
.shuaa-footer *::after{
  box-sizing:border-box;
}

.shuaa-footer [data-lang]{
  display:none;
}

html:not([dir="rtl"]) .shuaa-footer [data-lang="en"]{
  display:inline;
}

html[dir="rtl"] .shuaa-footer [data-lang="ar"],
html[lang^="ar"] .shuaa-footer [data-lang="ar"]{
  display:inline;
}

html[dir="rtl"] .shuaa-footer [data-lang="en"],
html[lang^="ar"] .shuaa-footer [data-lang="en"]{
  display:none;
}

.shuaa-footer__shell{
  position:relative;
  z-index:1;
  width:min(100%,1280px);
  margin:0 auto;
  padding:58px 28px 34px;
}

.shuaa-footer__grid{
  display:grid;
  grid-template-columns:minmax(290px,1.35fr) minmax(135px,.78fr) minmax(155px,.9fr) minmax(185px,1fr) minmax(270px,1.22fr);
  gap:0;
  align-items:start;
}

.shuaa-footer__brand,
.shuaa-footer__section{
  min-width:0;
  padding:0 20px;
}

.shuaa-footer__brand{
  padding-inline-start:0;
}

.shuaa-footer__section{
  border-inline-start:1px solid var(--footer-border);
}

.shuaa-footer__brand-link{
  display:inline-flex;
  align-items:center;
  gap:14px;
  color:var(--footer-text);
  text-decoration:none;
}

.shuaa-footer__mark{
  width:48px;
  height:48px;
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.shuaa-footer__mark svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:#DDEFE6;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.shuaa-footer__logo-image{
  width:min(320px, 100%);
  height:auto;
  display:block;
  padding:10px 12px;
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 26px rgba(0,0,0,.12);
}

.shuaa-footer__brand-name{
  max-width:210px;
  color:var(--footer-text);
  font-size:clamp(24px,2.2vw,32px);
  font-weight:950;
  line-height:1.12;
  letter-spacing:0;
}

.shuaa-footer__summary{
  max-width:260px;
  margin:28px 0 0;
  color:var(--footer-muted);
  font-size:16px;
  font-weight:520;
  line-height:1.75;
}

.shuaa-footer__badges{
  display:grid;
  gap:13px;
  margin-top:32px;
}

.shuaa-footer__badge{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  color:var(--footer-text);
  font-size:15px;
  font-weight:760;
}

.shuaa-footer__badge svg{
  width:36px;
  height:36px;
  flex:0 0 auto;
  padding:8px;
  border:1px solid rgba(32,76,60,.32);
  border-radius:999px;
  background:var(--footer-accent-soft);
  fill:none;
  stroke:#DDEFE6;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.shuaa-footer__section-title{
  width:100%;
  min-height:42px;
  padding:0;
  display:flex;
  align-items:center;
  gap:10px;
  border:0;
  background:transparent;
  color:var(--footer-text);
  text-align:inherit;
  font:inherit;
  font-size:19px;
  font-weight:900;
  letter-spacing:0;
}

.shuaa-footer__section-title > svg{
  display:none;
  width:22px;
  height:22px;
  flex:0 0 auto;
  fill:none;
  stroke:#48A054;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.shuaa-footer__chevron{
  display:none;
  width:10px;
  height:10px;
  margin-inline-start:auto;
  border-inline-end:2px solid currentColor;
  border-bottom:2px solid currentColor;
  opacity:.82;
  transform:rotate(45deg);
  transition:transform .22s ease;
}

html[dir="rtl"] .shuaa-footer__chevron,
html[lang^="ar"] .shuaa-footer__chevron{
  margin-inline-start:auto;
}

.shuaa-footer__panel{
  margin-top:22px;
}

.shuaa-footer__links,
.shuaa-footer__contact-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:16px;
}

.shuaa-footer__links a,
.shuaa-footer__contact-list a{
  color:var(--footer-muted);
  text-decoration:none;
  transition:color .18s ease, transform .18s ease;
}

.shuaa-footer__links a{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:15px;
  font-weight:650;
  line-height:1.45;
}

.shuaa-footer__links a::before{
  content:"›";
  color:var(--footer-accent);
  font-size:24px;
  font-weight:400;
  line-height:1;
}

html[dir="rtl"] .shuaa-footer__links a::before,
html[lang^="ar"] .shuaa-footer__links a::before{
  content:"‹";
}

.shuaa-footer__links a:hover,
.shuaa-footer__contact-list a:hover{
  color:#fff;
}

.shuaa-footer__links a:focus-visible,
.shuaa-footer__contact-list a:focus-visible,
.shuaa-footer__section-title:focus-visible{
  outline:2px solid rgba(221,239,230,.9);
  outline-offset:4px;
  border-radius:8px;
}

.shuaa-footer__contact-list{
  gap:16px;
}

.shuaa-footer__contact-list li{
  min-width:0;
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:10px;
  align-items:start;
}

html[dir="rtl"] .shuaa-footer__contact-list li,
html[lang^="ar"] .shuaa-footer__contact-list li{
  grid-template-columns:22px minmax(0,1fr);
}

.shuaa-footer__contact-list svg{
  width:21px;
  height:21px;
  margin-top:1px;
  fill:none;
  stroke:#DDEFE6;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.shuaa-footer__contact-list a{
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
  font-size:13.6px;
  font-weight:650;
  line-height:1.55;
}

.shuaa-footer__bottom{
  margin-top:48px;
  padding-top:26px;
  border-top:1px solid var(--footer-border);
  text-align:center;
}

.shuaa-footer__bottom p{
  margin:0;
  color:var(--footer-muted);
  font-size:14.5px;
  font-weight:560;
  line-height:1.7;
}

.shuaa-footer__bottom p + p{
  margin-top:8px;
}

@media (max-width:1040px){
  .shuaa-footer__shell{
    padding:48px 26px 32px;
  }

  .shuaa-footer__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:32px 0;
  }

  .shuaa-footer__brand{
    grid-column:1 / -1;
    padding:0 0 8px;
    border-bottom:1px solid var(--footer-border);
  }

  .shuaa-footer__summary{
    max-width:560px;
    margin-top:18px;
  }

  .shuaa-footer__badges{
    max-width:760px;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:24px;
  }

  .shuaa-footer__section{
    padding:0 24px;
  }

  .shuaa-footer__section:nth-of-type(2n + 3){
    border-inline-start:0;
  }
}

@media (max-width:760px){
  .shuaa-footer{
    background:
      radial-gradient(circle at 50% 0%, rgba(32,76,60,.17) 0%, transparent 34%),
      linear-gradient(160deg,var(--footer-bg) 0%, #064E3B 58%, var(--footer-bg-2) 100%);
  }

  .shuaa-footer__shell{
    padding:36px 18px 28px;
  }

  .shuaa-footer__grid{
    display:block;
  }

  .shuaa-footer__brand{
    padding:0 0 26px;
    border-bottom:1px solid var(--footer-border);
  }

  .shuaa-footer__brand-link{
    align-items:flex-start;
  }

  .shuaa-footer__mark{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .shuaa-footer__mark svg{
    width:31px;
    height:31px;
  }

  .shuaa-footer__logo-image{
    width:min(260px, 100%);
    padding:9px 10px;
  }

  .shuaa-footer__brand-name{
    max-width:230px;
    font-size:25px;
  }

  .shuaa-footer__summary{
    max-width:none;
    margin-top:18px;
    font-size:15px;
    line-height:1.75;
  }

  .shuaa-footer__badges{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:22px;
  }

  .shuaa-footer__badge{
    min-height:82px;
    padding:10px 7px;
    flex-direction:column;
    justify-content:center;
    gap:7px;
    border:1px solid var(--footer-border);
    border-radius:14px;
    background:rgba(255,255,255,.035);
    text-align:center;
    font-size:12.5px;
    line-height:1.35;
  }

  .shuaa-footer__badge svg{
    width:32px;
    height:32px;
    padding:7px;
  }

  .shuaa-footer__section{
    padding:0;
    border-inline-start:0;
    border-bottom:1px solid var(--footer-border);
  }

  .shuaa-footer__section-title{
    min-height:64px;
    cursor:pointer;
    font-size:17px;
  }

  .shuaa-footer__section-title > svg,
  .shuaa-footer__chevron{
    display:block;
  }

  .shuaa-footer__section-title[aria-expanded="true"] .shuaa-footer__chevron{
    transform:rotate(225deg);
  }

  .shuaa-footer__panel{
    max-height:0;
    margin-top:0;
    overflow:hidden;
    visibility:hidden;
    transition:max-height .28s ease, visibility .28s ease;
  }

  .shuaa-footer__section-title[aria-expanded="true"] + .shuaa-footer__panel{
    max-height:var(--shuaa-footer-panel-height, 520px);
    visibility:visible;
  }

  .shuaa-footer__links,
  .shuaa-footer__contact-list{
    gap:13px;
    padding:0 0 20px;
  }

  .shuaa-footer__links a{
    font-size:15px;
  }

  .shuaa-footer__contact-list a{
    font-size:14.5px;
  }

  .shuaa-footer__bottom{
    margin-top:26px;
    padding-top:24px;
  }

  .shuaa-footer__bottom p{
    font-size:13.5px;
  }
}

@media (max-width:390px){
  .shuaa-footer__badges{
    grid-template-columns:1fr;
  }

  .shuaa-footer__badge{
    min-height:58px;
    flex-direction:row;
    text-align:start;
    justify-content:flex-start;
  }
}

/* Site-wide typography review layer */
:root{
  --shuaa-font-ar:"IBM Plex Sans Arabic","Noto Kufi Arabic","Cairo","Tajawal","Segoe UI",Tahoma,Arial,sans-serif;
  --shuaa-font-en:"Inter","Aptos","Segoe UI",Roboto,Arial,sans-serif;
  --shuaa-font-body:var(--shuaa-font-ar);
  --shuaa-font-heading:var(--shuaa-font-ar);
}

html:not([dir="rtl"]){
  --shuaa-font-body:var(--shuaa-font-en);
  --shuaa-font-heading:var(--shuaa-font-en);
}

html,
body,
input,
button,
select,
textarea{
  font-family:var(--shuaa-font-body) !important;
}

body{
  font-synthesis-weight:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
.desktop-nav,
.donate-top,
.btn,
.campaign-btn,
.faq-more,
.faq-whatsapp,
.final-donation-cta__button,
.shuaa-footer__brand-name,
.shuaa-footer__section-title{
  font-family:var(--shuaa-font-heading) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
button,
summary,
li,
span{
  letter-spacing:0 !important;
}

.campaigns-section .section-heading h2,
.process-head h2,
.islam-giving-head h2,
#transparency-impact .ti-head h2,
#about-us .about-us-title,
#faq .faq-head h2{
  font-size:clamp(30px,4.3vw,46px) !important;
  line-height:1.22 !important;
  font-weight:900 !important;
}

.campaigns-section .section-heading p,
.process-head p,
.islam-giving-head p,
#transparency-impact .ti-head p,
#about-us .about-us-intro p,
#about-us .about-us-closing,
#faq .faq-head p{
  font-size:clamp(15.5px,1.85vw,18.5px) !important;
  line-height:1.85 !important;
  font-weight:520 !important;
}

.campaign-card h3,
.process-step h3,
.islam-giving-card h3,
#transparency-impact .ti-point h3,
#about-us .about-us-card h3{
  font-size:clamp(18px,2.15vw,22.5px) !important;
  line-height:1.35 !important;
  font-weight:850 !important;
}

.campaign-card p,
.process-step p,
.islam-giving-card p,
#transparency-impact .ti-point p,
#about-us .about-us-card p,
#faq .faq-item p{
  font-size:clamp(14.5px,1.7vw,16.5px) !important;
  line-height:1.78 !important;
  font-weight:500 !important;
}

#faq .faq-item summary{
  font-size:clamp(15.5px,1.85vw,18px) !important;
  line-height:1.45 !important;
  font-weight:800 !important;
}

.btn,
.donate-top,
.campaign-btn,
.faq-more,
.faq-whatsapp,
.final-donation-cta__button{
  font-weight:850 !important;
  line-height:1.15 !important;
}

.desktop-nav{
  font-weight:800 !important;
}

.shuaa-footer__summary,
.shuaa-footer__links a,
.shuaa-footer__contact-list a,
.shuaa-footer__bottom p{
  line-height:1.72 !important;
}

@media (max-width:760px){
  .campaigns-section .section-heading h2,
  .process-head h2,
  .islam-giving-head h2,
  #transparency-impact .ti-head h2,
  #about-us .about-us-title,
  #faq .faq-head h2{
    font-size:clamp(28px,8vw,38px) !important;
  }

  .campaigns-section .section-heading p,
  .process-head p,
  .islam-giving-head p,
  #transparency-impact .ti-head p,
  #about-us .about-us-intro p,
  #about-us .about-us-closing,
  #faq .faq-head p{
    font-size:15.5px !important;
    line-height:1.86 !important;
  }

  .campaign-card h3,
  .process-step h3,
  .islam-giving-card h3,
  #transparency-impact .ti-point h3,
  #about-us .about-us-card h3{
    font-size:18px !important;
  }

  .campaign-card p,
  .process-step p,
  .islam-giving-card p,
  #transparency-impact .ti-point p,
  #about-us .about-us-card p,
  #faq .faq-item p{
    font-size:14.5px !important;
    line-height:1.75 !important;
  }
}

/* Homepage production audit refinement layer */
:root{
  --shuaa-font-ar:"IBM Plex Sans Arabic","Tajawal",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --shuaa-font-en:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --shuaa-font-body:var(--shuaa-font-ar);
  --shuaa-font-heading:var(--shuaa-font-ar);
  --shuaa-section-y:clamp(60px,7vw,96px);
  --shuaa-control-radius:12px;
}

html:not([dir="rtl"]){
  --shuaa-font-body:var(--shuaa-font-en);
  --shuaa-font-heading:var(--shuaa-font-en);
}

body,
input,
button,
select,
textarea{
  font-family:var(--shuaa-font-body) !important;
}

.site-header,
.hero,
.campaigns-section,
#how-we-work,
#giving-in-islam,
#transparency-impact,
#about-us,
#faq,
#final-donation-cta,
.shuaa-footer{
  font-family:var(--shuaa-font-body) !important;
}

.site-header{
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid rgba(6,78,59,.08) !important;
  backdrop-filter:blur(18px) !important;
}

.header-shell{
  width:min(100%,1480px) !important;
  height:clamp(78px,6.2vw,96px) !important;
  padding-inline:clamp(18px,3vw,46px) !important;
  gap:clamp(12px,2vw,28px) !important;
}

.brand{
  width:clamp(150px,14vw,222px) !important;
  min-width:clamp(150px,14vw,222px) !important;
}

.brand img{
  max-height:70px !important;
  object-fit:contain !important;
}

.desktop-nav{
  gap:clamp(22px,2.4vw,42px) !important;
  font-size:clamp(15.5px,1.05vw,18px) !important;
  font-weight:820 !important;
}

.site-header .donate-top{
  min-width:auto !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 20px !important;
  border-radius:var(--shuaa-control-radius) !important;
  font-size:16.5px !important;
  white-space:nowrap !important;
}

.menu-btn{
  width:52px !important;
  height:52px !important;
  border-radius:var(--shuaa-control-radius) !important;
  background:#F5FAF7 !important;
  box-shadow:inset 0 0 0 1px rgba(6,78,59,.13) !important;
}

.menu-btn span{
  width:22px !important;
  height:2.5px !important;
}

.hero{
  min-height:100svh !important;
}

.hero-overlay{
  background:
    linear-gradient(90deg,rgba(3,8,10,.08) 0%,rgba(6,12,15,.42) 43%,rgba(3,8,10,.9) 100%),
    linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.58)) !important;
}

.hero-content{
  width:min(100%,1480px) !important;
  padding-inline:clamp(22px,5vw,72px) !important;
}

.hero-copy{
  width:min(780px,54vw) !important;
}

.hero-copy h1{
  max-width:760px !important;
  font-size:clamp(42px,4.25vw,68px) !important;
  line-height:1.13 !important;
  letter-spacing:0 !important;
}

.hero-copy h1 span,
.hero-copy h1 strong{
  white-space:nowrap !important;
}

.hero-copy h1 strong{
  margin-top:10px !important;
}

.hero-copy p{
  max-width:660px !important;
  margin-top:24px !important;
  font-size:clamp(17px,1.45vw,22px) !important;
  line-height:1.86 !important;
}

.hero-buttons{
  width:min(100%,520px) !important;
  margin-top:30px !important;
  gap:12px !important;
}

.hero-buttons .btn,
.hero-buttons .btn-primary,
.hero-buttons .btn-dark{
  min-height:58px !important;
  padding:0 22px !important;
  border-radius:14px !important;
  font-size:17px !important;
  white-space:nowrap !important;
}

.trust-marquee{
  width:min(100%,1060px) !important;
  margin-inline:auto !important;
}

.trust-marquee__item{
  min-height:48px !important;
  padding:0 16px !important;
  gap:9px !important;
  font-size:14px !important;
}

.campaigns-section{
  padding-block:var(--shuaa-section-y) !important;
}

.campaigns-shell{
  width:min(100%,1280px) !important;
}

.campaigns-grid{
  align-items:stretch !important;
  gap:24px !important;
}

.campaign-card{
  height:100% !important;
  border-radius:22px !important;
  box-shadow:0 18px 48px rgba(0,0,0,.22) !important;
}

.campaign-media{
  aspect-ratio:16 / 10 !important;
}

.campaign-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.campaign-body{
  flex:1 !important;
  padding:22px 22px 24px !important;
  gap:15px !important;
}

.campaign-body h3{
  min-height:2.7em !important;
  display:flex !important;
  align-items:flex-start !important;
}

.campaign-body p{
  min-height:5.35em !important;
}

.campaign-progress{
  margin-top:auto !important;
}

.campaign-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin-top:6px !important;
}

.campaign-actions .campaign-btn{
  min-height:48px !important;
  padding-inline:12px !important;
  border-radius:12px !important;
  font-size:14.5px !important;
  white-space:nowrap !important;
}

.campaign-actions .campaign-btn::before{
  width:18px !important;
  height:18px !important;
}

#how-we-work,
#giving-in-islam,
#transparency-impact,
#about-us,
#faq,
#final-donation-cta{
  scroll-margin-top:96px !important;
}

@media (max-width:1180px){
  .campaigns-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .campaign-body h3{
    min-height:0 !important;
  }
}

@media (max-width:820px){
  .header-shell{
    height:76px !important;
    padding-inline:12px !important;
    gap:8px !important;
    direction:ltr !important;
  }

  .brand{
    width:clamp(116px,34vw,146px) !important;
    min-width:clamp(116px,34vw,146px) !important;
  }

  .brand img{
    max-height:52px !important;
  }

  .site-header .donate-top{
    height:44px !important;
    min-height:44px !important;
    padding:0 12px !important;
    gap:7px !important;
    border-radius:11px !important;
    font-size:14px !important;
  }

  .site-header .donate-top::before{
    width:16px !important;
    height:16px !important;
  }

  .menu-btn{
    width:44px !important;
    height:44px !important;
    border-radius:11px !important;
  }

  .menu-btn span{
    width:19px !important;
    height:2.25px !important;
  }

  .hero{
    padding-top:76px !important;
    min-height:calc(100svh - 0px) !important;
  }

  .hero-overlay{
    background:
      linear-gradient(to bottom,rgba(6,78,59,.54) 0%,rgba(6,78,59,.64) 40%,rgba(6,78,59,.86) 100%) !important;
  }

  .hero-content{
    min-height:calc(100svh - 76px) !important;
    padding:26px 18px 18px !important;
    gap:18px !important;
  }

  .hero-copy{
    width:100% !important;
    max-width:640px !important;
    text-align:center !important;
  }

  .hero-copy h1{
    font-size:clamp(34px,9.6vw,46px) !important;
    line-height:1.16 !important;
    text-wrap:balance;
  }

  .hero-copy h1 span,
  .hero-copy h1 strong{
    white-space:normal !important;
  }

  .hero-copy p{
    max-width:540px !important;
    margin:18px auto 0 !important;
    font-size:15.5px !important;
    line-height:1.86 !important;
    text-wrap:pretty;
  }

  .hero-buttons{
    width:100% !important;
    max-width:420px !important;
    margin-inline:auto !important;
    margin-top:24px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .hero-buttons .btn,
  .hero-buttons .btn-primary,
  .hero-buttons .btn-dark{
    min-height:54px !important;
    border-radius:13px !important;
    font-size:16px !important;
  }

  .trust-marquee{
    border-radius:18px !important;
  }

  .trust-marquee__item{
    min-height:42px !important;
    padding:0 12px !important;
    font-size:12.5px !important;
  }

  .trust-marquee__icon{
    width:24px !important;
    height:24px !important;
  }

  .campaigns-section{
    padding-block:58px 68px !important;
  }

  .campaigns-shell{
    padding-inline:16px !important;
  }

  .campaigns-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .campaign-card{
    border-radius:19px !important;
  }

  .campaign-body{
    padding:18px 16px 18px !important;
  }

  .campaign-body h3,
  .campaign-body p{
    min-height:0 !important;
  }

  .campaign-actions .campaign-btn{
    min-height:46px !important;
    font-size:14px !important;
  }

  .shuaa-footer__shell{
    padding:30px 16px 22px !important;
  }

  .shuaa-footer__brand{
    padding-bottom:20px !important;
  }

  .shuaa-footer__brand-name{
    font-size:23px !important;
  }

  .shuaa-footer__summary{
    margin-top:14px !important;
    font-size:14px !important;
    line-height:1.7 !important;
  }

  .shuaa-footer__badges{
    margin-top:18px !important;
    gap:7px !important;
  }

  .shuaa-footer__badge{
    min-height:68px !important;
    padding:8px 5px !important;
    border-radius:12px !important;
    font-size:11.5px !important;
  }

  .shuaa-footer__badge svg{
    width:28px !important;
    height:28px !important;
    padding:6px !important;
  }

  .shuaa-footer__section-title{
    min-height:54px !important;
    font-size:15.5px !important;
  }

  .shuaa-footer__links,
  .shuaa-footer__contact-list{
    gap:11px !important;
    padding-bottom:16px !important;
  }

  .shuaa-footer__links a,
  .shuaa-footer__contact-list a{
    font-size:13.5px !important;
  }

  .shuaa-footer__bottom{
    margin-top:20px !important;
    padding-top:20px !important;
  }
}

@media (max-width:430px){
  .header-shell{
    height:72px !important;
  }

  .brand{
    width:112px !important;
    min-width:112px !important;
  }

  .site-header .donate-top{
    padding:0 10px !important;
    font-size:13.5px !important;
  }

  .hero{
    padding-top:72px !important;
  }

  .hero-content{
    min-height:calc(100svh - 72px) !important;
    padding-inline:14px !important;
  }

  .hero-copy h1{
    font-size:clamp(32px,10vw,40px) !important;
  }

  .campaign-actions{
    grid-template-columns:1fr !important;
  }

  .shuaa-footer__badges{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .shuaa-footer__badge{
    min-height:62px !important;
    flex-direction:column !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:10.5px !important;
  }
}

/* Icon recovery and visual system harmonization */
:root{
  --shuaa-brand:#204C3C;
  --shuaa-brand-hover:#204C3C;
  --shuaa-brand-soft:#F5FAF7;
  --shuaa-page:#F5FAF7;
  --shuaa-page-2:#F5FAF7;
  --shuaa-text:#064E3B;
  --shuaa-muted:#1F2937;
  --shuaa-border-soft:rgba(6,78,59,.11);
  --shuaa-card-shadow:0 14px 34px rgba(6,78,59,.08);
}

body{
  background:var(--shuaa-page) !important;
}

/* Restore real inline SVG icons in the header and hero buttons. */
.site-header .donate-top::before,
.hero-buttons .btn-primary::before{
  content:none !important;
  display:none !important;
}

.site-header .donate-top svg,
.hero-buttons .btn-primary svg,
.hero-buttons .btn-dark svg,
.trust-marquee__icon svg,
.step-icon svg,
.islam-note__icon svg,
#transparency-impact .ti-title-pulse svg,
#transparency-impact .ti-cta svg,
#faq .faq-more svg,
#faq .faq-whatsapp svg,
#final-donation-cta .final-donation-cta__button svg,
.shuaa-footer svg{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  flex:0 0 auto !important;
}

.site-header .donate-top svg,
.hero-buttons .btn-primary svg{
  width:19px !important;
  height:19px !important;
  fill:currentColor !important;
}

.hero-buttons .btn-dark svg{
  width:20px !important;
  height:20px !important;
  fill:none !important;
  stroke:currentColor !important;
}

.campaign-actions .campaign-btn::before,
.campaign-hero__actions .campaign-btn::before,
.campaign-final-cta__actions .campaign-btn::before,
.campaign-btn.primary[data-donate-submit]::before{
  display:inline-block !important;
  visibility:visible !important;
  opacity:1 !important;
}

.islam-card__icon img,
#transparency-impact .ti-trust-visual img,
#transparency-impact .ti-point__icon img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
}

.step-icon,
.trust-marquee__icon,
.islam-card__icon,
#transparency-impact .ti-point__icon,
#transparency-impact .ti-trust-visual{
  visibility:visible !important;
  opacity:1 !important;
}

/* Make the homepage read as one coherent system: dark action areas, soft institutional content areas. */
.process-site-section,
#giving-in-islam.islam-giving-section,
#transparency-impact.transparency-impact-section,
#about-us.about-us-section,
#faq.faq-section{
  background:
    radial-gradient(circle at 50% 0%, rgba(32,76,60,.035), transparent 34%),
    linear-gradient(180deg,var(--shuaa-page) 0%,#fff 48%,var(--shuaa-page) 100%) !important;
  color:var(--shuaa-text) !important;
}

.process-card,
#giving-in-islam .islam-giving-panel,
#transparency-impact .ti-panel,
#about-us .about-us-panel,
#faq .faq-panel{
  background:rgba(255,255,255,.94) !important;
  border-color:var(--shuaa-border-soft) !important;
  box-shadow:var(--shuaa-card-shadow) !important;
}

.process-head h2,
.process-step h3,
#giving-in-islam .islam-giving-head h2,
#giving-in-islam .islam-giving-card h3,
#transparency-impact .ti-head h2,
#transparency-impact .ti-trust-card h3,
#transparency-impact .ti-point h3,
#about-us .about-us-title,
#about-us .about-us-card h3,
#faq .faq-head h2{
  color:var(--shuaa-brand) !important;
}

.process-head p,
.process-step p,
#giving-in-islam .islam-giving-head p,
#giving-in-islam .islam-giving-card p,
#transparency-impact .ti-head p,
#transparency-impact .ti-trust-card__statement,
#transparency-impact .ti-trust-card__small,
#transparency-impact .ti-point p,
#about-us .about-us-copy p,
#about-us .about-us-card p,
#about-us .about-us-closing,
#faq .faq-head p,
#faq .faq-item p{
  color:var(--shuaa-muted) !important;
}

.process-head__rule,
#giving-in-islam .islam-title-rule,
#giving-in-islam .islam-title-rule::before,
#transparency-impact .ti-trust-card__rule{
  background:var(--shuaa-brand) !important;
}

.campaigns-section,
.final-donation-cta,
.shuaa-footer{
  --shuaa-dark-top:#03382c;
  --shuaa-dark-bottom:#071512;
}

.campaigns-section{
  background:
    radial-gradient(circle at top right, rgba(22,163,111,.14), transparent 30%),
    linear-gradient(180deg,var(--shuaa-dark-bottom) 0%,#0b1d19 52%,var(--shuaa-dark-bottom) 100%) !important;
}

.campaign-card{
  border-color:rgba(255,255,255,.11) !important;
  background:rgba(255,255,255,.045) !important;
}

.campaign-actions .campaign-btn.primary,
.site-header .donate-top,
.hero-buttons .btn-primary{
  background:var(--shuaa-brand) !important;
  border-color:var(--shuaa-brand) !important;
}

.campaign-actions .campaign-btn.primary:hover,
.site-header .donate-top:hover,
.hero-buttons .btn-primary:hover{
  background:var(--shuaa-brand-hover) !important;
  border-color:var(--shuaa-brand-hover) !important;
}

@media (max-width:820px){
  .site-header .donate-top svg,
  .hero-buttons .btn-primary svg{
    width:17px !important;
    height:17px !important;
  }

  .process-card,
  #giving-in-islam .islam-giving-panel,
  #transparency-impact .ti-panel,
  #about-us .about-us-panel,
  #faq .faq-panel{
    box-shadow:0 10px 24px rgba(6,78,59,.07) !important;
  }
}

/* Approved global color system */
:root{
  --brand-green:#204C3C;
  --brand-dark:#204C3C;
  --button-green:#204C3C;
  --button-green-hover:#204C3C;
  --surface-soft:#F5FAF7;
  --surface-mint:#F5FAF7;
  --text-main:#111827;
  --text-muted:#4B5563;
  --text-light:#6B7280;
  --line-light:#E5E7EB;
  --line-green:rgba(6,78,59,.14);
  --shuaa-gold:var(--button-green);
  --shuaa-gold-dark:var(--button-green-hover);
  --islam-gold:var(--brand-green);
  --card-radius:16px;
  --card-shadow:0 10px 26px rgba(17,24,39,.06);
  --dark-gradient:linear-gradient(135deg,#064E3B 0%,#064E3B 100%);
}

html,
body{
  color:var(--text-main) !important;
  background:var(--surface-soft) !important;
}

.site-header{
  background:rgba(255,255,255,.97) !important;
  border-bottom:1px solid var(--line-light) !important;
  box-shadow:0 8px 22px rgba(17,24,39,.06) !important;
}

.desktop-nav,
.desktop-nav a{
  color:var(--text-main) !important;
}

.desktop-nav a:hover,
.desktop-nav a.is-active{
  color:var(--brand-green) !important;
}

.site-header .donate-top,
.hero-buttons .btn-primary,
.campaign-actions .campaign-btn.primary,
.campaign-actions .campaign-btn.primary.udhiyah-action,
.campaign-btn.udhiyah-action,
.donate-top.udhiyah-action,
#faq .faq-whatsapp{
  background:var(--button-green) !important;
  border-color:var(--button-green) !important;
  color:#fff !important;
}

.site-header .donate-top:hover,
.hero-buttons .btn-primary:hover,
.campaign-actions .campaign-btn.primary:hover,
.campaign-actions .campaign-btn.primary.udhiyah-action:hover,
.campaign-btn.udhiyah-action:hover,
.donate-top.udhiyah-action:hover,
#faq .faq-whatsapp:hover{
  background:var(--button-green-hover) !important;
  border-color:var(--button-green-hover) !important;
}

.menu-btn{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--brand-green) !important;
}

.menu-btn span{
  background:var(--brand-green) !important;
}

.hero-overlay{
  background:
    linear-gradient(90deg,rgba(6,78,59,.08) 0%,rgba(6,78,59,.46) 45%,rgba(6,78,59,.92) 100%),
    linear-gradient(to bottom,rgba(6,78,59,.04),rgba(6,78,59,.62)) !important;
}

.hero-copy h1,
.hero-copy p{
  color:#fff !important;
}

.hero-copy h1 strong{
  color:#DDEFE6 !important;
}

.hero-copy p{
  color:rgba(255,255,255,.86) !important;
}

.hero-buttons .btn-dark,
.campaign-actions .campaign-btn.secondary,
#faq .faq-more,
#transparency-impact .ti-cta{
  background:#fff !important;
  border:1px solid var(--button-green) !important;
  color:var(--brand-green) !important;
}

.hero-buttons .btn-dark:hover,
.campaign-actions .campaign-btn.secondary:hover,
#faq .faq-more:hover,
#transparency-impact .ti-cta:hover{
  background:var(--surface-mint) !important;
  border-color:var(--button-green) !important;
  color:var(--brand-green) !important;
}

.campaigns-section,
.process-site-section,
#giving-in-islam.islam-giving-section,
#transparency-impact.transparency-impact-section,
#about-us.about-us-section,
#faq.faq-section{
  background:var(--surface-soft) !important;
  color:var(--text-main) !important;
}

.campaigns-section:nth-of-type(odd),
#transparency-impact.transparency-impact-section,
#faq.faq-section{
  background:#fff !important;
}

.campaign-card,
.process-card,
.process-step,
#giving-in-islam .islam-giving-card,
#transparency-impact .ti-trust-card,
#transparency-impact .ti-point,
#about-us .about-us-card,
#faq .faq-item{
  background:#fff !important;
  border:1px solid var(--line-green) !important;
  border-radius:var(--card-radius) !important;
  box-shadow:var(--card-shadow) !important;
}

.process-card,
#giving-in-islam .islam-giving-panel,
#transparency-impact .ti-panel,
#about-us .about-us-panel,
#faq .faq-panel{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

.campaigns-section .section-heading h2,
.process-head h2,
.process-step h3,
#giving-in-islam .islam-giving-head h2,
#giving-in-islam .islam-giving-card h3,
#transparency-impact .ti-head h2,
#transparency-impact .ti-trust-card h3,
#transparency-impact .ti-point h3,
#about-us .about-us-title,
#about-us .about-us-identity-line,
#about-us .about-us-card h3,
#faq .faq-head h2{
  color:var(--brand-green) !important;
}

.campaigns-section .section-heading p,
.campaign-body p,
.progress-top,
.progress-stats span,
.process-head p,
.process-step p,
#giving-in-islam .islam-giving-head p,
#giving-in-islam .islam-giving-card p,
#giving-in-islam .islam-giving-note p,
#transparency-impact .ti-head p,
#transparency-impact .ti-trust-card__statement,
#transparency-impact .ti-trust-card__small,
#transparency-impact .ti-point p,
#about-us .about-us-copy p,
#about-us .about-us-card p,
#about-us .about-us-closing,
#faq .faq-head p,
#faq .faq-item p,
#faq .faq-contact p{
  color:var(--text-muted) !important;
}

.campaign-body h3{
  color:var(--text-main) !important;
}

.campaign-badge,
.step-number{
  background:var(--brand-green) !important;
  color:#fff !important;
}

.progress-bar{
  background:var(--surface-mint) !important;
}

.progress-bar span{
  background:var(--button-green) !important;
  box-shadow:none !important;
}

.progress-stats strong{
  color:var(--brand-green) !important;
}

.step-icon,
.islam-card__icon,
#transparency-impact .ti-point__icon{
  background:var(--surface-mint) !important;
  border-radius:999px !important;
  color:var(--brand-green) !important;
}

.step-icon svg,
.trust-marquee__icon svg,
#faq .faq-more svg,
#faq .faq-whatsapp svg,
.shuaa-footer svg{
  stroke:currentColor !important;
}

.islam-decor{
  display:none !important;
}

#giving-in-islam .islam-giving-note{
  background:var(--surface-mint) !important;
  border:1px solid var(--line-green) !important;
}

#giving-in-islam .islam-giving-note strong{
  color:var(--brand-green) !important;
}

#transparency-impact .ti-title-pulse{
  color:var(--brand-green) !important;
}

#transparency-impact .ti-trust-card,
#transparency-impact .ti-point{
  background:#fff !important;
}

#faq .faq-item summary{
  color:var(--text-main) !important;
}

#faq .faq-item summary::before{
  color:var(--brand-green) !important;
  border-color:var(--line-green) !important;
  background:var(--surface-mint) !important;
}

#faq .faq-contact strong,
#faq .faq-contact b{
  color:var(--brand-green) !important;
}

.final-donation-cta{
  background:
    radial-gradient(circle at 50% 10%, rgba(255,255,255,.08), transparent 32%),
    var(--dark-gradient) !important;
  color:#fff !important;
}

.final-donation-cta h2,
.final-donation-cta p{
  color:#fff !important;
}

.final-donation-cta p{
  color:rgba(255,255,255,.86) !important;
}

.final-donation-cta__accent{
  color:#DDEFE6 !important;
}

#final-donation-cta .final-donation-cta__button{
  background:#fff !important;
  border-color:#fff !important;
  color:var(--brand-green) !important;
}

#final-donation-cta .final-donation-cta__button:hover{
  background:var(--surface-soft) !important;
}

.shuaa-footer{
  --footer-bg:#03382C;
  --footer-bg-2:#064E3B;
  --footer-accent:#16A36F;
  --footer-text:#fff;
  --footer-muted:rgba(255,255,255,.82);
  --footer-border:rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 18% 0%, rgba(22,163,111,.16), transparent 30%),
    linear-gradient(135deg,#03382C 0%,#022b23 55%,#064E3B 100%) !important;
  color:#fff !important;
}

.shuaa-footer__grid{
  grid-template-columns:minmax(290px,1.35fr) minmax(135px,.78fr) minmax(155px,.9fr) minmax(185px,1fr) minmax(270px,1.22fr) !important;
  gap:0 !important;
}

.shuaa-footer__section{
  padding:0 20px !important;
  border-inline-start:1px solid var(--footer-border) !important;
}

.shuaa-footer__brand{
  padding:0 20px 0 0 !important;
  border-inline-start:0 !important;
}

html[dir="rtl"] .shuaa-footer__brand,
html[lang^="ar"] .shuaa-footer__brand{
  padding:0 0 0 20px !important;
}

.shuaa-footer__brand-link{
  margin-top:0 !important;
}

.shuaa-footer__summary{
  max-width:260px !important;
  margin-top:28px !important;
}

.shuaa-footer__links a,
.shuaa-footer__contact-list a,
.shuaa-footer__contact-list span{
  color:var(--footer-muted) !important;
}

.shuaa-footer__links a:hover,
.shuaa-footer__contact-list a:hover{
  color:#fff !important;
}

.shuaa-footer__bottom{
  color:var(--footer-muted) !important;
}

@media (min-width:761px){
  .shuaa-footer__section-title{
    pointer-events:none !important;
  }

  .shuaa-footer__chevron{
    display:none !important;
  }
}

@media (max-width:760px){
  .campaign-card,
  .process-step,
  #giving-in-islam .islam-giving-card,
  #transparency-impact .ti-trust-card,
  #transparency-impact .ti-point,
  #about-us .about-us-card,
  #faq .faq-item{
    box-shadow:0 8px 18px rgba(17,24,39,.045) !important;
  }

  .shuaa-footer__grid{
    display:block !important;
  }

  .shuaa-footer__brand{
    padding:0 0 26px !important;
    border-bottom:0 !important;
    border-inline-start:0 !important;
  }

  .shuaa-footer__section{
    padding:0 !important;
    border-inline-start:0 !important;
    border-bottom:1px solid var(--footer-border) !important;
  }

  .shuaa-footer__brand-link{
    margin-top:0 !important;
  }
}

@media (max-width:1040px){
  .shuaa-footer__brand{
    border-bottom:0 !important;
  }
}

/* Professional bilingual language switcher */
.language-toggle{
  flex:0 0 auto;
  height:38px;
  min-width:116px;
  padding:3px 5px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid rgba(6,78,59,.16);
  border-radius:12px;
  background:linear-gradient(180deg,#fff 0%,#F5FAF7 100%);
  color:var(--brand-green);
  box-shadow:0 8px 18px rgba(17,24,39,.045), inset 0 1px 0 rgba(255,255,255,.86);
  cursor:pointer;
  font:inherit;
  font-weight:820;
  line-height:1;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.language-toggle:hover,
.language-toggle:focus-visible{
  border-color:rgba(32,76,60,.45);
  box-shadow:0 12px 26px rgba(17,24,39,.09);
  outline:0;
}

.language-toggle:active{
  transform:translateY(1px);
}

.language-toggle__globe{
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:var(--surface-mint);
  color:var(--brand-green);
}

.language-toggle__globe svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.language-toggle__divider{
  width:1px;
  height:16px;
  background:rgba(6,78,59,.16);
}

.language-toggle__option{
  min-width:25px;
  height:28px;
  padding:0 6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  color:var(--text-light);
  font-size:12px;
  letter-spacing:.02em;
  transition:background .18s ease, color .18s ease, box-shadow .18s ease;
}

html[lang^="ar"] .language-toggle__option[data-toggle-ar],
html[lang^="en"] .language-toggle__option[data-toggle-en]{
  background:var(--brand-green);
  color:#fff;
  box-shadow:0 5px 12px rgba(6,78,59,.18);
}

.desktop-nav .language-toggle{
  margin-inline-start:8px;
  align-self:center;
}

.mobile-nav-panel .language-toggle{
  width:100%;
  height:54px;
  min-width:0;
  margin-top:8px;
  padding:6px;
  justify-content:flex-start;
  border-color:rgba(6,78,59,.14);
  background:var(--surface-soft);
  box-shadow:none;
}

.mobile-nav-panel .language-toggle__globe{
  width:34px;
  height:34px;
  border-radius:10px;
}

.mobile-nav-panel .language-toggle__option{
  flex:1 1 0;
  height:36px;
  min-width:0;
  font-size:13px;
}

html[dir="ltr"] .site-header,
html[dir="ltr"] .header-shell,
html[dir="ltr"] .desktop-nav,
html[dir="ltr"] .mobile-nav-panel,
html[dir="ltr"] .campaign-body,
html[dir="ltr"] .process-card,
html[dir="ltr"] #giving-in-islam,
html[dir="ltr"] #transparency-impact,
html[dir="ltr"] #about-us,
html[dir="ltr"] #faq,
html[dir="ltr"] #final-donation-cta{
  direction:ltr;
}

html[dir="ltr"] .header-shell{
  direction:ltr !important;
}

html[dir="ltr"] .desktop-nav{
  text-align:left;
}

html[dir="ltr"] .campaign-body,
html[dir="ltr"] .process-step,
html[dir="ltr"] .ti-point,
html[dir="ltr"] .about-us-card,
html[dir="ltr"] .faq-item{
  text-align:left;
}

html[dir="ltr"] .section-heading,
html[dir="ltr"] .process-head,
html[dir="ltr"] .islam-giving-head,
html[dir="ltr"] .ti-head,
html[dir="ltr"] .about-us-panel,
html[dir="ltr"] .faq-head,
html[dir="ltr"] .final-donation-cta{
  text-align:center;
}

html[dir="ltr"] .campaign-actions,
html[dir="ltr"] .hero-buttons,
html[dir="ltr"] .faq-more,
html[dir="ltr"] .faq-whatsapp,
html[dir="ltr"] .final-donation-cta__button{
  direction:ltr;
}

html[dir="ltr"] .progress-top,
html[dir="ltr"] .progress-stats{
  direction:ltr;
}

html[dir="ltr"] .ti-point{
  grid-template-columns:92px minmax(0,1fr);
}

html[dir="ltr"] .faq-item summary{
  direction:ltr;
  text-align:left;
}

html[dir="ltr"] .faq-item summary::after{
  margin-inline-start:auto;
  margin-inline-end:0;
}

html[dir="ltr"] .final-donation-cta__accent::before,
html[dir="ltr"] .final-donation-cta__accent::after{
  right:auto;
  left:50%;
}

@media (max-width:820px){
  .language-toggle{
    order:initial;
  }

  .language-toggle__option{
    min-width:0;
  }

  .menu-btn{
    order:3 !important;
  }
}

@media (max-width:430px){
  .mobile-nav-panel .language-toggle{
    height:50px;
  }

  .mobile-nav-panel .language-toggle__option{
    height:34px;
    font-size:12px;
  }
}

/* How We Work: approved horizontal timeline for tablet and desktop only.
   Mobile keeps the existing vertical timeline exactly as approved. */
@media (min-width:761px){
  #how-we-work.process-site-section{
    padding:64px 24px 72px !important;
    background:#F5FAF7 !important;
    border-top:1px solid rgba(6,78,59,.08) !important;
    border-bottom:1px solid rgba(6,78,59,.08) !important;
  }

  #how-we-work .process-card{
    width:min(100%,1180px) !important;
    min-height:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  #how-we-work .process-head{
    max-width:760px !important;
    margin:0 auto 48px !important;
    text-align:center !important;
  }

  #how-we-work .process-head h2{
    color:var(--brand-green, #064E3B) !important;
    font-size:clamp(34px,3.4vw,50px) !important;
    font-weight:900 !important;
    line-height:1.15 !important;
    margin:0 !important;
  }

  #how-we-work .process-head__rule{
    width:58px !important;
    height:3px !important;
    margin:13px auto 15px !important;
    border-radius:999px !important;
    background:var(--button-green, #204C3C) !important;
  }

  #how-we-work .process-head p{
    max-width:720px !important;
    color:var(--text-secondary, #4B5563) !important;
    font-size:clamp(14px,1.25vw,17px) !important;
    font-weight:600 !important;
    line-height:1.9 !important;
    margin:0 auto !important;
  }

  #how-we-work .process-list{
    position:relative !important;
    width:100% !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(6, minmax(104px, 1fr)) !important;
    gap:clamp(10px,2vw,30px) !important;
    direction:rtl !important;
    overflow:visible !important;
  }

  html[dir="ltr"] #how-we-work .process-list{
    direction:ltr !important;
  }

  #how-we-work .process-list::before{
    content:"" !important;
    position:absolute !important;
    top:17px !important;
    right:5% !important;
    left:5% !important;
    bottom:auto !important;
    width:auto !important;
    height:1px !important;
    background:linear-gradient(90deg, transparent, rgba(6,78,59,.22) 8%, rgba(6,78,59,.22) 92%, transparent) !important;
    z-index:0 !important;
  }

  #how-we-work .process-step{
    position:relative !important;
    min-height:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    text-align:center !important;
  }

  #how-we-work .step-copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    direction:inherit !important;
    text-align:center !important;
  }

  #how-we-work .step-title{
    display:contents !important;
    direction:inherit !important;
    text-align:center !important;
    margin:0 !important;
  }

  #how-we-work .step-number{
    order:1 !important;
    position:relative !important;
    z-index:2 !important;
    width:34px !important;
    height:34px !important;
    margin:0 0 38px !important;
    display:grid !important;
    place-items:center !important;
    flex:0 0 auto !important;
    border-radius:50% !important;
    background:linear-gradient(180deg, #204C3C, #064E3B) !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
    box-shadow:0 7px 16px rgba(6,78,59,.22) !important;
  }

  #how-we-work .step-number::before{
    content:"" !important;
    position:absolute !important;
    top:100% !important;
    left:50% !important;
    width:1px !important;
    height:19px !important;
    transform:translateX(-50%) !important;
    background:rgba(6,78,59,.24) !important;
  }

  #how-we-work .step-number::after{
    content:"" !important;
    position:absolute !important;
    top:calc(100% + 18px) !important;
    left:50% !important;
    width:7px !important;
    height:7px !important;
    transform:translateX(-50%) !important;
    border-radius:50% !important;
    background:var(--brand-green, #064E3B) !important;
    box-shadow:0 0 0 4px #F5FAF7 !important;
  }

  #how-we-work .step-icon{
    order:2 !important;
    width:82px !important;
    height:82px !important;
    margin:0 0 20px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:var(--surface-mint, #F5FAF7) !important;
    color:var(--brand-green, #064E3B) !important;
    box-shadow:inset 0 0 0 1px rgba(6,78,59,.05) !important;
  }

  #how-we-work .step-icon svg{
    width:43px !important;
    height:43px !important;
    stroke:currentColor !important;
    stroke-width:1.65 !important;
    fill:none !important;
  }

  #how-we-work .step-copy h3{
    order:3 !important;
    min-height:52px !important;
    margin:0 0 10px !important;
    color:var(--brand-green, #064E3B) !important;
    font-size:clamp(15px,1.25vw,19px) !important;
    font-weight:900 !important;
    line-height:1.55 !important;
    text-align:center !important;
  }

  #how-we-work .step-copy p{
    order:4 !important;
    max-width:178px !important;
    margin:0 auto !important;
    padding:0 !important;
    color:var(--text-main, #111827) !important;
    font-size:clamp(12.5px,.95vw,14.6px) !important;
    font-weight:600 !important;
    line-height:1.9 !important;
    text-align:center !important;
    direction:inherit !important;
  }
}

@media (min-width:761px) and (max-width:980px){
  #how-we-work.process-site-section{
    padding:56px 18px 64px !important;
  }

  #how-we-work .process-head{
    margin-bottom:40px !important;
  }

  #how-we-work .process-list{
    grid-template-columns:repeat(6, minmax(92px, 1fr)) !important;
    gap:8px !important;
  }

  #how-we-work .process-list::before{
    right:4.5% !important;
    left:4.5% !important;
  }

  #how-we-work .step-number{
    width:31px !important;
    height:31px !important;
    margin-bottom:34px !important;
    font-size:12px !important;
  }

  #how-we-work .step-icon{
    width:68px !important;
    height:68px !important;
    margin-bottom:16px !important;
  }

  #how-we-work .step-icon svg{
    width:36px !important;
    height:36px !important;
  }

  #how-we-work .step-copy h3{
    min-height:48px !important;
    font-size:14px !important;
    line-height:1.55 !important;
  }

  #how-we-work .step-copy p{
    max-width:126px !important;
    font-size:12.1px !important;
    line-height:1.78 !important;
  }
}

/* Partners logo marquee */
.partners-section{
  padding:74px 0 88px !important;
  margin-bottom:24px !important;
  background:#fff !important;
  border-bottom:1px solid rgba(6,78,59,.10) !important;
  overflow:hidden !important;
  color:var(--text-main, #111827) !important;
}

.partners-container{
  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
}

.partners-heading{
  max-width:760px;
  margin:0 auto 38px;
  text-align:center;
}

.partners-kicker{
  display:none !important;
  margin-bottom:0;
  color:var(--button-green, #204C3C);
  font-size:15px;
  font-weight:800;
  line-height:1.4;
}

.partners-heading h2{
  margin:0 0 14px;
  color:var(--brand-green, #064E3B);
  font-size:clamp(32px,3.2vw,46px);
  line-height:1.25;
  font-weight:900;
}

.partners-heading p{
  margin:0;
  color:var(--text-muted, #4B5563);
  font-size:17px;
  font-weight:600;
  line-height:1.9;
}

.partners-marquee{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:22px 0;
  isolation:isolate;
}

.partners-marquee::before,
.partners-marquee::after{
  content:"";
  position:absolute;
  top:0;
  width:80px;
  height:100%;
  z-index:2;
  pointer-events:none;
}

.partners-marquee::before{
  right:0;
  background:linear-gradient(to left,#fff,transparent);
}

.partners-marquee::after{
  left:0;
  background:linear-gradient(to right,#fff,transparent);
}

.partners-track{
  display:flex;
  align-items:center;
  gap:56px;
  width:max-content;
  animation:partnersMarqueeRTL 34s linear infinite;
  will-change:transform;
}

.partners-marquee:hover .partners-track{
  animation-play-state:paused;
}

.partner-logo{
  flex:0 0 auto;
  width:210px;
  height:116px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.partner-logo img{
  max-width:100%;
  max-height:106px;
  object-fit:contain;
  filter:none;
  opacity:1;
  transition:none;
}

.partner-logo:hover img{
  filter:none;
  opacity:1;
  transform:none;
}

@keyframes partnersMarqueeRTL{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(50%);
  }
}

html[dir="ltr"] .partners-track{
  animation-name:partnersMarqueeLTR;
}

@keyframes partnersMarqueeLTR{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}

@media (max-width:1199px){
  .partners-track{
    gap:46px;
  }

  .partner-logo{
    width:178px;
    height:100px;
  }

  .partner-logo img{
    max-height:90px;
  }
}

@media (max-width:1023px){
  .partners-section{
    padding:64px 0 78px !important;
    margin-bottom:20px !important;
  }

  .partners-track{
    gap:38px;
    animation-duration:30s;
  }

  .partner-logo{
    width:154px;
    height:90px;
  }

  .partner-logo img{
    max-height:78px;
  }
}

@media (max-width:767px){
  .partners-section{
    padding:54px 0 66px !important;
    margin-bottom:18px !important;
  }

  .partners-container{
    width:min(calc(100% - 24px), 1180px);
  }

  .partners-heading{
    margin-bottom:26px;
  }

  .partners-heading h2{
    font-size:30px;
  }

  .partners-heading p{
    font-size:15px;
    line-height:1.8;
  }

  .partners-marquee{
    padding:16px 0;
  }

  .partners-track{
    gap:32px;
    animation-duration:26s;
  }

  .partner-logo{
    width:142px;
    height:86px;
  }

  .partner-logo img{
    max-height:76px;
  }

  .partners-marquee::before,
  .partners-marquee::after{
    width:38px;
  }
}

/* Transparency & Impact: desktop-only approved split composition.
   Mobile keeps the existing approved stacked design. */
@media (min-width:1024px){
  #transparency-impact.transparency-impact-section{
    padding:78px 28px 84px !important;
    background:
      radial-gradient(circle at 68% 8%, rgba(6,78,59,.045), transparent 28%),
      linear-gradient(180deg,#F5FAF7 0%,#fff 48%,#F5FAF7 100%) !important;
  }

  #transparency-impact .ti-panel{
    width:min(100%,1320px) !important;
    margin:0 auto !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:minmax(360px,430px) minmax(0,1fr) !important;
    grid-template-areas:
      "trust head"
      "trust points"
      "trust cta" !important;
    column-gap:64px !important;
    row-gap:26px !important;
    align-items:start !important;
    overflow:visible !important;
    direction:ltr !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  #transparency-impact .ti-head{
    grid-area:head !important;
    max-width:780px !important;
    margin:0 auto 4px !important;
    text-align:center !important;
    direction:rtl !important;
  }

  #transparency-impact .ti-head h2{
    margin:0 0 18px !important;
    color:var(--brand-green, #064E3B) !important;
    font-size:clamp(42px,4.3vw,62px) !important;
    line-height:1.1 !important;
    font-weight:950 !important;
    text-shadow:none !important;
  }

  #transparency-impact .ti-title-pulse{
    display:none !important;
  }

  #transparency-impact .ti-head p{
    max-width:760px !important;
    color:var(--text-main, #111827) !important;
    font-size:clamp(16px,1.45vw,19px) !important;
    font-weight:560 !important;
    line-height:1.85 !important;
  }

  #transparency-impact .ti-trust-card{
    grid-area:trust !important;
    align-self:stretch !important;
    width:100% !important;
    min-height:420px !important;
    margin:0 !important;
    padding:42px 38px 38px !important;
    border:1px solid rgba(6,78,59,.10) !important;
    border-radius:22px !important;
    background:
      radial-gradient(circle at 50% 26%, rgba(6,78,59,.045), transparent 42%),
      linear-gradient(180deg,#fff 0%,#F5FAF7 100%) !important;
    box-shadow:0 18px 44px rgba(17,24,39,.10) !important;
    text-align:center !important;
  }

  #transparency-impact .ti-trust-visual{
    width:230px !important;
    height:170px !important;
    margin:0 auto 20px !important;
  }

  #transparency-impact .ti-trust-visual img{
    width:210px !important;
    max-width:100% !important;
  }

  #transparency-impact .ti-trust-card h3{
    font-size:clamp(25px,2.25vw,32px) !important;
    line-height:1.35 !important;
  }

  #transparency-impact .ti-trust-card__statement{
    max-width:330px !important;
    margin-top:13px !important;
    color:var(--text-main, #111827) !important;
    font-size:clamp(18px,1.7vw,24px) !important;
    line-height:1.75 !important;
  }

  #transparency-impact .ti-trust-card__rule{
    width:88px !important;
    height:2px !important;
    margin:22px auto 18px !important;
    background:linear-gradient(90deg,transparent,rgba(6,78,59,.26),var(--brand-green,#064E3B),rgba(6,78,59,.26),transparent) !important;
  }

  #transparency-impact .ti-trust-card__small{
    max-width:330px !important;
    color:var(--text-muted, #4B5563) !important;
    font-size:clamp(14px,1.12vw,16px) !important;
    line-height:1.85 !important;
  }

  #transparency-impact .ti-points{
    grid-area:points !important;
    width:100% !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:26px 44px !important;
    direction:rtl !important;
  }

  #transparency-impact .ti-point{
    min-height:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 84px !important;
    align-items:center !important;
    gap:18px !important;
    direction:ltr !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  #transparency-impact .ti-point__icon{
    grid-column:2 !important;
    width:76px !important;
    height:76px !important;
    border-radius:50% !important;
    background:var(--surface-mint, #F5FAF7) !important;
    color:var(--brand-green, #064E3B) !important;
  }

  #transparency-impact .ti-point__icon img{
    width:54px !important;
    height:54px !important;
    object-fit:contain !important;
  }

  #transparency-impact .ti-point__copy{
    grid-column:1 !important;
    direction:rtl !important;
    text-align:right !important;
  }

  #transparency-impact .ti-point h3{
    margin:0 0 8px !important;
    color:var(--brand-green, #064E3B) !important;
    font-size:clamp(17px,1.45vw,21px) !important;
    line-height:1.35 !important;
  }

  #transparency-impact .ti-point p{
    color:var(--text-main, #111827) !important;
    font-size:clamp(13.5px,1.05vw,15.5px) !important;
    line-height:1.75 !important;
  }

  #transparency-impact .ti-cta{
    grid-area:cta !important;
    width:min(280px,100%) !important;
    min-height:52px !important;
    margin:4px auto 0 !important;
    padding:0 58px !important;
    border-radius:9px !important;
    font-size:18px !important;
    box-shadow:0 12px 24px rgba(6,78,59,.20) !important;
  }

  #transparency-impact .ti-cta svg{
    left:22px !important;
    width:20px !important;
    height:20px !important;
  }

  html[dir="ltr"] #transparency-impact .ti-panel{
    grid-template-areas:
      "head trust"
      "points trust"
      "cta trust" !important;
  }

  html[dir="ltr"] #transparency-impact .ti-head{
    direction:ltr !important;
  }

  html[dir="ltr"] #transparency-impact .ti-points{
    direction:ltr !important;
  }

  html[dir="ltr"] #transparency-impact .ti-point{
    grid-template-columns:84px minmax(0,1fr) !important;
  }

  html[dir="ltr"] #transparency-impact .ti-point__icon{
    grid-column:1 !important;
  }

  html[dir="ltr"] #transparency-impact .ti-point__copy{
    grid-column:2 !important;
    direction:ltr !important;
    text-align:left !important;
  }

  html[dir="ltr"] #transparency-impact .ti-cta svg{
    left:auto !important;
    right:22px !important;
    transform:scaleX(-1) !important;
  }
}

@media (min-width:1024px) and (max-width:1180px){
  #transparency-impact .ti-panel{
    grid-template-columns:minmax(320px,380px) minmax(0,1fr) !important;
    column-gap:40px !important;
  }

  #transparency-impact .ti-points{
    gap:22px 28px !important;
  }

  #transparency-impact .ti-point{
    grid-template-columns:minmax(0,1fr) 72px !important;
    gap:14px !important;
  }

  #transparency-impact .ti-point__icon{
    width:66px !important;
    height:66px !important;
  }

  #transparency-impact .ti-point__icon img{
    width:48px !important;
    height:48px !important;
  }

  html[dir="ltr"] #transparency-impact .ti-point{
    grid-template-columns:72px minmax(0,1fr) !important;
  }
}

/* Final button and FAQ icon refinements */
.site-header .donate-top,
.hero-buttons .btn-primary{
  width:auto !important;
  min-width:auto !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border:1px solid var(--button-green, #204C3C) !important;
  border-radius:12px !important;
  background:var(--button-green, #204C3C) !important;
  color:#fff !important;
  box-shadow:0 12px 24px rgba(6,78,59,.18) !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
  transform:none !important;
}

.site-header .donate-top:hover,
.hero-buttons .btn-primary:hover{
  background:var(--button-green-hover, #204C3C) !important;
  border-color:var(--button-green-hover, #204C3C) !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(6,78,59,.22) !important;
}

.site-header .donate-top svg,
.hero-buttons .btn-primary svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
  fill:currentColor !important;
}

#faq .faq-item summary::before{
  content:"" !important;
  position:absolute !important;
  left:24px !important;
  top:50% !important;
  width:13px !important;
  height:13px !important;
  border:solid var(--brand-green, #064E3B) !important;
  border-width:0 2.4px 2.4px 0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:translateY(-65%) rotate(45deg) !important;
  transition:transform .2s ease, border-color .2s ease !important;
}

#faq .faq-item[open] summary::before{
  background:transparent !important;
  border-color:var(--brand-green, #064E3B) !important;
  transform:translateY(-30%) rotate(-135deg) !important;
}

#faq .faq-whatsapp{
  direction:rtl !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}

#faq .faq-whatsapp span{
  order:1 !important;
}

#faq .faq-whatsapp svg.whatsapp-icon{
  order:2 !important;
  width:23px !important;
  height:23px !important;
  display:block !important;
  fill:currentColor !important;
}

html[dir="ltr"] #faq .faq-whatsapp{
  direction:ltr !important;
}

html[dir="ltr"] #faq .faq-whatsapp span{
  order:2 !important;
}

html[dir="ltr"] #faq .faq-whatsapp svg.whatsapp-icon{
  order:1 !important;
}

@media (max-width:767px){
  .site-header .donate-top,
  .hero-buttons .btn-primary{
    height:46px !important;
    min-height:46px !important;
    padding:0 16px !important;
    font-size:14.5px !important;
  }

  #faq .faq-item summary::before{
    left:18px !important;
    width:12px !important;
    height:12px !important;
  }
}

/* Transparency & Impact desktop tightening: keep mobile/tablet approved layout intact. */
@media (min-width:1024px){
  #transparency-impact .ti-panel{
    width:min(100% - 56px, 1320px) !important;
    grid-template-columns:minmax(340px,420px) minmax(0,1fr) !important;
    grid-template-areas:
      "trust head"
      "trust points"
      "trust cta" !important;
    column-gap:64px !important;
    row-gap:24px !important;
    align-items:start !important;
  }

  #transparency-impact .ti-trust-card{
    align-self:start !important;
    min-height:0 !important;
    height:auto !important;
    padding:42px 34px 38px !important;
  }

  #transparency-impact .ti-trust-visual{
    width:220px !important;
    height:154px !important;
    margin:0 auto 18px !important;
  }

  #transparency-impact .ti-trust-visual img{
    width:200px !important;
    height:auto !important;
  }

  #transparency-impact .ti-trust-card h3{
    margin-bottom:10px !important;
  }

  #transparency-impact .ti-trust-card__statement{
    margin:0 auto !important;
  }

  #transparency-impact .ti-points{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(260px,1fr)) !important;
    gap:30px 44px !important;
    align-items:start !important;
  }

  #transparency-impact .ti-point{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 76px !important;
    grid-template-areas:"copy icon" !important;
    gap:16px !important;
    align-items:center !important;
    justify-items:stretch !important;
    min-height:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  #transparency-impact .ti-point__icon{
    grid-area:icon !important;
    width:68px !important;
    height:68px !important;
    margin:0 !important;
    align-self:center !important;
    justify-self:end !important;
  }

  #transparency-impact .ti-point__icon img{
    width:48px !important;
    height:48px !important;
    object-fit:contain !important;
  }

  #transparency-impact .ti-point__copy{
    grid-area:copy !important;
    min-width:0 !important;
    direction:rtl !important;
    text-align:right !important;
  }

  #transparency-impact .ti-point h3{
    margin:0 0 6px !important;
    font-size:clamp(17px,1.35vw,21px) !important;
    line-height:1.32 !important;
  }

  #transparency-impact .ti-point p{
    max-width:360px !important;
    margin:0 !important;
    font-size:clamp(13.5px,1vw,15.5px) !important;
    line-height:1.75 !important;
  }

  #transparency-impact .ti-cta{
    margin:8px auto 0 !important;
  }

  html[dir="ltr"] #transparency-impact .ti-panel{
    grid-template-areas:
      "head trust"
      "points trust"
      "cta trust" !important;
  }

  html[dir="ltr"] #transparency-impact .ti-point{
    grid-template-columns:76px minmax(0,1fr) !important;
    grid-template-areas:"icon copy" !important;
  }

  html[dir="ltr"] #transparency-impact .ti-point__icon{
    justify-self:start !important;
  }

  html[dir="ltr"] #transparency-impact .ti-point__copy{
    direction:ltr !important;
    text-align:left !important;
  }
}

@media (min-width:1024px) and (max-width:1180px){
  #transparency-impact .ti-panel{
    width:min(100% - 40px, 1120px) !important;
    grid-template-columns:minmax(300px,360px) minmax(0,1fr) !important;
    column-gap:36px !important;
  }

  #transparency-impact .ti-points{
    gap:26px 28px !important;
  }

  #transparency-impact .ti-point{
    grid-template-columns:minmax(0,1fr) 66px !important;
    gap:13px !important;
  }

  #transparency-impact .ti-point__icon{
    width:60px !important;
    height:60px !important;
  }

  #transparency-impact .ti-point__icon img{
    width:43px !important;
    height:43px !important;
  }

  html[dir="ltr"] #transparency-impact .ti-point{
    grid-template-columns:66px minmax(0,1fr) !important;
  }
}

/* Match header and hero donate icons to the campaign donate heart exactly. */
.site-header .donate-top svg,
.hero-buttons .btn-primary svg{
  display:none !important;
  visibility:hidden !important;
}

.site-header .donate-top::before,
.hero-buttons .btn-primary::before{
  content:"" !important;
  width:21px !important;
  height:21px !important;
  flex:0 0 auto !important;
  display:inline-block !important;
  position:static !important;
  inset:auto !important;
  background:currentColor !important;
  -webkit-mask:center / contain no-repeat !important;
  mask:center / contain no-repeat !important;
  -webkit-mask-image:var(--icon-heart-pulse) !important;
  mask-image:var(--icon-heart-pulse) !important;
  animation:shuaaHeartBeat 1.35s ease-in-out infinite !important;
}

/* How We Work mobile polish: tighter cards, stable numbers, smaller icons. */
@media (max-width:760px){
  #how-we-work.process-site-section{
    padding:42px 12px 50px !important;
    overflow:hidden !important;
  }

  #how-we-work .process-card{
    width:min(100%, 480px) !important;
    margin:0 auto !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  #how-we-work .process-head{
    max-width:440px !important;
    margin:0 auto 26px !important;
    padding:0 8px !important;
  }

  #how-we-work .process-head h2{
    font-size:clamp(34px, 10vw, 44px) !important;
    line-height:1.15 !important;
  }

  #how-we-work .process-head__rule{
    width:64px !important;
    height:4px !important;
    margin:10px auto 18px !important;
  }

  #how-we-work .process-head p{
    max-width:390px !important;
    margin:0 auto !important;
    color:var(--text-muted, #4B5563) !important;
    font-size:clamp(15px, 4vw, 17px) !important;
    line-height:1.85 !important;
    font-weight:600 !important;
  }

  #how-we-work .process-list{
    width:100% !important;
    max-width:460px !important;
    margin:0 auto !important;
    display:grid !important;
    gap:10px !important;
  }

  #how-we-work .process-list::before{
    display:none !important;
    content:none !important;
  }

  #how-we-work .process-step{
    min-height:108px !important;
    padding:15px 14px !important;
    border-radius:15px !important;
    background:#fff !important;
    border:1px solid rgba(6,78,59,.13) !important;
    box-shadow:0 10px 24px rgba(17,24,39,.055) !important;
  }

  #how-we-work .step-copy{
    display:grid !important;
    grid-template-columns:50px minmax(0, 1fr) !important;
    column-gap:12px !important;
    row-gap:5px !important;
    align-items:center !important;
    direction:ltr !important;
  }

  #how-we-work .step-title{
    grid-column:2 !important;
    display:grid !important;
    grid-template-columns:28px minmax(0, 1fr) !important;
    gap:9px !important;
    align-items:center !important;
    justify-content:stretch !important;
    width:100% !important;
    margin:0 0 4px !important;
    direction:rtl !important;
    text-align:right !important;
  }

  #how-we-work .step-number{
    position:relative !important;
    width:28px !important;
    height:28px !important;
    margin:0 !important;
    border-radius:50% !important;
    font-size:12px !important;
    line-height:1 !important;
    box-shadow:0 6px 13px rgba(6,78,59,.20) !important;
  }

  #how-we-work .step-number::before,
  #how-we-work .step-number::after{
    display:none !important;
    content:none !important;
  }

  #how-we-work .step-copy h3{
    margin:0 !important;
    min-height:0 !important;
    color:var(--brand-green, #064E3B) !important;
    font-size:clamp(16px, 4.3vw, 19px) !important;
    line-height:1.38 !important;
    font-weight:900 !important;
    text-align:right !important;
  }

  #how-we-work .step-copy p{
    grid-column:2 !important;
    margin:0 !important;
    padding:0 !important;
    color:var(--text-muted, #4B5563) !important;
    font-size:clamp(13.2px, 3.65vw, 15px) !important;
    line-height:1.75 !important;
    font-weight:600 !important;
    text-align:right !important;
    direction:rtl !important;
  }

  #how-we-work .step-icon{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    width:50px !important;
    height:50px !important;
    margin:0 !important;
    align-self:center !important;
    justify-self:center !important;
    background:var(--surface-mint, #F5FAF7) !important;
    color:var(--brand-green, #064E3B) !important;
    border-radius:50% !important;
  }

  #how-we-work .step-icon svg{
    width:29px !important;
    height:29px !important;
    stroke-width:1.55 !important;
  }
}

@media (max-width:430px){
  #how-we-work.process-site-section{
    padding:36px 10px 44px !important;
  }

  #how-we-work .process-head{
    margin-bottom:22px !important;
  }

  #how-we-work .process-head h2{
    font-size:clamp(31px, 10vw, 38px) !important;
  }

  #how-we-work .process-head p{
    font-size:14.2px !important;
    line-height:1.8 !important;
  }

  #how-we-work .process-list{
    gap:9px !important;
  }

  #how-we-work .process-step{
    min-height:100px !important;
    padding:14px 12px !important;
    border-radius:14px !important;
  }

  #how-we-work .step-copy{
    grid-template-columns:46px minmax(0, 1fr) !important;
    column-gap:10px !important;
  }

  #how-we-work .step-title{
    grid-template-columns:26px minmax(0, 1fr) !important;
    gap:8px !important;
  }

  #how-we-work .step-number{
    width:26px !important;
    height:26px !important;
    font-size:11.5px !important;
  }

  #how-we-work .step-icon{
    width:46px !important;
    height:46px !important;
  }

  #how-we-work .step-icon svg{
    width:27px !important;
    height:27px !important;
  }

  #how-we-work .step-copy h3{
    font-size:15.8px !important;
  }

  #how-we-work .step-copy p{
    font-size:13.2px !important;
    line-height:1.7 !important;
  }
}

/* Separate the final donation CTA from the footer with a distinct green tone. */
#final-donation-cta.final-donation-cta{
  margin:0 0 22px !important;
  min-height:500px !important;
  padding:88px 18px 96px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.15) 0%, rgba(255,255,255,.08) 18%, transparent 46%),
    radial-gradient(circle at 20% 76%, rgba(221,239,230,.18) 0%, transparent 34%),
    linear-gradient(135deg, #204C3C 0%, #204C3C 48%, #064E3B 100%) !important;
  border-bottom:1px solid rgba(6,78,59,.10) !important;
  box-shadow:0 18px 36px rgba(6,78,59,.10) !important;
}

#final-donation-cta.final-donation-cta::before{
  background:
    linear-gradient(130deg, transparent 0%, rgba(255,255,255,.055) 48%, transparent 49%),
    linear-gradient(20deg, transparent 0%, rgba(255,255,255,.04) 62%, transparent 63%) !important;
  opacity:.58 !important;
}

#final-donation-cta.final-donation-cta::after{
  opacity:.32 !important;
}

#final-donation-cta .final-donation-cta__accent{
  color:#DDEFE6 !important;
  text-shadow:0 0 16px rgba(221,239,230,.28), 0 6px 16px rgba(0,0,0,.20) !important;
}

#final-donation-cta + .shuaa-footer{
  margin-top:0 !important;
}

@media (max-width:767px){
  #final-donation-cta.final-donation-cta{
    margin-bottom:16px !important;
    min-height:390px !important;
    padding:64px 16px 72px !important;
  }
}

/* Final donation CTA approved light-green version. */
#final-donation-cta.final-donation-cta{
  margin:0 0 22px !important;
  min-height:460px !important;
  padding:82px 18px 88px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(32,76,60,.12) 0%, rgba(32,76,60,.055) 24%, transparent 50%),
    radial-gradient(circle at 18% 76%, rgba(6,78,59,.08) 0%, transparent 34%),
    linear-gradient(180deg, #F5FAF7 0%, #F5FAF7 100%) !important;
  color:var(--text-main, #111827) !important;
  border-top:1px solid rgba(6,78,59,.10) !important;
  border-bottom:1px solid rgba(6,78,59,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important;
}

#final-donation-cta.final-donation-cta::before{
  background:
    linear-gradient(130deg, transparent 0%, rgba(6,78,59,.045) 48%, transparent 49%),
    linear-gradient(20deg, transparent 0%, rgba(6,78,59,.035) 62%, transparent 63%) !important;
  opacity:.46 !important;
}

#final-donation-cta.final-donation-cta::after{
  opacity:.16 !important;
}

#final-donation-cta h2,
#final-donation-cta .final-donation-cta__line{
  color:var(--brand-green, #064E3B) !important;
  text-shadow:none !important;
}

#final-donation-cta p{
  color:var(--text-muted, #4B5563) !important;
  text-shadow:none !important;
}

#final-donation-cta .final-donation-cta__accent{
  color:var(--button-green, #204C3C) !important;
  text-shadow:none !important;
}

#final-donation-cta .final-donation-cta__accent::before,
#final-donation-cta .final-donation-cta__accent::after{
  background:rgba(32,76,60,.32) !important;
  box-shadow:none !important;
}

#final-donation-cta .final-donation-cta__button{
  background:var(--button-green, #204C3C) !important;
  border-color:var(--button-green, #204C3C) !important;
  color:#fff !important;
  box-shadow:0 18px 30px rgba(6,78,59,.18), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

#final-donation-cta .final-donation-cta__button:hover{
  background:var(--button-green-hover, #204C3C) !important;
  border-color:var(--button-green-hover, #204C3C) !important;
  color:#fff !important;
  box-shadow:0 22px 36px rgba(6,78,59,.22), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

#final-donation-cta .final-donation-cta__button svg{
  fill:currentColor !important;
  filter:none !important;
}

@media (max-width:767px){
  #final-donation-cta.final-donation-cta{
    min-height:360px !important;
    padding:58px 16px 64px !important;
  }
}

/* Compact homepage campaigns: show the lead campaigns first, then reveal the rest. */
#campaigns:not(.is-campaigns-expanded) .campaign-card:nth-child(n+4){
  display:none !important;
}

#campaigns.is-campaigns-expanded .campaign-card:nth-child(n+4){
  animation:campaignReveal .42s ease both;
}

.campaigns-more{
  display:flex;
  justify-content:center;
  margin-top:30px;
}

.campaigns-more__button{
  min-height:54px;
  padding:0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid rgba(32,76,60,.58);
  border-radius:15px;
  background:#fff;
  color:var(--brand-green, #064E3B);
  box-shadow:0 14px 28px rgba(6,78,59,.08);
  font:inherit;
  font-size:15.5px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  transition:background .22s ease, border-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease;
}

.campaigns-more__button:hover{
  background:var(--soft-green, #F5FAF7);
  border-color:var(--button-green, #204C3C);
  color:var(--button-green-hover, #204C3C);
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(6,78,59,.12);
}

.campaigns-more__button:focus-visible{
  outline:3px solid rgba(32,76,60,.24);
  outline-offset:3px;
}

.campaigns-more__button svg{
  width:20px;
  height:20px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .24s ease;
}

#campaigns.is-campaigns-expanded .campaigns-more__button svg{
  transform:rotate(180deg);
}

.campaigns-section.campaigns-has-few .campaigns-more{
  display:none !important;
}

@keyframes campaignReveal{
  from{
    opacity:0;
    transform:translateY(16px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@media (max-width:767px){
  .campaigns-more{
    margin-top:24px;
  }

  .campaigns-more__button{
    width:min(100%, 350px);
    min-height:52px;
    padding:0 20px;
    border-radius:14px;
    font-size:14.8px;
  }
}

/* Refined new Shuaa logo sizing. */
.site-header .brand{
  width:clamp(220px,16vw,300px) !important;
  min-width:clamp(220px,16vw,300px) !important;
}

.site-header .brand img{
  width:auto !important;
  max-width:100% !important;
  height:clamp(66px,5vw,82px) !important;
  max-height:82px !important;
  object-fit:contain !important;
}

.shuaa-footer__logo-image{
  width:230px !important;
  max-width:100% !important;
  max-height:82px !important;
  padding:7px 10px !important;
  object-fit:contain !important;
  transform:translateY(-8px);
  margin-bottom:-6px;
}

@media (max-width:1180px){
  .site-header .brand{
    width:clamp(200px,18vw,260px) !important;
    min-width:clamp(200px,18vw,260px) !important;
  }

  .site-header .brand img{
    height:clamp(62px,6vw,76px) !important;
    max-height:76px !important;
  }
}

@media (max-width:820px){
  .site-header .brand{
    width:188px !important;
    min-width:0 !important;
  }

  .site-header .brand img{
    height:auto !important;
    width:100% !important;
    max-height:58px !important;
  }

  .shuaa-footer__logo-image{
    width:210px !important;
    max-height:74px !important;
    padding:6px 9px !important;
    transform:translateY(-6px);
    margin-bottom:-4px;
  }
}

@media (max-width:430px){
  .site-header .brand{
    width:166px !important;
  }

  .site-header .brand img{
    max-height:52px !important;
  }
}

/* Header and footer final logo alignment. */
@media (min-width:1181px){
  .site-header .header-shell{
    position:relative !important;
    display:block !important;
    height:96px !important;
  }

  .site-header .brand{
    position:absolute !important;
    top:50% !important;
    right:clamp(18px,3vw,46px) !important;
    left:auto !important;
    z-index:3 !important;
    width:286px !important;
    min-width:286px !important;
    transform:translateY(-50%) !important;
  }

  .site-header .brand img{
    width:100% !important;
    height:auto !important;
    max-height:78px !important;
  }

  .site-header .donate-top{
    position:absolute !important;
    top:50% !important;
    left:clamp(18px,3vw,46px) !important;
    right:auto !important;
    transform:translateY(-50%) !important;
    z-index:4 !important;
  }

  .site-header .desktop-nav{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    display:flex !important;
    align-items:center !important;
    width:auto !important;
    max-width:680px !important;
    transform:translate(-50%, -50%) !important;
    justify-content:center !important;
    gap:clamp(10px,1.05vw,18px) !important;
    font-size:clamp(13.5px,.92vw,15.5px) !important;
    white-space:nowrap !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:5 !important;
  }

  .site-header .menu-btn{
    display:none !important;
  }

  .site-header .desktop-nav a{
    padding-inline:0 !important;
  }

  .site-header .desktop-nav .language-toggle{
    min-width:104px !important;
    height:36px !important;
    margin-inline-start:2px !important;
  }

  html[dir="ltr"] .site-header .brand{
    left:clamp(18px,3vw,46px) !important;
    right:auto !important;
  }

  html[dir="ltr"] .site-header .donate-top{
    right:clamp(18px,3vw,46px) !important;
    left:auto !important;
  }
}

@media (max-width:1180px){
  .site-header .header-shell{
    display:grid !important;
    grid-template-columns:minmax(132px,1fr) auto minmax(132px,1fr) !important;
    justify-items:center !important;
  }

  .site-header .desktop-nav{
    display:none !important;
  }

  .site-header .menu-btn{
    display:flex !important;
    grid-column:3 !important;
    justify-self:end !important;
  }

  .site-header .donate-top{
    grid-column:1 !important;
    justify-self:start !important;
  }

  .site-header .brand{
    grid-column:2 !important;
    justify-self:center !important;
    width:210px !important;
    min-width:0 !important;
  }
}

@media (max-width:520px){
  .site-header .header-shell{
    grid-template-columns:minmax(96px,1fr) auto minmax(96px,1fr) !important;
  }

  .site-header .donate-top{
    width:118px !important;
    min-width:118px !important;
    padding-inline:10px !important;
    font-size:14.5px !important;
    gap:7px !important;
  }

  .site-header .donate-top::before{
    width:18px !important;
    height:18px !important;
  }

  .site-header .brand{
    width:148px !important;
  }
}

.shuaa-footer__logo-image{
  width:260px !important;
  max-width:100% !important;
  max-height:78px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  object-fit:contain !important;
  filter:brightness(0) invert(1) drop-shadow(0 8px 18px rgba(0,0,0,.18)) !important;
  transform:translateY(-10px) !important;
  margin-bottom:-6px !important;
}

@media (max-width:820px){
  .shuaa-footer__logo-image{
    width:220px !important;
    max-height:68px !important;
    transform:translateY(-6px) !important;
    margin-bottom:-3px !important;
  }
}

.campaign-media img,
.campaign-hero__media img,
.campaign-feature-image img,
.campaign-image{
  object-fit:cover;
  object-position:left center;
}

/* Legal & Policies page */
.policies-page__hero{
  background:
    radial-gradient(circle at top right, rgba(6,78,59,.08), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#F5FAF7 100%);
}

.policies-page__hero .simple-page__shell{
  max-width:920px;
}

.policies-page__hero h1{
  color:#064E3B;
}

.policies-page__hero p{
  max-width:860px;
  margin-inline:auto;
  color:#4b5563;
}

.policies-page__intro-en{
  margin-top:14px !important;
  direction:ltr;
  text-align:center;
  color:#4b5563 !important;
}

.policies-page__content{
  background:#F5FAF7;
}

.policies-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.policy-card{
  display:flex;
  flex-direction:column;
  min-height:226px;
  padding:22px;
  border:1px solid rgba(6,78,59,.14);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 36px rgba(6,78,59,.06);
}

.policy-card__number{
  width:max-content;
  margin-bottom:18px;
  padding:5px 11px;
  border-radius:999px;
  background:#F5FAF7;
  color:#064E3B;
  font-size:13px;
  font-weight:900;
  letter-spacing:.04em;
}

.policy-card h2{
  margin:0 0 8px;
  color:#064E3B;
  font-size:clamp(19px,1.45vw,23px);
  line-height:1.35;
  font-weight:900;
}

.policy-card p{
  margin:0;
  direction:ltr;
  text-align:right;
  color:#4b5563;
  font-size:15px;
  line-height:1.7;
}

.policy-card__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:44px;
  margin-top:auto;
  padding:10px 16px;
  border:1px solid #204C3C;
  border-radius:14px;
  color:#064E3B;
  background:#fff;
  font-weight:900;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}

.policy-card__button:hover,
.policy-card__button:focus-visible{
  background:#F5FAF7;
  color:#064E3B;
  border-color:#204C3C;
  transform:translateY(-1px);
  outline:none;
}

@media (max-width:1024px){
  .policies-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:640px){
  .policies-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .policy-card{
    min-height:0;
    padding:19px;
    border-radius:18px;
  }

  .policy-card p{
    text-align:right;
  }
}

/* Production consistency fixes */
.campaigns-more__button{
  text-decoration:none;
}

body.campaigns-listing-page #campaigns .campaign-card:nth-child(n+4){
  display:flex !important;
}

body.campaigns-listing-page #campaigns .campaigns-more{
  display:none !important;
}

.campaigns-listing-hero{
  padding:64px 0 28px;
  background:linear-gradient(180deg, #F5FAF7 0%, #fff 100%);
  text-align:center;
}

.campaigns-listing-hero__inner{
  width:min(900px, calc(100% - 32px));
  margin:0 auto;
}

.campaigns-listing-hero h1{
  margin:0 0 14px;
  color:#064E3B;
  font-size:clamp(34px, 5vw, 62px);
  line-height:1.18;
  font-weight:950;
}

.campaigns-listing-hero p{
  margin:0 auto;
  max-width:760px;
  color:#4b5563;
  font-size:clamp(16px, 1.7vw, 20px);
  line-height:1.9;
}

.mobile-menu-overlay{
  position:fixed;
  inset:0;
  z-index:9998;
  background:rgba(0,0,0,.55);
  opacity:0;
  pointer-events:none;
  transition:opacity .3s ease;
}

.mobile-menu-overlay.open{
  opacity:1;
  pointer-events:auto;
}

.mobile-side-drawer.mobile-nav-panel{
  position:fixed !important;
  inset:0 0 auto auto !important;
  z-index:9999 !important;
  width:min(84vw, 380px) !important;
  height:100vh !important;
  max-height:none !important;
  padding:28px 24px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  overflow-y:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:#171717 !important;
  color:#fff !important;
  box-shadow:-24px 0 60px rgba(0,0,0,.35) !important;
  transform:translateX(100%);
  transition:transform .3s ease !important;
  text-align:right;
  direction:rtl;
}

.mobile-side-drawer.mobile-nav-panel[hidden]{
  display:flex !important;
  visibility:hidden;
}

.mobile-side-drawer.mobile-nav-panel.open{
  transform:translateX(0);
  visibility:visible;
}

html[dir="ltr"] .mobile-side-drawer.mobile-nav-panel{
  right:0 !important;
  left:auto !important;
  text-align:left;
  direction:ltr;
}

.mobile-menu-close{
  width:44px;
  height:44px;
  margin-inline-start:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:32px;
  line-height:1;
  cursor:pointer;
}

html[dir="ltr"] .mobile-menu-close{
  margin-inline-start:0;
  margin-inline-end:auto;
}

.mobile-menu-close:focus-visible,
.mobile-side-drawer a:focus-visible,
.mobile-side-drawer button:focus-visible{
  outline:3px solid rgba(32,76,60,.48);
  outline-offset:3px;
}

.mobile-side-drawer .mobile-menu-links{
  display:flex;
  flex-direction:column;
  gap:0;
  width:100%;
}

.mobile-side-drawer a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:56px;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
  color:#fff !important;
  text-decoration:none;
  font-size:17px;
  font-weight:800;
}

.mobile-side-drawer .language-toggle{
  width:100%;
  min-width:0;
  height:52px;
  margin-top:18px;
  padding:6px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  box-shadow:none;
}

.mobile-side-drawer .language-toggle__divider{
  background:rgba(255,255,255,.18);
}

.mobile-side-drawer .language-toggle__globe{
  background:rgba(255,255,255,.1);
  color:#DDEFE6;
}

.mobile-side-drawer .language-toggle__option{
  color:rgba(255,255,255,.72);
}

html[lang^="ar"] .mobile-side-drawer .language-toggle__option[data-toggle-ar],
html[lang^="en"] .mobile-side-drawer .language-toggle__option[data-toggle-en]{
  background:#204C3C;
  color:#fff;
}

body.mobile-menu-open{
  overflow:hidden;
}

body.mobile-menu-open .donate-sticky,
body.mobile-menu-open .floating-donate-button{
  display:none !important;
}

@media (min-width:1181px){
  .mobile-menu-overlay,
  .mobile-side-drawer.mobile-nav-panel{
    display:none !important;
  }
}

.shuaa-footer__summary{
  max-width:360px !important;
  margin-top:12px !important;
  font-size:14.5px !important;
  line-height:1.8 !important;
  font-weight:450 !important;
  opacity:.92;
}

.shuaa-footer__badges{
  margin-top:22px !important;
  margin-bottom:28px !important;
}

@media (max-width:1040px){
  .shuaa-footer__brand{
    border-bottom:0 !important;
    padding-bottom:0 !important;
  }
}

@media (max-width:640px){
  .campaigns-listing-hero{
    padding:48px 0 20px;
  }

  .mobile-side-drawer.mobile-nav-panel{
    width:min(88vw, 360px) !important;
    padding:24px 20px !important;
  }
}


/* Global currency selector */
.shuaa-currency-switcher{
  position:fixed;left:18px;bottom:18px;z-index:9999;display:flex;align-items:center;gap:8px;
  padding:9px 10px;border:1px solid rgba(6,78,59,.16);border-radius:999px;background:rgba(255,255,255,.94);
  box-shadow:0 12px 30px rgba(6,78,59,.16);backdrop-filter:blur(10px);font-family:inherit
}
.shuaa-currency-switcher label{font-size:12px;font-weight:800;color:#064E3B;line-height:1}
.shuaa-currency-switcher select{border:0;background:#F5FAF7;border-radius:999px;padding:7px 10px;font:700 12px/1 inherit;color:#064E3B;outline:none;cursor:pointer}
@media(max-width:640px){.shuaa-currency-switcher{left:12px;bottom:12px;padding:7px 8px}.shuaa-currency-switcher label{display:none}.shuaa-currency-switcher select{font-size:11px}}


/* =====================================================
   V19 PREMIUM MOBILE MENU
   Clean institutional drawer, mobile-first, launch-ready
===================================================== */
.mobile-menu-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:9998 !important;
  background:rgba(6,78,59,.42) !important;
  backdrop-filter:blur(7px) saturate(1.05) !important;
  -webkit-backdrop-filter:blur(7px) saturate(1.05) !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .28s ease !important;
}
.mobile-menu-overlay.open{
  opacity:1 !important;
  pointer-events:auto !important;
}

.mobile-side-drawer.mobile-nav-panel{
  position:fixed !important;
  top:0 !important;
  bottom:0 !important;
  right:0 !important;
  left:auto !important;
  z-index:9999 !important;
  width:min(92vw, 430px) !important;
  height:100dvh !important;
  max-height:100dvh !important;
  padding:calc(env(safe-area-inset-top, 0px) + 20px) 18px calc(env(safe-area-inset-bottom, 0px) + 20px) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  border:0 !important;
  border-radius:28px 0 0 28px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(32,76,60,.13), transparent 32%),
    linear-gradient(180deg,#ffffff 0%,#F5FAF7 48%,#F5FAF7 100%) !important;
  color:#064E3B !important;
  box-shadow:-28px 0 70px rgba(6,78,59,.26) !important;
  transform:translateX(105%) !important;
  transition:transform .32s cubic-bezier(.22,1,.36,1), visibility .32s ease !important;
  text-align:right !important;
  direction:rtl !important;
}
.mobile-side-drawer.mobile-nav-panel[hidden]{
  display:flex !important;
  visibility:hidden !important;
}
.mobile-side-drawer.mobile-nav-panel.open{
  transform:translateX(0) !important;
  visibility:visible !important;
}
html[dir="ltr"] .mobile-side-drawer.mobile-nav-panel{
  right:auto !important;
  left:0 !important;
  border-radius:0 28px 28px 0 !important;
  transform:translateX(-105%) !important;
  text-align:left !important;
  direction:ltr !important;
  box-shadow:28px 0 70px rgba(6,78,59,.26) !important;
}
html[dir="ltr"] .mobile-side-drawer.mobile-nav-panel.open{
  transform:translateX(0) !important;
}

.mobile-menu-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:4px 2px 14px !important;
  border-bottom:1px solid rgba(6,78,59,.10) !important;
}
.mobile-menu-brand{
  width:190px !important;
  min-width:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  text-decoration:none !important;
}
.mobile-menu-brand img{
  width:100% !important;
  height:auto !important;
  max-height:62px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 8px 18px rgba(6,78,59,.12)) !important;
}
.mobile-menu-close{
  width:48px !important;
  height:48px !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  border:1px solid rgba(6,78,59,.14) !important;
  border-radius:16px !important;
  background:#fff !important;
  color:#204C3C !important;
  box-shadow:0 12px 28px rgba(6,78,59,.12), inset 0 1px 0 rgba(255,255,255,.9) !important;
  font-size:0 !important;
  cursor:pointer !important;
}
.mobile-menu-close span{
  position:relative !important;
  width:20px !important;
  height:20px !important;
  display:block !important;
  font-size:0 !important;
}
.mobile-menu-close span::before,
.mobile-menu-close span::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:24px !important;
  height:3px !important;
  border-radius:99px !important;
  background:#204C3C !important;
  transform-origin:center !important;
}
.mobile-menu-close span::before{transform:translate(-50%,-50%) rotate(45deg) !important;}
.mobile-menu-close span::after{transform:translate(-50%,-50%) rotate(-45deg) !important;}

.mobile-side-drawer .mobile-menu-links{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
.mobile-side-drawer a:not(.mobile-menu-brand):not(.mobile-menu-donate){
  position:relative !important;
  min-height:62px !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  border:1px solid rgba(6,78,59,.11) !important;
  border-radius:18px !important;
  background:#ffffff !important;
  color:#064E3B !important;
  text-decoration:none !important;
  font-size:18px !important;
  font-weight:900 !important;
  box-shadow:0 10px 26px rgba(6,78,59,.06) !important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}
.mobile-side-drawer a:not(.mobile-menu-brand):not(.mobile-menu-donate)::after{
  content:"" !important;
  width:8px !important;
  height:8px !important;
  margin-inline-start:auto !important;
  border-block-start:2px solid currentColor !important;
  border-inline-end:2px solid currentColor !important;
  opacity:.35 !important;
  transform:rotate(225deg) !important;
}
html[dir="ltr"] .mobile-side-drawer a:not(.mobile-menu-brand):not(.mobile-menu-donate)::after{
  transform:rotate(45deg) !important;
}
.mobile-side-drawer a:not(.mobile-menu-brand):not(.mobile-menu-donate):hover,
.mobile-side-drawer a:not(.mobile-menu-brand):not(.mobile-menu-donate):focus-visible,
.mobile-side-drawer a:not(.mobile-menu-brand):not(.mobile-menu-donate).is-active{
  background:linear-gradient(135deg,#204C3C,#204C3C) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#fff !important;
  box-shadow:0 16px 34px rgba(32,76,60,.18) !important;
  transform:translateY(-1px) !important;
}

.mobile-side-drawer .language-toggle{
  width:100% !important;
  height:58px !important;
  margin-top:4px !important;
  padding:6px !important;
  border:1px solid rgba(6,78,59,.13) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 10px 26px rgba(6,78,59,.06) !important;
}
.mobile-side-drawer .language-toggle__divider{background:rgba(6,78,59,.16) !important;}
.mobile-side-drawer .language-toggle__globe{background:#F5FAF7 !important;color:#204C3C !important;}
.mobile-side-drawer .language-toggle__option{color:#4B5563 !important;}
html[lang^="ar"] .mobile-side-drawer .language-toggle__option[data-toggle-ar],
html[lang^="en"] .mobile-side-drawer .language-toggle__option[data-toggle-en]{
  background:linear-gradient(135deg,#204C3C,#204C3C) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(32,76,60,.20) !important;
}

.mobile-menu-donate{
  width:100% !important;
  min-width:0 !important;
  min-height:60px !important;
  margin-top:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#204C3C,#204C3C) !important;
  color:#fff !important;
  font-size:19px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  box-shadow:0 18px 38px rgba(32,76,60,.25) !important;
}
.mobile-menu-donate svg{
  width:21px !important;
  height:21px !important;
  fill:currentColor !important;
}

body.mobile-menu-open{
  overflow:hidden !important;
  touch-action:none !important;
}
body.mobile-menu-open .donate-sticky,
body.mobile-menu-open .floating-donate-button,
body.mobile-menu-open .currency-floating-select{
  display:none !important;
}

@media (max-width:430px){
  .mobile-side-drawer.mobile-nav-panel{
    width:min(90vw, 390px) !important;
    padding-inline:16px !important;
    border-radius:24px 0 0 24px !important;
  }
  html[dir="ltr"] .mobile-side-drawer.mobile-nav-panel{
    border-radius:0 24px 24px 0 !important;
  }
  .mobile-menu-brand{width:170px !important;}
  .mobile-side-drawer a:not(.mobile-menu-brand):not(.mobile-menu-donate){
    min-height:58px !important;
    font-size:17px !important;
    border-radius:16px !important;
  }
}

/* =====================================================
   V20: currency selector belongs inside the mobile menu
   Removes the floating selector from campaign cards and
   presents currency choice as a clean institutional row.
===================================================== */
.mobile-menu-currency{
  width:100% !important;
  display:block !important;
  margin-top:2px !important;
}
.mobile-side-drawer .shuaa-currency-switcher{
  position:static !important;
  inset:auto !important;
  z-index:auto !important;
  width:100% !important;
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:8px 10px 8px 16px !important;
  border:1px solid rgba(6,78,59,.13) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 10px 26px rgba(6,78,59,.06) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.mobile-side-drawer .shuaa-currency-switcher label{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  font-size:16px !important;
  font-weight:950 !important;
  line-height:1 !important;
  color:#064E3B !important;
  white-space:nowrap !important;
}
.mobile-side-drawer .shuaa-currency-switcher label::before{
  content:"" !important;
  width:34px !important;
  height:34px !important;
  flex:0 0 auto !important;
  border-radius:12px !important;
  background:#F5FAF7 !important;
  box-shadow:inset 0 0 0 1px rgba(6,78,59,.06) !important;
}
.mobile-side-drawer .shuaa-currency-switcher label::after{
  content:"" !important;
  position:absolute !important;
}
.mobile-side-drawer .shuaa-currency-switcher select{
  width:min(58%, 210px) !important;
  height:42px !important;
  border:1px solid rgba(6,78,59,.10) !important;
  border-radius:14px !important;
  background:#F5FAF7 !important;
  padding:0 12px !important;
  color:#204C3C !important;
  font:900 13px/1 inherit !important;
  outline:none !important;
}
body > .shuaa-currency-switcher{
  display:none !important;
}
@media (min-width:821px){
  body > .shuaa-currency-switcher{
    display:none !important;
  }
}
@media (max-width:430px){
  .mobile-side-drawer .shuaa-currency-switcher{
    min-height:56px !important;
    border-radius:16px !important;
    padding-inline:10px !important;
  }
  .mobile-side-drawer .shuaa-currency-switcher label{
    font-size:15px !important;
  }
  .mobile-side-drawer .shuaa-currency-switcher select{
    width:min(56%, 190px) !important;
    font-size:12px !important;
  }
}


/* Global donation modal opened by the header Donate button */
.global-donation-open,
.global-donation-open body {
  overflow: hidden;
}
.global-donation-modal[hidden] { display: none !important; }
.global-donation-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: grid;
  place-items: center;
  padding: 18px;
  direction: rtl;
}
.global-donation-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6,78,59,.62);
  backdrop-filter: blur(12px);
}
.global-donation-modal__dialog {
  position: relative;
  width: min(520px, 100%);
  max-height: min(760px, calc(100svh - 28px));
  overflow: auto;
  background: #ffffff;
  border: 1px solid rgba(32,76,60,.18);
  border-radius: 30px;
  box-shadow: 0 28px 90px rgba(6,78,59,.30);
  padding: 20px;
  -webkit-overflow-scrolling: touch;
}
.global-donation-modal__close {
  position: sticky;
  top: 0;
  margin-inline-start: auto;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(32,76,60,.18);
  border-radius: 16px;
  background: #F5FAF7;
  color: #204C3C;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}
.global-donation-card {
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.global-donation-card__header {
  text-align: center;
  margin: -18px 0 16px;
  padding-inline: 10px;
}
.global-donation-card__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(32,76,60,.10);
  color: #204C3C;
  font-weight: 800;
  margin-bottom: 10px;
}
.global-donation-card__header h2 {
  margin: 0 0 8px;
  color: #064E3B;
  font-size: clamp(1.7rem, 7vw, 2.4rem);
  line-height: 1.1;
}
.global-donation-card__header p {
  margin: 0;
  color: #56616d;
  line-height: 1.8;
  font-size: 1rem;
}
.global-donation-modal .donate-card__amounts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.global-donation-modal .amount-chip,
.global-donation-modal .campaign-btn.full,
.global-donation-modal input,
.global-donation-modal select {
  min-height: 52px;
  border-radius: 18px;
}
.global-donation-modal .donor-fields {
  gap: 10px;
}
.global-donation-modal .donation-consent {
  align-items: flex-start;
  line-height: 1.7;
}
.global-donation-open [data-global-currency-switcher],
.mobile-menu-open [data-global-currency-switcher] {
  display: none !important;
}
@media (max-width: 640px) {
  .global-donation-modal {
    align-items: end;
    padding: 10px;
  }
  .global-donation-modal__dialog {
    width: 100%;
    max-height: calc(100svh - 18px);
    border-radius: 28px 28px 22px 22px;
    padding: 16px;
  }
  .global-donation-modal__close {
    width: 42px;
    height: 42px;
    border-radius: 15px;
  }
  .global-donation-card__header {
    margin-top: -12px;
  }
  .global-donation-modal .donate-card__amounts {
    gap: 8px;
  }
}

/* =====================================================
   V23 English language layout fix
===================================================== */
[data-lang] { display: none; }
html[lang^="en"] [data-lang="en"] { display: inline; }
html[lang^="ar"] [data-lang="ar"],
html[dir="rtl"] [data-lang="ar"] { display: inline; }
html[lang^="en"] [data-lang="ar"] { display: none !important; }

html[dir="ltr"] body {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .header-shell {
  direction: ltr !important;
}

@media (min-width: 821px) {
  html[dir="ltr"] .site-header .brand { order: 1; }
  html[dir="ltr"] .site-header .desktop-nav { order: 2; }
  html[dir="ltr"] .site-header .donate-top { order: 3; }
  html[dir="ltr"] .site-header .menu-btn { order: 4; }
  html[dir="ltr"] .desktop-nav {
    justify-content: center;
    direction: ltr !important;
    text-align: left;
  }
}

@media (max-width: 820px) {
  html[dir="ltr"] .header-shell {
    direction: ltr !important;
  }
  html[dir="ltr"] .site-header .brand { order: 1; }
  html[dir="ltr"] .site-header .donate-top { order: 2; }
  html[dir="ltr"] .site-header .menu-btn { order: 3 !important; }
}

html[dir="ltr"] .mobile-side-drawer.mobile-nav-panel,
html[dir="ltr"] .mobile-side-drawer .mobile-menu-links,
html[dir="ltr"] .mobile-menu-currency,
html[dir="ltr"] .mobile-side-drawer .shuaa-currency-switcher,
html[dir="ltr"] .mobile-menu-donate {
  direction: ltr !important;
  text-align: left !important;
}

html[dir="ltr"] .mobile-menu-header {
  flex-direction: row !important;
}

html[dir="ltr"] .mobile-side-drawer a:not(.mobile-menu-brand):not(.mobile-menu-donate) {
  justify-content: flex-start !important;
  text-align: left !important;
}

html[dir="ltr"] .mobile-side-drawer .shuaa-currency-switcher {
  padding: 8px 16px 8px 10px !important;
}

html[dir="ltr"] .global-donation-modal,
html[dir="ltr"] .global-donation-card,
html[dir="ltr"] .global-donation-modal input,
html[dir="ltr"] .global-donation-modal select {
  direction: ltr !important;
  text-align: left;
}

html[dir="ltr"] .global-donation-card__header {
  text-align: center;
}

/* v28: launch-level unified header/menu/modal refinements */
:root{
  --shuaa-green:#064E3B;
  --shuaa-green-2:#204C3C;
  --shuaa-mint:#F5FAF7;
  --shuaa-soft:#F5FAF7;
  --shuaa-line:rgba(6,78,59,.13);
  --shuaa-shadow:0 22px 60px rgba(6,78,59,.18);
}

@media (max-width:820px){
  .site-header .header-shell{
    height:82px !important;
    display:grid !important;
    grid-template-columns:minmax(84px,96px) minmax(0,1fr) 54px !important;
    align-items:center !important;
    gap:8px !important;
    padding-inline:12px !important;
  }
  html[dir="ltr"] .site-header .header-shell{
    grid-template-columns:minmax(84px,96px) minmax(0,1fr) 54px !important;
  }
  .site-header .donate-top{
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    height:46px !important;
    padding:0 10px !important;
    border-radius:14px !important;
    font-size:14px !important;
    gap:6px !important;
    line-height:1 !important;
    order:1 !important;
    justify-self:start !important;
    box-shadow:0 10px 24px rgba(32,76,60,.22) !important;
  }
  html[dir="ltr"] .site-header .donate-top{justify-self:start !important;}
  .site-header .donate-top svg{width:16px !important;height:16px !important;flex:0 0 16px !important;}
  .site-header .donate-top span{white-space:nowrap !important;overflow:hidden !important;text-overflow:clip !important;}
  .site-header .brand{
    width:142px !important;
    min-width:0 !important;
    max-width:142px !important;
    order:2 !important;
    justify-self:center !important;
    margin:0 !important;
    z-index:2 !important;
  }
  .site-header .brand img{max-width:142px !important;width:142px !important;height:auto !important;display:block !important;}
  .site-header .menu-btn{
    width:50px !important;
    height:50px !important;
    border-radius:14px !important;
    order:3 !important;
    justify-self:end !important;
    box-shadow:inset 0 0 0 1px rgba(6,78,59,.12),0 10px 22px rgba(6,78,59,.08) !important;
  }
}
@media (max-width:380px){
  .site-header .header-shell{grid-template-columns:82px minmax(0,1fr) 48px !important;padding-inline:9px !important;}
  .site-header .donate-top{width:82px !important;min-width:82px !important;max-width:82px !important;font-size:13px !important;padding-inline:7px !important;}
  .site-header .donate-top svg{display:none !important;}
  .site-header .brand,.site-header .brand img{width:124px !important;max-width:124px !important;}
  .site-header .menu-btn{width:46px !important;height:46px !important;}
}

/* full-screen drawer: not trapped under header; supports swipe-close */
.mobile-menu-overlay{
  position:fixed !important;inset:0 !important;z-index:9990 !important;background:rgba(6,78,59,.54) !important;backdrop-filter:blur(8px) !important;
}
.mobile-side-drawer.mobile-nav-panel{
  position:fixed !important;top:0 !important;bottom:0 !important;right:0 !important;left:auto !important;z-index:9991 !important;
  width:min(88vw,390px) !important;max-width:390px !important;height:100dvh !important;max-height:100dvh !important;
  border-radius:28px 0 0 28px !important;padding:18px !important;overflow-y:auto !important;background:#fff !important;
  box-shadow:-24px 0 70px rgba(6,78,59,.24) !important;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease !important;
  transform:translateX(105%) !important;will-change:transform !important;
}
.mobile-side-drawer.mobile-nav-panel.open{transform:translateX(0) !important;}
html[dir="ltr"] .mobile-side-drawer.mobile-nav-panel{left:0 !important;right:auto !important;border-radius:0 28px 28px 0 !important;box-shadow:24px 0 70px rgba(6,78,59,.24) !important;transform:translateX(-105%) !important;}
html[dir="ltr"] .mobile-side-drawer.mobile-nav-panel.open{transform:translateX(0) !important;}
.mobile-menu-close{width:44px !important;height:44px !important;border-radius:14px !important;background:var(--shuaa-soft) !important;border:1px solid var(--shuaa-line) !important;color:var(--shuaa-green) !important;display:grid !important;place-items:center !important;}
.mobile-menu-close span{font-size:0 !important;position:relative !important;width:18px !important;height:18px !important;display:block !important;}
.mobile-menu-close span:before,.mobile-menu-close span:after{content:"" !important;position:absolute !important;top:50% !important;left:50% !important;width:20px !important;height:2.4px !important;border-radius:999px !important;background:currentColor !important;}
.mobile-menu-close span:before{transform:translate(-50%,-50%) rotate(45deg) !important;}
.mobile-menu-close span:after{transform:translate(-50%,-50%) rotate(-45deg) !important;}
body.mobile-menu-open,body.global-donation-open,body.campaign-modal-open{overflow:hidden !important;}
body.mobile-menu-open .site-header,body.global-donation-open .site-header,body.campaign-modal-open .site-header{z-index:10 !important;}

/* modal stacks: above header, swipe-friendly, polished */
.global-donation-modal,.campaign-donation-modal{position:fixed !important;inset:0 !important;z-index:10020 !important;display:grid !important;place-items:center !important;padding:18px !important;}
.global-donation-modal[hidden],.campaign-donation-modal[hidden]{display:none !important;}
.global-donation-modal__backdrop,.campaign-donation-modal__backdrop{position:absolute !important;inset:0 !important;background:rgba(6,78,59,.56) !important;backdrop-filter:blur(10px) !important;}
.global-donation-modal__dialog,.campaign-donation-modal__dialog{position:relative !important;z-index:1 !important;width:min(94vw,560px) !important;max-height:min(88dvh,760px) !important;overflow:auto !important;border-radius:28px !important;background:#fff !important;box-shadow:var(--shuaa-shadow) !important;border:1px solid rgba(255,255,255,.78) !important;transition:transform .18s ease !important;overscroll-behavior:contain !important;}
.global-donation-modal__close,.campaign-donation-modal__close{position:sticky !important;top:12px !important;margin:12px 12px -54px auto !important;z-index:5 !important;width:44px !important;height:44px !important;border:0 !important;border-radius:16px !important;background:#fff !important;color:var(--shuaa-green) !important;box-shadow:0 10px 26px rgba(6,78,59,.14),inset 0 0 0 1px rgba(6,78,59,.12) !important;display:grid !important;place-items:center !important;font-size:0 !important;}
html[dir="rtl"] .global-donation-modal__close,html[dir="rtl"] .campaign-donation-modal__close{margin-left:12px !important;margin-right:auto !important;}
.global-donation-modal__close:before,.global-donation-modal__close:after,.campaign-donation-modal__close:before,.campaign-donation-modal__close:after,.global-donation-modal__close span:before,.global-donation-modal__close span:after{content:"" !important;position:absolute !important;top:50% !important;left:50% !important;width:19px !important;height:2.4px !important;border-radius:999px !important;background:currentColor !important;}
.global-donation-modal__close:before,.campaign-donation-modal__close:before,.global-donation-modal__close span:before{transform:translate(-50%,-50%) rotate(45deg) !important;}
.global-donation-modal__close:after,.campaign-donation-modal__close:after,.global-donation-modal__close span:after{transform:translate(-50%,-50%) rotate(-45deg) !important;}
@media(max-width:680px){
  .global-donation-modal,.campaign-donation-modal{align-items:end !important;padding:0 !important;}
  .global-donation-modal__dialog,.campaign-donation-modal__dialog{width:100% !important;max-height:91dvh !important;border-radius:26px 26px 0 0 !important;box-shadow:0 -20px 60px rgba(6,78,59,.22) !important;}
  .global-donation-modal__dialog:before,.campaign-donation-modal__dialog:before{content:"";display:block;width:48px;height:5px;border-radius:999px;background:rgba(6,78,59,.18);margin:10px auto 0;}
}

/* campaign meta: capsule cards with centered icons */
.campaign-premium-meta{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important;width:min(1120px,calc(100% - 32px)) !important;margin:22px auto !important;background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;}
.campaign-premium-meta div,.campaign-premium-meta div:first-child,.campaign-premium-meta div:nth-child(-n+2){min-height:144px !important;border:1px solid var(--shuaa-line) !important;border-radius:22px !important;background:linear-gradient(180deg,#fff 0%,#F5FAF7 100%) !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;padding:18px 14px !important;box-shadow:0 14px 34px rgba(6,78,59,.07) !important;}
.campaign-premium-meta span{width:50px !important;height:50px !important;border-radius:18px !important;background:var(--shuaa-mint) !important;color:var(--shuaa-green) !important;display:grid !important;place-items:center !important;margin:0 0 10px !important;}
.campaign-premium-meta span svg{width:25px !important;height:25px !important;stroke-width:2 !important;}
.campaign-premium-meta strong{display:block !important;font-size:13px !important;font-weight:900 !important;color:#1F2937 !important;margin:0 0 4px !important;}
.campaign-premium-meta em{display:block !important;font-style:normal !important;font-size:15px !important;line-height:1.45 !important;font-weight:900 !important;color:var(--shuaa-green) !important;}
@media(max-width:720px){.campaign-premium-meta{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;width:calc(100% - 28px) !important;margin-top:16px !important}.campaign-premium-meta div,.campaign-premium-meta div:first-child,.campaign-premium-meta div:nth-child(-n+2){min-height:126px !important;padding:14px 10px !important;border-radius:18px !important}.campaign-premium-meta span{width:44px !important;height:44px !important;border-radius:15px !important}.campaign-premium-meta em{font-size:13.5px !important}}

/* payment badges */
.shuaa-payment-badges{margin:14px 0 0;padding:12px;border-radius:18px;background:linear-gradient(180deg,#fff,#F5FAF7);border:1px solid var(--shuaa-line);box-shadow:0 10px 26px rgba(6,78,59,.06)}
.shuaa-payment-badges--compact{padding:10px;margin-top:12px;box-shadow:none}
.shuaa-payment-badges__title{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--shuaa-green);font-size:12px;font-weight:900;margin-bottom:8px}.shuaa-payment-badges__lock{font-size:13px}.shuaa-payment-badges__row{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.pay-badge{min-height:28px;display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 10px rgba(17,24,39,.05);font-size:11px;font-weight:900;letter-spacing:.01em;color:#111827;line-height:1}.pay-badge--visa{color:#1a1f71;font-family:Arial,sans-serif;font-style:italic;font-size:13px}.pay-badge--mastercard{gap:0;position:relative;padding-inline:8px 9px}.pay-badge--mastercard i{width:13px;height:13px;border-radius:999px;display:inline-block;margin-inline:-2px}.pay-badge--mastercard i:first-child{background:#eb001b}.pay-badge--mastercard i:nth-child(2){background:#f79e1b}.pay-badge--mastercard b{font-size:0;width:0;overflow:hidden}.pay-badge--apple{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.pay-badge--gpay b{color:#4285f4;margin-inline-end:2px}.pay-badge--stripe{color:#635bff}.shuaa-payment-badges p{margin:8px 0 0;color:#1F2937;font-size:11.5px;line-height:1.55;text-align:center;font-weight:700}

/* remove old campaign overlay text if cached */
.campaign-premium-hero__overlay{display:none !important;}


/* v38: restore old footer colour while keeping English/LTR build */
.footer{
  background:#0f1d16 !important;
  color:#d8e8de !important;
}
.footer a{
  color:#d8e8de !important;
}
.footer a:hover{
  color:#fff !important;
}
.shuaa-footer{
  --footer-bg:#03382C !important;
  --footer-bg-2:#064E3B !important;
  --footer-accent:#16A36F !important;
  --footer-accent-soft:rgba(22,163,111,.18) !important;
  --footer-text:#fff !important;
  --footer-muted:rgba(255,255,255,.82) !important;
  --footer-border:rgba(255,255,255,.12) !important;
  --shuaa-dark-top:#03382c !important;
  --shuaa-dark-bottom:#071512 !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(22,163,111,.18) 0%, transparent 32%),
    radial-gradient(circle at 82% 76%, rgba(22,163,111,.14) 0%, transparent 30%),
    linear-gradient(135deg,#03382C 0%,#022e25 52%,#064E3B 100%) !important;
  color:#fff !important;
}


/* v38: use the payment-gateway green for all visible action buttons */
:root{
  --payment-gateway-green:#204C3C;
  --green:#204C3C;
  --green2:#204C3C;
  --green3:#204C3C;
  --primary:#204C3C;
  --primary-2:#204C3C;
  --shuaa-green:#204C3C;
  --shuaa-green-2:#204C3C;
  --shuaa-green-3:#204C3C;
  --btn-green-1:#204C3C;
  --btn-green-2:#204C3C;
  --btn-green-3:#204C3C;
  --engraved-primary-bg:#204C3C;
  --btn-shadow-green:0 14px 30px rgba(32,76,60,.22), inset 0 1px 0 rgba(255,255,255,.20), inset 0 -2px 0 rgba(0,0,0,.10);
}
.donate-top,
.menu-btn,
.btn,
.btn-primary,
.btn-dark,
.btn-light,
.campaign-btn,
.campaign-btn.primary,
.campaign-btn.secondary,
.campaign-actions .campaign-btn,
.campaign-hero__actions .campaign-btn,
.campaign-final-cta__actions .campaign-btn,
.campaign-premium-summary .campaign-btn,
.campaign-premium-cta,
.final-donation-cta__button,
.global-donation-card__button,
.global-donation-modal button[type="submit"],
.campaign-donation-modal button[type="submit"],
[data-donate-submit],
.donate-btn,
.campaign-donate-btn,
.btn-donate,
.donate-round,
.header-donate,
.quick-amount:hover,
.quick-amount.active,
.amount-btn.active,
.amount-btn:hover,
.amount-chip.is-active,
.amount-chip:hover,
.donation-channels__footer .campaign-btn.secondary.inline,
button.udhiyah-pay-btn,
.udhiyah-pay-btn{
  background:#204C3C !important;
  background-image:none !important;
  border-color:#204C3C !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(32,76,60,.20) !important;
}
.donate-top:hover,
.menu-btn:hover,
.btn:hover,
.btn-primary:hover,
.btn-dark:hover,
.btn-light:hover,
.campaign-btn:hover,
.campaign-btn.primary:hover,
.campaign-btn.secondary:hover,
.campaign-actions .campaign-btn:hover,
.campaign-hero__actions .campaign-btn:hover,
.campaign-final-cta__actions .campaign-btn:hover,
.campaign-premium-summary .campaign-btn:hover,
.campaign-premium-cta:hover,
.final-donation-cta__button:hover,
.global-donation-card__button:hover,
[data-donate-submit]:hover,
.donate-btn:hover,
.campaign-donate-btn:hover,
.btn-donate:hover,
.donate-round:hover,
.header-donate:hover,
button.udhiyah-pay-btn:hover,
.udhiyah-pay-btn:hover{
  background:#204C3C !important;
  background-image:none !important;
  border-color:#204C3C !important;
  color:#fff !important;
  filter:brightness(1.04);
}
.menu-btn span{background:#fff !important;}
.donate-top svg,
.btn svg,
.campaign-btn svg,
.final-donation-cta__button svg{color:#fff !important;fill:currentColor;stroke:currentColor;}
/* v41: keep the current primary colour; apply the old payment-gateway button shape only */
:root{
  --payment-old-button-radius:8px;
  --payment-old-button-height:52px;
  --payment-old-button-padding-x:18px;
  --payment-old-chip-height:44px;
}

.btn,
.btn-primary,
.btn-secondary,
.btn-dark,
.btn-light,
.btn-green,
.btn-gold,
.btn-ghost,
.btn-wide,
.btn-small,
.campaign-btn,
.campaign-btn.primary,
.campaign-btn.secondary,
.campaign-btn.inline,
.campaign-actions .campaign-btn,
.campaign-hero__actions .campaign-btn,
.campaign-final-cta__actions .campaign-btn,
.campaign-premium-summary .campaign-btn,
.campaign-premium-cta,
.final-donation-cta__button,
.global-donation-card__button,
.global-donation-modal button[type="submit"],
.campaign-donation-modal button[type="submit"],
[data-donate-submit],
.donate-btn,
.campaign-donate-btn,
.btn-donate,
.pay-btn,
.udhiyah-btn,
.udhiyah-pay-btn,
button.udhiyah-pay-btn,
.well-pay-btn,
.donate-round,
.header-donate,
.donate-top,
.compact-donate,
.split-donate,
.old-donate,
.ti-cta,
.impact-cta,
.campaigns-more__button,
.details-btn,
.status-btn,
.donation-channels__footer .campaign-btn.secondary.inline,
.donation-wizard__next,
.donation-wizard__back,
.campaign-submit,
.admin-btn,
.admin-button,
a.button,
a[role="button"]{
  min-height:var(--payment-old-button-height) !important;
  height:auto !important;
  padding:0 var(--payment-old-button-padding-x) !important;
  border-radius:var(--payment-old-button-radius) !important;
  border-width:1px !important;
  box-shadow:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-align:center !important;
  text-decoration:none !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  overflow:hidden !important;
  transition:border-color .18s ease, background .18s ease, color .18s ease, filter .18s ease, transform .18s ease !important;
}

.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-dark:hover,
.btn-light:hover,
.btn-green:hover,
.btn-gold:hover,
.btn-ghost:hover,
.btn-wide:hover,
.btn-small:hover,
.campaign-btn:hover,
.campaign-btn.primary:hover,
.campaign-btn.secondary:hover,
.campaign-btn.inline:hover,
.campaign-actions .campaign-btn:hover,
.campaign-hero__actions .campaign-btn:hover,
.campaign-final-cta__actions .campaign-btn:hover,
.campaign-premium-summary .campaign-btn:hover,
.campaign-premium-cta:hover,
.final-donation-cta__button:hover,
.global-donation-card__button:hover,
.global-donation-modal button[type="submit"]:hover,
.campaign-donation-modal button[type="submit"]:hover,
[data-donate-submit]:hover,
.donate-btn:hover,
.campaign-donate-btn:hover,
.btn-donate:hover,
.pay-btn:hover,
.udhiyah-btn:hover,
.udhiyah-pay-btn:hover,
button.udhiyah-pay-btn:hover,
.well-pay-btn:hover,
.donate-round:hover,
.header-donate:hover,
.donate-top:hover,
.compact-donate:hover,
.split-donate:hover,
.old-donate:hover,
.ti-cta:hover,
.impact-cta:hover,
.campaigns-more__button:hover,
.details-btn:hover,
.status-btn:hover,
.donation-channels__footer .campaign-btn.secondary.inline:hover,
.donation-wizard__next:hover,
.donation-wizard__back:hover,
.campaign-submit:hover,
.admin-btn:hover,
.admin-button:hover,
a.button:hover,
a[role="button"]:hover{
  box-shadow:none !important;
  transform:none !important;
  filter:brightness(1.04) !important;
}

.btn:active,
.btn-primary:active,
.btn-secondary:active,
.btn-dark:active,
.btn-light:active,
.campaign-btn:active,
.final-donation-cta__button:active,
.global-donation-card__button:active,
[data-donate-submit]:active,
.donate-btn:active,
.campaign-donate-btn:active,
.btn-donate:active,
.pay-btn:active,
.udhiyah-pay-btn:active,
.donate-round:active,
.header-donate:active,
.donate-top:active,
a.button:active,
a[role="button"]:active{
  transform:none !important;
  box-shadow:none !important;
}

.btn svg,
.btn-primary svg,
.btn-secondary svg,
.btn-dark svg,
.btn-light svg,
.campaign-btn svg,
.final-donation-cta__button svg,
.global-donation-card__button svg,
[data-donate-submit] svg,
.donate-btn svg,
.campaign-donate-btn svg,
.btn-donate svg,
.pay-btn svg,
.udhiyah-pay-btn svg,
.donate-round svg,
.header-donate svg,
.donate-top svg{
  width:20px !important;
  height:20px !important;
  flex:0 0 auto !important;
}

.btn.full,
.btn-block,
.campaign-btn.full,
.global-donation-modal .campaign-btn.full,
.campaign-donation-modal .campaign-btn.full,
[data-donate-submit].full,
button[data-donate-submit],
.donation-wizard__actions .campaign-submit,
.global-donation-modal button[type="submit"],
.campaign-donation-modal button[type="submit"],
.pay-btn{
  width:100% !important;
}

.amount-btn,
.quick-amount,
.amount-chip,
.campaign-amount,
.campaign-option{
  min-height:var(--payment-old-chip-height) !important;
  border-radius:var(--payment-old-button-radius) !important;
  padding:0 14px !important;
  box-shadow:none !important;
  font-weight:900 !important;
  transition:border-color .18s ease, background .18s ease, color .18s ease, filter .18s ease !important;
}

.amount-btn:hover,
.amount-btn.active,
.quick-amount:hover,
.quick-amount.active,
.amount-chip:hover,
.amount-chip.is-active,
.campaign-amount:hover,
.campaign-amount.is-active,
.campaign-option:hover,
.campaign-option.is-active{
  box-shadow:none !important;
  transform:none !important;
}

@media(max-width:640px){
  .btn,
  .btn-primary,
  .btn-secondary,
  .btn-dark,
  .btn-light,
  .campaign-btn,
  .final-donation-cta__button,
  .global-donation-card__button,
  [data-donate-submit],
  .donate-btn,
  .campaign-donate-btn,
  .btn-donate,
  .pay-btn,
  .udhiyah-pay-btn,
  .well-pay-btn,
  .header-donate,
  .donate-top,
  .campaign-submit{
    width:100% !important;
    white-space:normal !important;
  }
}