/* =========================================================
   PolliBazar - Responsive breakpoints (min-width = desktop up)
   Base style.css is mobile-first.
   ========================================================= */

/* ---------- Small tablets ---------- */
@media (min-width: 480px) {
  .category-grid { grid-template-columns: repeat(3, 1fr); }
  .product-grid { grid-template-columns: repeat(3, 1fr); }
  .why-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ---------- Tablets ---------- */
@media (min-width: 768px) {
  .header-search { order: 0; flex-basis: auto; margin-top: 0; }
  .hero-inner { grid-template-columns: 1.1fr 1fr; padding: 3.5rem 1rem; }
  .hero-text h1 { font-size: 2.6rem; }
  .category-grid { grid-template-columns: repeat(6, 1fr); }
  .product-grid { grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
  .form-row { grid-template-columns: 1fr 1fr; }
  .cart-layout { grid-template-columns: 1fr 340px; }
  .checkout-layout { grid-template-columns: 1fr 380px; }
  .contact-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 2fr 1fr 1fr 1.2fr; }
  .section-head h2 { font-size: 1.9rem; }
  .shop-layout { grid-template-columns: 250px 1fr; }
}

/* ---------- Laptops ---------- */
@media (min-width: 1024px) {
  .product-grid { grid-template-columns: repeat(4, 1fr); }
  .pd-layout { grid-template-columns: 1fr 1fr; }
  .hero-text h1 { font-size: 3rem; }
}

/* ---------- Small phones: tighten spacing ---------- */
@media (max-width: 767px) {
  .menu-toggle { display: block; }
  .header-nav { display: none; }
  .header-inner { padding: 0.6rem 0.75rem; }
  .logo { font-size: 1.2rem; }
  .logo img { width: 30px; height: 30px; }
  .section { padding: 2rem 0; }
  .cart-item { grid-template-columns: 64px 1fr; }
  .cart-item img { width: 64px; height: 64px; }
  .cart-item .right { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; align-items: center; }
  .summary-card { position: static; }
  .pd-actions .btn { flex: 1; }
  .topbar { font-size: 0.7rem; }
}