/* ===================================================
   Deeptern AI, Responsive CSS
   =================================================== */

/* Large Desktop */
@media (max-width: 1280px) {
  .recognition-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-nav { grid-template-columns: repeat(3, 1fr); }
}

/* Tablet */
@media (max-width: 1024px) {
  .hero-inner { grid-template-columns: 1fr; text-align: center; }
  .hero-content { max-width: 100%; }
  .hero-visual { display: none; }
  .hero-desc { max-width: 600px; margin-inline: auto; }
  .hero-actions { justify-content: center; }

  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .eco-grid { grid-template-columns: repeat(2, 1fr); }
  .testimonials-track { grid-template-columns: repeat(2, 1fr); }
  .testimonials-track .testimonial-card:last-child { display: none; }

  .tab-panel.active { grid-template-columns: 1fr; }
  .tab-content-img { max-height: 320px; }

  .case-card { grid-template-columns: 1fr; }
  .case-card-bg { min-height: 260px; }

  .footer-top { grid-template-columns: 1fr; gap: var(--space-10); }
  .footer-nav { grid-template-columns: repeat(3, 1fr); }
}

/* Mobile */
@media (max-width: 768px) {
  :root { --nav-height: 64px; }

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

  .grid-2 { grid-template-columns: 1fr; }
  .grid-3 { grid-template-columns: 1fr; }
  .grid-4 { grid-template-columns: 1fr 1fr; }
  .eco-grid { grid-template-columns: 1fr 1fr; }
  .recognition-grid { grid-template-columns: 1fr 1fr; }
  .testimonials-track { grid-template-columns: 1fr; }
  .testimonials-track .testimonial-card:not(:first-child) { display: none; }

  .footer-nav { grid-template-columns: 1fr 1fr; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .footer-legal { flex-wrap: wrap; justify-content: center; }

  .case-stats { grid-template-columns: 1fr 1fr; }

  .tabs-nav { gap: var(--space-1); }
  .tab-btn { padding: var(--space-2) var(--space-3); font-size: var(--font-size-xs); }

  .section { padding-block: var(--space-16); }
  .section-sm { padding-block: var(--space-10); }

  .btn-lg { padding: 0.75rem var(--space-6); }

  h2 { font-size: var(--font-size-3xl); }
}

/* Small Mobile */
@media (max-width: 480px) {
  .grid-4 { grid-template-columns: 1fr; }
  .eco-grid { grid-template-columns: 1fr; }
  .recognition-grid { grid-template-columns: 1fr; }
  .case-stats { grid-template-columns: 1fr; }

  .hero-actions { flex-direction: column; align-items: center; }
  .hero-actions .btn { width: 100%; max-width: 280px; justify-content: center; }

  .footer-nav { grid-template-columns: 1fr 1fr; }

  .announcement-bar { font-size: 0.7rem; }
  .announcement-bar .close-btn { right: var(--space-2); }

  .cookie-bar { flex-direction: column; }
  .cookie-actions { width: 100%; }
  .cookie-actions .btn { flex: 1; }
}