/* ============================================================
   KR by Ridham — Responsive Stylesheet
   ============================================================ */

/* ---- Tablet: ≤1024px ---- */
@media (max-width: 1024px) {
  .products-grid { grid-template-columns: repeat(3, 1fr); }
  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .reviews-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1.2fr 1fr 1fr; }
  .footer-grid .footer-brand { grid-column: 1 / -1; max-width: 360px; }
  .instagram-grid { grid-template-columns: repeat(3, 1fr); }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .charts-grid { grid-template-columns: 1fr; }
  .cart-layout { grid-template-columns: 1fr; }
  .order-summary { position: static; }
  .checkout-layout { grid-template-columns: 1fr; }
  .product-detail-grid { gap: 2.5rem; }
  .about-story-grid { gap: 2.5rem; }
  .contact-layout { gap: 2.5rem; }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .account-layout { grid-template-columns: 200px 1fr; }
}

/* ---- Mobile: ≤768px ---- */
@media (max-width: 768px) {
  /* Header */
  .nav-links { display: none; }
  .hamburger { display: flex; }

  /* Hero */
  .hero { padding: 3rem 0; }
  .hero-grid { grid-template-columns: 1fr; gap: 2rem; }
  .hero-images { height: 300px; }
  .hero-text h1 { font-size: 2rem; }
  .trust-badges { gap: 0.75rem; }

  /* Products */
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .collections-grid { grid-template-columns: 1fr; }
  .collection-card { min-height: 280px; }

  /* Why section */
  .why-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }

  /* Reviews */
  .reviews-grid { grid-template-columns: 1fr; }

  /* Instagram */
  .instagram-grid { grid-template-columns: repeat(3, 1fr); gap: 0.4rem; }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; gap: 0.5rem; text-align: center; }

  /* Cart */
  .cart-item { grid-template-columns: 60px 1fr; gap: 0.75rem; }
  .cart-item-price, .cart-remove { grid-column: 2; }

  /* Checkout */
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .full { grid-column: 1; }

  /* Product detail */
  .product-detail-grid { grid-template-columns: 1fr; gap: 2rem; }
  .product-detail-actions { flex-direction: column; }

  /* About */
  .about-story-grid { grid-template-columns: 1fr; gap: 2rem; }
  .about-story-img { aspect-ratio: 16/9; }

  /* Contact */
  .contact-layout { grid-template-columns: 1fr; gap: 2rem; }

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

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

  /* Admin */
  .admin-sidebar { transform: translateX(-100%); }
  .admin-sidebar.open { transform: translateX(0); }
  .admin-main { margin-left: 0; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .sidebar-toggle { display: flex; }
  .admin-table-wrap { overflow-x: auto; }
  .admin-table { min-width: 600px; }
  .form-row { grid-template-columns: 1fr; }
  .toggles-grid { grid-template-columns: 1fr; }

  /* Policy / misc */
  .policy-content { padding: 2.5rem 1rem; }
  .section-pad { padding: 3rem 0; }

  /* Auth */
  .auth-card { padding: 1.75rem 1.25rem; }
}

/* ---- Small mobile: ≤480px ---- */
@media (max-width: 480px) {
  .products-grid { grid-template-columns: 1fr 1fr; gap: 0.75rem; }
  .product-card-actions { flex-direction: column; }
  .hero-btns { flex-direction: column; align-items: flex-start; }
  .hero-images { height: 240px; }
  .why-grid { grid-template-columns: 1fr; }
  .instagram-grid { grid-template-columns: repeat(3, 1fr); }
  .stats-grid { grid-template-columns: 1fr; }
  .success-card { padding: 2rem 1.25rem; }
  .filter-inner { gap: 0.5rem; }
  .filter-select { font-size: 0.75rem; padding: 0.4rem 0.6rem; }
  .gallery-thumb { width: 56px; height: 56px; }
}

/* ---- Print ---- */
@media print {
  .admin-sidebar, .admin-topbar, .sidebar-toggle { display: none; }
  .admin-main { margin-left: 0; }
  .admin-content { padding: 0; }
  .btn-admin { display: none; }
}