/* ==========================================================================
   KSENTERPRISES — Responsive rules
   Breakpoints tested around: 320 / 375 / 425 / 768 / 1024 / 1440+
   ========================================================================== */

/* ---- Laptop / small desktop ---- */
@media (max-width: 1200px){
  .product-grid{ grid-template-columns: repeat(3, 1fr); }
  .category-grid{ grid-template-columns: repeat(4, 1fr); }
  .footer-grid{ grid-template-columns: 1.2fr repeat(2, 1fr); }
  .insta-grid{ grid-template-columns: repeat(4, 1fr); }
}

/* ---- Tablet ---- */
@media (max-width: 1024px){
  :root{ --header-h: 108px; }
  .main-nav{ display: none; }
  .hamburger{ display: inline-flex; }
  .hero{ grid-template-columns: 1fr; }
  .hero-media{ order: -1; }
  .shop-layout{ grid-template-columns: 1fr; }
  .filter-sidebar{ display: none; }
  .mobile-filter-toggle{ display: inline-flex; }
  .cart-layout{ grid-template-columns: 1fr; }
  .checkout-layout{ grid-template-columns: 1fr; }
  .account-layout{ grid-template-columns: 1fr; }
  .account-nav{ display: flex; overflow-x: auto; gap: 4px; }
  .account-nav a, .account-nav button{ white-space: nowrap; }
  .pdp-layout{ grid-template-columns: 1fr; }
  .pdp-thumbs{ flex-direction: row; order: 2; }
  .editorial-split{ grid-template-columns: 1fr; }
  .contact-layout{ grid-template-columns: 1fr; }
  .feature-grid{ grid-template-columns: repeat(2, 1fr); }
}

/* ---- Mobile (large) ---- */
@media (max-width: 768px){
  :root{ --header-h: 96px; }
  .container{ padding: 0 var(--space-4); }
  .section{ padding: var(--space-7) 0; }
  .product-grid{ grid-template-columns: repeat(2, 1fr); gap: var(--space-4); }
  .category-grid{ grid-template-columns: repeat(2, 1fr); }
  .review-grid{ grid-template-columns: 1fr; }
  .footer-grid{ grid-template-columns: repeat(2, 1fr); gap: var(--space-6) var(--space-4); }
  .insta-grid{ grid-template-columns: repeat(3, 1fr); }
  .newsletter-form{ flex-direction: column; }
  .quick-view-btn{ display: none; }
  .search-results{ grid-template-columns: repeat(2, 1fr); }
  .quickview-body{ grid-template-columns: 1fr; }
  .stat-row{ flex-wrap: wrap; gap: var(--space-5); }
  .rating-summary{ flex-direction: column; align-items: flex-start; }
  .form-grid{ grid-template-columns: 1fr; }
  .announcement-bar{ font-size: 0.6875rem; }
  .pdp-cta-row{ flex-wrap: wrap; }
}

/* ---- Mobile (small) ---- */
@media (max-width: 425px){
  .product-grid{ gap: var(--space-3); }
  .category-grid{ grid-template-columns: repeat(2, 1fr); }
  .footer-grid{ grid-template-columns: 1fr; }
  .insta-grid{ grid-template-columns: repeat(3, 1fr); }
  .footer-bottom{ flex-direction: column; align-items: flex-start; }
  .cart-item{ grid-template-columns: 70px 1fr; }
  .cart-item-actions{ flex-direction: column; gap: var(--space-2); }
}