/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 960px) {
  nav { padding: 0 24px; grid-template-columns: auto 1fr auto; }
  .nav-left .nav-link:nth-child(n+3) { display: none; }
  .nav-right .btn-nav-sub { display: none; }
  .nav-hamburger { display: flex; }

  .hero { grid-template-columns: 1fr; min-height: auto; }
  .hero-right { display: none; }
  .hero-left { padding: 60px 24px; }

  .section { padding: 56px 24px; }

  .grid-3 { grid-template-columns: 1fr 1fr; }
  .grid-4 { grid-template-columns: 1fr 1fr; }
  .grid-asymm { grid-template-columns: 1fr; }

  .featured-look { grid-column: span 1; grid-template-columns: 1fr; }
  .featured-look .look-thumb { aspect-ratio: 16/9; }
  .featured-look-content { padding: 28px 24px; }

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

  .nl-section { grid-template-columns: 1fr; padding: 56px 24px; }

  .contact-wrap { grid-template-columns: 1fr; }
  .contact-left,
  .contact-right { padding: 56px 24px; }

  .about-hero { grid-template-columns: 1fr; gap: 32px; padding: 56px 24px; }

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

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

  .admin-stats { grid-template-columns: repeat(2, 1fr); }
  .admin-content { padding: 24px; }
  .admin-form-row { grid-template-columns: 1fr; }
  .admin-form-row-3 { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  nav { grid-template-columns: 1fr auto; }
  .nav-logo { text-align: left; font-size: 20px; }
  .nav-left { display: none; }
  .nav-right { gap: 0; }

  .hero-h1 { font-size: 44px; }
  .hero-left { padding: 40px 20px 48px; }

  .section { padding: 48px 20px; }

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

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

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

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

  .search-overlay { padding: 80px 24px 40px; }
  .search-close { right: 24px; top: 24px; }

  .about-hero { grid-template-columns: 1fr; }

  .admin-stats { grid-template-columns: 1fr 1fr; }
  .admin-header { padding: 0 20px; }
  .admin-content { padding: 20px; }

  .article-wrap { padding: 40px 20px; }
}

@media (max-width: 480px) {
  .hero-h1 { font-size: 36px; }
  .hero-actions { flex-direction: column; }

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

  .grid-4 { grid-template-columns: 1fr; }
  .quiz-card-row { gap: 8px; }
  .quiz-card { width: 140px; }

  .admin-stats { grid-template-columns: 1fr 1fr; }
  .admin-toolbar { flex-direction: column; align-items: stretch; }
  .admin-search-input { min-width: auto; }

  .nl-section { padding: 48px 20px; gap: 40px; }
}