/* Finovas Global — responsive breakpoints */

@media (max-width: 1120px) {
  /* brand on its own row, then the 4 link columns as a clean 2x2 */
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-brand { grid-column: 1 / -1; max-width: none; }
}

/* The full nav (5 links + language pill + CTA) crowds out of the container
   below ~1080px, so collapse to the hamburger early enough to cover iPad
   landscape (1024). */
@media (max-width: 1080px) {
  .nav__links { display: none; }
  .nav .lang { display: none; }
  .nav__toggle { display: flex; }
  .nav__actions .btn--nav { display: none; }
  .nav__actions { margin-left: auto; }
  .nav__logo .finovas-wordmark { width: 172px; }
}

@media (max-width: 1000px) {
  :root { --header-h: 68px; }

  .hero__inner { grid-template-columns: 1fr; gap: 36px; }
  .hero__visual { order: -1; width: 100%; max-width: 520px; margin-inline: auto; }
  .hero__badge { left: 12px; }

  /* 3 stats in a 2-col band: let the odd last stat span the full row */
  .stat-band .stat:last-child:nth-child(odd) { grid-column: 1 / -1; }

  .showcase__row,
  .showcase__row--flip .showcase__media { grid-template-columns: 1fr; }
  .showcase__row--flip .showcase__media { order: 0; }
  .story-grid, .intro-split, .vm-grid, .booking-split,
  .contact-grid { grid-template-columns: 1fr; }
  .booking-aside { display: none; }

  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3, .blog-grid { grid-template-columns: repeat(2, 1fr); }
  /* a lone third card (countries, testimonials) spans the full row */
  .grid-3 > :nth-child(3):last-child { grid-column: 1 / -1; }
  .stat-band { grid-template-columns: repeat(2, 1fr); gap: 28px; }
}

@media (max-width: 720px) {
  .grid-2, .grid-3, .grid-4, .grid-auto, .blog-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
  .hero__badge, .hero__chip { display: none; }
  .hero-deco, .page-hero .deco { display: none; }
  .job-card { flex-direction: column; align-items: flex-start; gap: 16px; }
  .job-card__cta { width: 100%; }
  .job-card__cta .btn { width: 100%; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
  .cookie-banner { flex-direction: column; align-items: flex-start; gap: 14px; }
  .cookie-banner__actions { width: 100%; display: flex; gap: 10px; }
  .cookie-banner__actions .btn { flex: 1 1 0; min-width: 0; padding-inline: 10px; }
  .section-head { margin-bottom: 36px; }
  .modal__head, .modal__body { padding-inline: 22px; }
}

@media (max-width: 460px) {
  .footer-grid { grid-template-columns: 1fr; }
  .stat-band { grid-template-columns: 1fr 1fr; }
  .hero__cta { flex-direction: column; }
  .hero__cta .btn { width: 100%; }
  .footer-cta__btns { flex-direction: column; }
  .footer-cta__btns .btn { width: 100%; }
  .chat-fab span { display: none; }
  .chat-fab { padding: 0; width: 56px; justify-content: center; }
}