/* =============================================
   SHINE IT CARE — RESPONSIVE STYLES
   ============================================= */

@media (max-width: 1024px) {
  :root { --section-pad: 80px; }
  .container { padding: 0 24px; }
  .nav-container { padding: 0 24px; }
  .about-grid { grid-template-columns: 1fr; gap: 48px; }
  .about-badge { bottom: -16px; right: 16px; }
  .care-grid { grid-template-columns: 1fr; }
  .industries-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.15); }
  .stat-item:last-child { border-bottom: none; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
  .contact-grid { grid-template-columns: 1fr; gap: 48px; }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  :root { --nav-h: 60px; --section-pad: 64px; }

  .nav-links, .nav-cta { display: none !important; }
  .hamburger { display: flex !important; }

  .hero-content {
    grid-template-columns: 1fr;
    padding: 120px 24px 60px;
    gap: 40px;
  }
  .hero-visual { display: none; }
  .hero-heading { font-size: clamp(2rem, 8vw, 3.5rem); }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .btn { width: 100%; max-width: 300px; justify-content: center; }
  .hero-trust { flex-direction: column; align-items: flex-start; gap: 12px; }

  .about-grid { gap: 40px; }
  .about-text { padding-right: 0; }
  .about-img-wrap { aspect-ratio: 16/9; }

  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-item { padding: 24px; }

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

  .gallery-masonry { grid-template-columns: repeat(2, 1fr); max-height: none; }
  .gallery-item.tall { grid-row: auto; }
  .gallery-item.wide { grid-column: auto; }

  .timeline-line { left: 24px; }
  .tl-dot { left: 24px; top: 0; transform: none; }
  .tl-content { width: 100%; margin-left: 72px !important; margin-right: 0 !important; }
  .timeline-item { flex-direction: column; }

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

  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom .container { flex-direction: column; text-align: center; }

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

  .section-header { margin-bottom: 40px; }

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

@media (max-width: 480px) {
  .industries-grid { grid-template-columns: 1fr; }
  .gallery-masonry { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr; }
  .stat-item { border-bottom: 1px solid rgba(255,255,255,0.15); border-right: none; }
  .hero-heading { font-size: clamp(1.75rem, 10vw, 3rem); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}