/* ═══════════════════════════════════════════════════════════
   TIANX STUDIO — Responsive Breakpoints
   ═══════════════════════════════════════════════════════════ */

/* ─── TABLET (max 1024px) ──────────────────────────────── */
@media (max-width: 1024px) {

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

  .footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-md);
  }

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

/* ─── MOBILE (max 768px) ───────────────────────────────── */
@media (max-width: 768px) {

  :root {
    --container-pad: 1.5rem;
  }

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

  /* Nav mobile */
  .nav__links { display: none; }
  .nav__cta   { display: none; }
  .nav__burger { display: flex; }

  /* Grid collapses */
  .grid--4,
  .grid--3,
  .grid--2 {
    grid-template-columns: 1fr;
  }

  /* Footer stacks */
  .footer__grid {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }

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

  .footer__legal {
    justify-content: center;
  }

  /* Cards */
  .project-card__image { height: 200px; }

  /* Forms */
  .form__radio-group {
    grid-template-columns: 1fr;
  }

  /* CTA block */
  .cta-block__actions {
    flex-direction: column;
  }

  /* Metrics row on mobile */
  .metrics-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ─── SMALL MOBILE (max 480px) ─────────────────────────── */
@media (max-width: 480px) {

  :root {
    --container-pad: 1rem;
  }

  .metric-card__value {
    font-size: 2rem;
  }

  .service-card {
    padding: var(--space-md);
  }

  .btn--lg {
    padding: 14px 28px;
    font-size: 0.72rem;
    width: 100%;
    justify-content: center;
  }
}