/* ============================================================
   JAMSHED AYAZ — Comprehensive Responsive CSS
   ============================================================ */

/* ── Large Desktop ── */
@media (min-width: 1400px) {
  .container { max-width: 1360px; }
  .products-grid { grid-template-columns: repeat(4, 1fr); }
}

/* ── Tablet ── */
@media (max-width: 991px) {
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .category-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
  .brand-story { grid-template-columns: 1fr; gap: 32px; }
  .testimonial-card { min-width: calc(50% - 12px); }
  .nav-links { display: none; }
  .hamburger { display: flex; }
  .slider-btn { display: none; }
  .stats-row { grid-template-columns: repeat(2, 1fr); }
  .product-detail-grid { grid-template-columns: 1fr; }
  .filter-sidebar { display: none; }
  .shop-layout { grid-template-columns: 1fr; }
  .about-grid { grid-template-columns: 1fr; gap: 32px; }
  .ceo-section { grid-template-columns: 1fr; gap: 32px; }
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .contact-grid { grid-template-columns: 1fr; gap: 32px; }
  .checkout-grid { grid-template-columns: 1fr; }
  .review-map-grid { grid-template-columns: 1fr !important; }
  .about-stats-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .cart-layout { grid-template-columns: 1fr; }
  .hero { min-height: 85vh; }
  .hero-btns { flex-direction: column; align-items: center; gap: 12px; }
  .btn { padding: 12px 32px; }
  .admin-sidebar { transform: translateX(-100%); position: fixed; z-index: 200; }
  .admin-sidebar.open { transform: translateX(0); }
  .admin-main { margin-left: 0 !important; }
  .stat-cards { grid-template-columns: repeat(2, 1fr); }
  .form-grid { grid-template-columns: 1fr; }
  .inv-info { grid-template-columns: 1fr; }
  .inv-header { flex-direction: column; gap: 16px; }
  .tab-nav { flex-wrap: wrap; }
}

/* ── Mobile ── */
@media (max-width: 576px) {
  .container { padding: 0 16px; }
  .section-pad { padding: 40px 0; }
  .section-pad-sm { padding: 24px 0; }
  .section-title { margin-bottom: 24px; }
  .section-title h2 { font-size: 1.6rem; }

  /* Nav */
  .navbar { padding: 14px 0; }
  .nav-logo img { height: 40px; }

  /* Hero */
  .hero { min-height: 80vh; padding: 0 16px; }
  .hero-urdu { font-size: 2.8rem !important; }
  .hero-en { font-size: 1rem !important; }
  .hero-tagline { font-size: 0.7rem; }
  .hero-btns { flex-direction: column; align-items: center; }
  .hero-btns .btn { width: 100%; max-width: 280px; text-align: center; }
  .hero-content { padding: 0 16px; }
  .hero-content .hero-urdu { font-size: 2.8rem; }
  .hero-content .hero-en { font-size: 1rem; }
  .hero-content .hero-tagline { font-size: 0.68rem; letter-spacing: 0.12em; }

  /* Products */
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .product-img-wrap { height: 180px; min-height: 180px; max-height: 180px; }
  .product-info { padding: 12px; }
  .product-name { font-size: 0.82rem; }
  .price-current { font-size: 0.88rem; }

  /* Category */
  .category-grid { grid-template-columns: 1fr; gap: 2px; }
  .cat-label { font-size: 1.1rem; }

  /* Gallery */
  .gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 4px; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }
  .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
  .footer-bottom p { font-size: 0.72rem; }
  .social-links { justify-content: center; }

  /* Stats */
  .stats-row { grid-template-columns: repeat(2, 1fr); }
  .about-stats-grid { grid-template-columns: repeat(2, 1fr) !important; }

  /* Brand Story */
  .brand-story { grid-template-columns: 1fr; gap: 24px; }
  .story-img img { height: 280px; }

  /* Values */
  .values-grid { grid-template-columns: 1fr; }

  /* Testimonials */
  .testimonial-card { min-width: 100%; margin-right: 0; }

  /* Cart */
  .cart-layout { grid-template-columns: 1fr; }
  .summary-box { position: static; }

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

  /* Contact */
  .contact-grid { grid-template-columns: 1fr; }
  .review-map-grid { grid-template-columns: 1fr !important; }

  /* Page Hero */
  .page-hero { padding: 100px 0 40px; }
  .page-hero h1 { font-size: 2rem; }

  /* Buttons */
  .btn { padding: 12px 24px; font-size: 0.72rem; }

  /* Admin */
  .stat-cards { grid-template-columns: 1fr 1fr; gap: 12px; }
  .stat-card { padding: 16px; }
  .stat-card .num { font-size: 1.4rem; }
  .admin-content { padding: 16px; }
  .form-grid { grid-template-columns: 1fr; }
  .modal-box { width: 95vw; max-height: 95vh; }
  .bar { flex-direction: column; }
  .search-box { width: 100%; }

  /* Invoice */
  .invoice-preview { padding: 20px !important; }
  .inv-header { flex-direction: column; gap: 12px; }
  .inv-info { grid-template-columns: 1fr; gap: 12px; }
  .inv-title { text-align: left; }
  .inv-totals { width: 100%; }

  /* Tab nav */
  .tab-nav { gap: 4px; }
  .tab-btn { padding: 8px 14px; font-size: 0.68rem; }

  /* WhatsApp float */
  .whatsapp-float { bottom: 16px; right: 16px; width: 46px; height: 46px; font-size: 1.2rem; }

  /* Filter bar mobile */
  .filter-bar-mobile { display: flex; flex-wrap: wrap; gap: 8px; }

  /* Attar how-to section */
  .attars-how-grid { grid-template-columns: 1fr !important; }
}

/* ── Small Mobile ── */
@media (max-width: 380px) {
  .products-grid { grid-template-columns: 1fr; }
  .hero-urdu { font-size: 2rem !important; }
  .product-img-wrap { height: 220px; min-height: 220px; max-height: 220px; }
}