/* FINAL DESKTOP ONLY FIX */
@media (min-width: 992px) {
  .site-header {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    height: 96px !important;
    background: rgba(255,255,255,.97) !important;
    border-bottom: 1px solid rgba(6,78,59,.08) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.08) !important;
    overflow: hidden !important;
    z-index: 1000 !important;
  }

  .header-shell {
    position: relative !important;
    max-width: 1400px !important;
    height: 96px !important;
    margin: 0 auto !important;
    padding: 0 42px !important;
    display: block !important;
    direction: rtl !important;
  }

  .brand {
    position: absolute !important;
    right: 42px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 210px !important;
    min-width: 210px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .brand img {
    width: 100% !important;
    max-height: 74px !important;
    object-fit: contain !important;
  }

  .donate-top {
    position: absolute !important;
    left: 42px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 170px !important;
    min-width: 170px !important;
    height: 52px !important;
    margin: 0 !important;
    border-radius: 16px !important;
    font-size: 18px !important;
    padding: 0 18px !important;
    z-index: 2 !important;
  }

  .donate-top svg {
    width: 18px !important;
    height: 18px !important;
  }

  .desktop-nav {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    color: #064E3B !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    z-index: 1 !important;
  }

  .desktop-nav a {
    padding: 0 !important;
    margin: 0 !important;
    color: #064E3B !important;
    opacity: .95 !important;
    text-shadow: none !important;
  }
  .desktop-nav a:hover { color: #204C3C !important; }
  .desktop-nav a.is-active::after { display:none !important; }

  .menu-btn { display: none !important; }

  .hero {
    padding-top: 96px !important;
    min-height: 100vh !important;
  }

  .hero-slide {
    background-position: left center !important;
  }

  .hero-overlay {
    background:
      linear-gradient(90deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.28) 42%, rgba(0,0,0,.84) 100%),
      linear-gradient(to bottom, rgba(0,0,0,.08), rgba(0,0,0,.58)) !important;
  }

  .hero-content {
    position: relative !important;
    max-width: 1400px !important;
    min-height: calc(100vh - 96px) !important;
    margin: 0 auto !important;
    padding: 0 72px 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  .hero-copy {
    width: 520px !important;
    margin: 0 !important;
    text-align: right !important;
  }

  .hero-copy h1 {
    margin: 0 !important;
    font-size: clamp(52px, 4.9vw, 74px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.5px !important;
  }

  .hero-copy p {
    margin: 20px 0 0 0 !important;
    font-size: clamp(18px, 1.45vw, 22px) !important;
    line-height: 1.85 !important;
  }

  .hero-buttons {
    width: 480px !important;
    margin: 28px 0 0 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .hero-buttons .btn {
    width: 100% !important;
    min-height: 58px !important;
  }

  .slider-controls, .dots {
    justify-content: flex-end !important;
  }

  .slider-controls {
    position: absolute !important;
    right: 74px !important;
    bottom: 28px !important;
    gap: 0 !important;
  }

  .arrow, .slider-controls .arrow {
    display: none !important;
  }

  .dots { margin: 0 !important; }

  .trust-marquee {
    width: min(920px, calc(100% - 180px)) !important;
    margin: 0 auto !important;
    padding-top: 8px !important;
  }
}

@media (min-width: 992px) and (max-width: 1180px) {
  .brand {
    width: 180px !important;
    min-width: 180px !important;
    right: 28px !important;
  }
  .donate-top {
    width: 150px !important;
    min-width: 150px !important;
    left: 28px !important;
    font-size: 16px !important;
  }
  .desktop-nav {
    gap: 16px !important;
    font-size: 12.5px !important;
  }
  .hero-content {
    padding: 0 48px 34px !important;
  }
  .hero-copy {
    width: 470px !important;
  }
  .hero-copy h1 { font-size: clamp(46px, 5vw, 62px) !important; }
  .hero-copy p { font-size: 18px !important; }
  .hero-buttons { width: 430px !important; }
  .trust-marquee {
    width: min(860px, calc(100% - 120px)) !important;
  }
}
/* 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;
  }
}