/* ===== RESPONSIVE.CSS ===== */

/* Tablet — 1024px */
@media (max-width: 1024px) {
  .header-inner { padding: 0 28px; }
  nav.main-nav { display: none; }
  .hamburger { display: flex; }

  .hero-content {
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 140px 28px 80px;
    text-align: center;
  }

  .hero-visual { justify-content: center; }
  .hero-desc { max-width: 100%; }
  .hero-btns { justify-content: center; }

  .about-grid { grid-template-columns: 1fr; gap: 48px; }
  .about-tag-float.bottom-left { bottom: -10px; left: -10px; }
  .about-tag-float.top-right { top: -10px; right: -10px; }

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

  .process-steps {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }

  .process-steps::before { display: none; }

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

  .footer-top { grid-template-columns: 1fr 1fr; gap: 40px; }

  .contact-grid { grid-template-columns: 1fr; gap: 48px; }

  .cta-card { padding: 56px 48px; }

  .section-inner { padding: 0 28px; }
  .section-pad { padding: 80px 0; }
}

/* Mobile — 768px */
@media (max-width: 768px) {
  .header-inner { padding: 0 20px; }

  .hero-content { padding: 120px 20px 72px; }
  .hero-card-float { max-width: 100%; }
  .hero-stat-grid { gap: 12px; }
  .hero-title { font-size: clamp(2rem, 8vw, 3rem); }
  .hero-typing-wrap { font-size: 1.3rem; justify-content: center; }

  .section-inner { padding: 0 20px; }
  .section-pad { padding: 64px 0; }
  .section-pad-sm { padding: 48px 0; }

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

  .numbers-grid { grid-template-columns: 1fr 1fr; }
  .number-item { padding: 36px 20px; }
  .number-item .count { font-size: 2.4rem; }

  .process-steps { grid-template-columns: 1fr 1fr; gap: 24px; }

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

  .form-row { grid-template-columns: 1fr; }

  .contact-form-wrap { padding: 28px 24px; }

  .footer-top { grid-template-columns: 1fr; gap: 32px; }
  .footer-inner { padding: 0 20px; }
  .footer-bottom { flex-direction: column; text-align: center; gap: 12px; }

  .cta-card { padding: 48px 28px; }
  .cta-btns { flex-direction: column; align-items: center; }

  .hero-btns { flex-direction: column; align-items: center; }
  .hero-btns .btn, .hero-btns .btn-whatsapp { width: 100%; justify-content: center; }

  #cookie-banner {
    flex-direction: column;
    bottom: 16px;
    width: calc(100% - 32px);
    padding: 20px;
    gap: 14px;
  }

  .cookie-btns { width: 100%; justify-content: center; }

  #whatsapp-float { bottom: 20px; right: 20px; width: 54px; height: 54px; }
  #back-top { bottom: 20px; left: 20px; }

  .trusted-inner { flex-wrap: wrap; justify-content: center; }
  .trusted-separator { display: none; }
  .trusted-logos { justify-content: center; flex-wrap: wrap; gap: 24px; }
}

/* Small mobile — 480px */
@media (max-width: 480px) {
  .hero-title { font-size: 1.9rem; }
  .section-title { font-size: 1.7rem; }
  .numbers-grid { grid-template-columns: 1fr 1fr; }
  .number-item .count { font-size: 2rem; }
  .process-steps { grid-template-columns: 1fr; }
  .about-tag-float { display: none; }
  .hero-typing-wrap { font-size: 1.1rem; flex-wrap: wrap; justify-content: center; }
}