@media (min-width: 901px) {
  .primary-nav[hidden] {
    display: flex;
  }
}

@media (max-width: 900px) {
  .primary-nav {
    position: absolute;
    top: 72px;
    inset-inline: 18px;
    display: grid;
    gap: 0;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--white);
    box-shadow: var(--shadow);
  }

  .primary-nav[hidden] {
    display: none;
  }

  .primary-nav a {
    padding: 12px;
  }

  .menu-toggle {
    display: inline-grid;
    place-items: center;
  }

  .hero-grid,
  .section-heading,
  .source-band-inner {
    grid-template-columns: 1fr;
  }

  .proof-card {
    max-width: 520px;
  }

  .calculator-grid,
  .guide-grid {
    grid-template-columns: 1fr;
  }

  .guide-card {
    min-height: 190px;
  }
}

@media (max-width: 640px) {
  :root {
    --page: min(1180px, calc(100% - 24px));
    --radius-lg: 26px;
  }

  .site-header .brand-ar,
  .site-header .brand-separator {
    display: none;
  }

  .header-inner {
    width: 100%;
    max-width: none;
    min-height: 68px;
    padding-inline: 12px;
    direction: ltr;
  }

  [dir="rtl"] .site-header {
    direction: ltr;
  }

  [dir="rtl"] .primary-nav {
    direction: rtl;
    text-align: right;
  }

  .header-actions {
    gap: 5px;
  }

  .language-switch button {
    min-width: 37px;
    padding-inline: 8px;
  }

  h1 {
    overflow-wrap: anywhere;
  }

  .hero {
    padding-block: 62px 50px;
  }

  .hero::after {
    opacity: 0.5;
  }

  .hero-grid {
    gap: 32px;
  }

  .hero-actions {
    display: grid;
  }

  .button {
    width: 100%;
  }

  .trust-strip {
    grid-template-columns: 1fr;
  }

  .section {
    padding-block: 64px;
  }

  .section-heading {
    gap: 12px;
    margin-bottom: 28px;
  }

  .calculator-card {
    padding: 22px 18px;
  }

  .field-grid {
    grid-template-columns: 1fr;
  }

  .result-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }

  .source-band-inner {
    padding: 30px 22px;
  }

  .footer-inner {
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}