/* ==========================================================================
   RAQI — Responsive Breakpoints
   ========================================================================== */

/* ---------- 1400px — Large Desktop ---------- */
@media (max-width: 1400px) {
  .footer__inner {
    grid-template-columns: 1.5fr 1fr 1fr;
  }
}

/* ---------- 1200px — Desktop ---------- */
@media (max-width: 1200px) {
  .grid--4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .editorial-split {
    min-height: 50vh;
  }
}

/* ---------- 992px — Tablet Landscape ---------- */
@media (max-width: 992px) {
  :root {
    --nav-height: 70px;
  }

  /* Navigation */
  .nav__links {
    display: none;
  }

  .nav__cta-desktop {
    display: none;
  }

  .nav__toggle {
    display: flex;
  }

  .nav__mobile-menu {
    display: flex;
  }

  /* Grid */
  .grid--3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid--asymmetric,
  .grid--asymmetric-reverse {
    grid-template-columns: 1fr;
  }

  /* Editorial */
  .editorial-split {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .editorial-split--reverse {
    direction: ltr;
  }

  .editorial-split__image {
    height: 50vh;
    min-height: 350px;
  }

  .editorial-split__content {
    padding: var(--space-xl) var(--space-lg);
  }

  /* Footer */
  .footer__inner {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-lg);
  }

  .footer__brand {
    grid-column: 1 / -1;
    max-width: none;
  }
}

/* ---------- 768px — Tablet Portrait ---------- */
@media (max-width: 768px) {
  .section {
    padding: var(--space-2xl) 0;
  }

  .section--lg {
    padding: var(--space-3xl) 0;
  }

  .grid--2,
  .grid--3 {
    grid-template-columns: 1fr;
  }

  .hero__actions {
    flex-direction: column;
  }

  .hero__actions .btn {
    width: 280px;
  }

  .page-hero {
    height: 50vh;
    min-height: 350px;
  }

  /* Price */
  .price-display__amount {
    font-size: clamp(2.5rem, 8vw, 4rem);
  }

  /* Footer */
  .footer__inner {
    grid-template-columns: 1fr;
  }

  .footer__bottom {
    flex-direction: column;
    gap: var(--space-sm);
    text-align: center;
  }
}

/* ---------- 576px — Mobile Landscape ---------- */
@media (max-width: 576px) {
  .section {
    padding: var(--space-xl) 0;
  }

  .section-header {
    margin-bottom: var(--space-lg);
  }

  .btn {
    padding: 0.9rem 2rem;
    font-size: 0.75rem;
  }

  .btn--lg {
    padding: 1rem 2.5rem;
    font-size: 0.8rem;
  }

  .hero {
    min-height: 100svh;
  }

  .editorial-split__image {
    height: 40vh;
    min-height: 280px;
  }

  .editorial-split__content {
    padding: var(--space-lg) var(--space-sm);
  }

  .nav__mobile-link {
    font-size: 1.6rem;
  }
}

/* ---------- 480px — Small Mobile ---------- */
@media (max-width: 480px) {
  .hero__title {
    font-size: clamp(2.5rem, 12vw, 4rem);
  }

  .hero__subtitle {
    font-size: 0.9rem;
  }

  .hero__tagline {
    font-size: 0.9rem;
  }

  .hero__actions .btn {
    width: 100%;
    max-width: 280px;
  }

  .section-header__title {
    font-size: clamp(1.75rem, 6vw, 2.5rem);
  }

  .page-hero__title {
    font-size: clamp(2rem, 8vw, 3rem);
  }
}