/* ============================================================
   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 — full-bleed */
  .hero { height: 75vh; min-height: 480px; }
  .hero-content h1 { font-size: 2.2rem; max-width: 320px; }
  .hero-subtitle { font-size: .82rem; max-width: 280px; }

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


  /* Curated collection cards */
  .curated-grid { grid-template-columns: repeat(2, 1fr); }

  /* Trust strip */
  .trust-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }

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

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

  /* Instagram — 3 portrait reels on mobile */
  .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; }
  .gallery-main { width: 100% !important; height: auto !important; aspect-ratio: 1; }
  .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; }
}

/* ---- Mid-range (large phones/small tablets): 600px–767px ---- */
@media (min-width: 600px) and (max-width: 767px) {
  /* Product grid — 3 columns instead of 2 */
  .products-grid { grid-template-columns: repeat(3, 1fr); gap: 1rem; }

  /* Instagram grid — 4 columns for better visual density */
  .instagram-grid { grid-template-columns: repeat(4, 1fr); }

  /* Blog grid — 2 columns */
  .blog-grid { grid-template-columns: repeat(2, 1fr); }

  /* Reviews — 2 columns */
  .reviews-grid { grid-template-columns: repeat(2, 1fr); }

  /* Footer — 2 balanced columns */
  .footer-grid { grid-template-columns: 1fr 1fr; }

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

  /* Admin stats — 2 columns */
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ---- Small mobile: ≤480px ---- */
@media (max-width: 480px) {
  .products-grid { grid-template-columns: 1fr 1fr; gap: 0.75rem; }
  .product-card-actions { flex-direction: column; }
  .hero { height: 68vh; min-height: 420px; }
  .hero-btns { flex-direction: column; align-items: flex-start; }
  .hero-content h1 { font-size: 1.9rem; }
  .curated-grid { grid-template-columns: 1fr 1fr; }
.trust-grid { grid-template-columns: 1fr 1fr; gap: 1rem; }
  .why-grid { grid-template-columns: 1fr; }
  .instagram-grid { grid-template-columns: repeat(3, 1fr); gap: 0.3rem; }
  .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; }
}