/* ════════════════════════════════
   Tablet (≤ 1024px)
════════════════════════════════ */
@media (max-width: 1024px) {
  .features-grid   { grid-template-columns: repeat(2, 1fr); }
  .categories-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-grid      { grid-template-columns: repeat(2, 1fr); gap: var(--sp-8); }
  .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
  .products-grid   { grid-template-columns: repeat(2, 1fr); }
  .footer-grid     { grid-template-columns: 1fr 1fr; }
  .footer-newsletter { grid-template-columns: 1fr; }
  .about-grid      { grid-template-columns: 1fr; }
  .about-visual    { aspect-ratio: 16/9; max-height: 400px; }
  .related-grid    { grid-template-columns: repeat(2, 1fr); }
  .shop-layout     { grid-template-columns: 220px 1fr; }
  .shop-grid       { grid-template-columns: repeat(2, 1fr); }
  .checkout-layout { grid-template-columns: 1fr 340px; }
  .cart-layout     { grid-template-columns: 1fr 340px; }
  .admin-stats     { grid-template-columns: repeat(2, 1fr); }
}

/* ════════════════════════════════
   Mobile (≤ 768px)
════════════════════════════════ */
@media (max-width: 768px) {
  /* Typography */
  h1 { font-size: 2rem; }
  h2 { font-size: 1.5rem; }

  /* Nav */
  .topbar { display: none; }
  .nav-menu   { display: none; }
  .nav-search { display: none; }
  .hamburger  { display: flex; }
  .navbar-inner { height: 64px; }

  /* Hero */
  .hero { min-height: 85svh; }
  .hero-stats { flex-wrap: wrap; gap: var(--sp-5); }
  .hero-actions { flex-direction: column; align-items: flex-start; }
  .hero-actions .btn { width: 100%; justify-content: center; }

  /* Features */
  .features-grid   { grid-template-columns: 1fr; }
  .categories-grid { grid-template-columns: 1fr 1fr; gap: var(--sp-3); }
  .products-grid   { grid-template-columns: 1fr; }
  .stats-grid      { grid-template-columns: 1fr 1fr; }
  .testimonials-grid { grid-template-columns: 1fr; }

  /* Footer */
  .footer-grid       { grid-template-columns: 1fr; }
  .footer-newsletter { padding: var(--sp-8); }
  .newsletter-form   { flex-direction: column; }
  .footer-bottom-inner { flex-direction: column; align-items: center; text-align: center; }

  /* Shop */
  .shop-layout { grid-template-columns: 1fr; }
  .shop-sidebar { display: none; }
  .shop-sidebar.open { display: block; }
  .shop-grid    { grid-template-columns: repeat(2, 1fr); gap: var(--sp-3); }

  /* Cart */
  .cart-layout { grid-template-columns: 1fr; }
  .cart-table-header { display: none; }
  .cart-item {
    grid-template-columns: 1fr;
    gap: var(--sp-3);
    padding: var(--sp-5);
  }
  .cart-item-product { flex-wrap: nowrap; }

  /* Checkout */
  .checkout-layout { grid-template-columns: 1fr; }
  .form-row        { grid-template-columns: 1fr; }

  /* Auth */
  .auth-page        { grid-template-columns: 1fr; }
  .auth-visual      { display: none; }
  .auth-form-side   { padding: var(--sp-10) var(--sp-6); }

  /* Contact */
  .contact-grid { grid-template-columns: 1fr; }

  /* Product page */
  .product-layout { grid-template-columns: 1fr; }
  .product-purchase { flex-direction: column; }
  .product-add-cart { height: 52px; }
  .related-grid { grid-template-columns: repeat(2, 1fr); }

  /* Account */
  .account-layout  { grid-template-columns: 1fr; }
  .account-sidebar { position: static; }

  /* Admin */
  .admin-sidebar { transform: translateX(-100%); transition: transform var(--t); }
  .admin-sidebar.open { transform: translateX(0); }
  .admin-main    { margin-left: 0; }
  .admin-stats   { grid-template-columns: 1fr 1fr; }
  .admin-content { padding: var(--sp-5); }
}

/* ════════════════════════════════
   Small mobile (≤ 480px)
════════════════════════════════ */
@media (max-width: 480px) {
  .container { padding: 0 var(--sp-4); }
  .categories-grid { grid-template-columns: 1fr; }
  .shop-grid { grid-template-columns: 1fr; }
  .related-grid { grid-template-columns: 1fr; }
  .admin-stats { grid-template-columns: 1fr; }
  .cart-summary { position: static; }
  .hero-stats { display: none; }
  .product-pricing { flex-wrap: wrap; }
}