/* =========================================
   RESPONSIVE.CSS — Mobile-first breakpoints
   ========================================= */

/* ---- Tablet: ≤ 960px ---- */
@media (max-width: 960px) {
  :root { --header-height: 100px; }

  .header__logo img { height: 80px; }

  .nav--desktop { display: none; }
  .hamburger { display: flex; }

  .services-list {
    grid-template-columns: 1fr;
  }

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

  .service-item:nth-child(odd) {
    border-right: none;
    padding-right: 0;
  }

  .service-item:nth-child(even) {
    padding-left: 0;
  }

  .hero { max-height: 680px; }

  .about__grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .about__image img { height: 300px; }

  .footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }

  .footer__grid > *:first-child { grid-column: 1 / -1; }

  .contact__grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .cookie-cats { grid-template-columns: 1fr 1fr; }
  .contact__map-full iframe { height: 280px; }

  /* Back to top hidden on mobile — WhatsApp replaces it */
  .back-to-top { display: none !important; }
  .floating-cta { bottom: 1.5rem; right: 1.25rem; }
}

/* ---- Mobile: ≤ 600px ---- */
@media (max-width: 600px) {
  :root { --container-padding: 1rem; --header-height: 84px; }

  .header__logo img { height: 66px; }

  .section { padding-block: 3.5rem; }

  .hero {
    min-height: 500px;
    max-height: 620px;
  }

  .hero__actions { flex-direction: column; }

  .hero__actions .btn,
  .hero__actions .hero__btn-secondary {
    width: 100%;
    justify-content: center;
  }

  .services__grid { grid-template-columns: 1fr; }
  .service-icon-grid { grid-template-columns: 1fr; }

  .floating-cta { right: 1rem; bottom: 1.25rem; }
  .floating-cta__btn { padding: 0.65rem 1.1rem; font-size: 0.82rem; }

  .whyus__grid { grid-template-columns: 1fr 1fr; gap: 1.25rem; }

  .footer__grid { grid-template-columns: 1fr; gap: 1.75rem; }

  .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

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

  .form { padding: 1.5rem; }

  .page-hero { padding-block: 3.5rem 2.5rem; }

  .cookie-cats { grid-template-columns: 1fr 1fr; }
  .cookie-consent__footer { flex-direction: column; align-items: flex-start; }
  .cookie-consent__btns { width: 100%; }
  .cookie-consent__btns .btn { flex: 1; justify-content: center; }
  .contact__map-full iframe { height: 220px; }
  .sello-inline { flex-direction: column; align-items: flex-start; }
}

/* ---- Small mobile: ≤ 380px ---- */
@media (max-width: 380px) {
  .whyus__grid { grid-template-columns: 1fr; }
  .footer__legal { flex-direction: column; gap: 0.5rem; }
}