/* ============================================
   SUBODH ENTERPRISES — RESPONSIVE STYLES
   Mobile-first, fully optimized
   ============================================ */

/* ── TABLET (≤1024px) ── */
@media (max-width: 1024px) {
  .container-custom {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

/* ── MOBILE (≤768px) ── */
@media (max-width: 768px) {
  /* Typography scale down */
  h1 { font-size: 1.65rem !important; line-height: 1.2; }
  h2 { font-size: 1.3rem; }
  h3 { font-size: 1.05rem; }

  /* Hero sections */
  section.pt-32 { padding-top: 4.5rem !important; }
  section.pt-28 { padding-top: 4rem !important; }
  section.pb-20 { padding-bottom: 2rem; }
  section.py-20 { padding: 2rem 0; }
  section.py-14 { padding: 2rem 0; }
  section.py-12 { padding: 1.5rem 0; }

  /* Hero text size */
  .text-5xl { font-size: 1.75rem !important; }
  .text-6xl { font-size: 1.9rem !important; }
  .text-xl  { font-size: 0.95rem !important; }

  /* Grids: products always 2 cols on mobile */
  .grid-cols-3,
  .grid-cols-4,
  .md\:grid-cols-3,
  .md\:grid-cols-4,
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Single col overrides for text content */
  .md\:grid-cols-2:not(.products-grid) {
    grid-template-columns: 1fr !important;
  }

  /* Spacing */
  .max-w-7xl { padding-left: 0.75rem; padding-right: 0.75rem; }
  .px-6 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .gap-12 { gap: 1.25rem; }
  .gap-8  { gap: 1rem; }

  /* Product card optimized for 2-col */
  .product-card .relative { height: 140px !important; }
  .product-card .p-4 { padding: 0.6rem !important; }
  .product-card h3 { font-size: 0.78rem !important; line-height: 1.3 !important; }
  .product-card .text-sm { font-size: 0.7rem !important; }
  .product-card .text-xs { font-size: 0.65rem !important; }
  .quick-inquiry {
    font-size: 0.7rem !important;
    padding: 0.4rem 0.5rem !important;
  }

  /* Brand card mobile */
  .brand-card { padding: 1rem 0.75rem; }
  .brand-card .text-5xl { font-size: 2.25rem; }

  /* Buttons scale */
  .btn-primary, .btn-outline {
    padding: 0.55rem 1rem;
    font-size: 0.82rem;
  }

  /* Stats row */
  .flex.gap-6 { gap: 0.75rem; }

  /* About grid */
  .grid.md\:grid-cols-2.gap-12 img { max-height: 220px; width: 100%; object-fit: cover; }
  
  /* Filter chips compact */
  .filter-section {
    margin-bottom: 0.5rem !important;
  }
  .filter-label {
    font-size: 0.65rem !important;
  }
  .f-chip {
    padding: 0.25rem 0.6rem !important;
    font-size: 0.7rem !important;
  }
}

/* ── SMALL MOBILE (≤480px) ── */
@media (max-width: 480px) {
  section.pt-28 { padding-top: 3.75rem !important; }

  /* Products always 2 col */
  .grid-cols-2,
  .grid-cols-3,
  .grid-cols-4,
  .sm\:grid-cols-2,
  .md\:grid-cols-3,
  .md\:grid-cols-4,
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Product card tighter */
  .product-card .relative { height: 130px !important; }
  .product-card .p-4,
  .product-card .p-3 { padding: 0.5rem !important; }
  .product-card h3 { font-size: 0.75rem !important; }

  /* Brand card */
  .brand-card h3 { font-size: 0.85rem; }
  .brand-card p  { font-size: 0.72rem; }

  /* Contact grid → single col */
  .grid.md\:grid-cols-2 {
    grid-template-columns: 1fr !important;
  }

  /* Mission/Values grid → single col */
  .grid.md\:grid-cols-2.gap-8,
  .grid.md\:grid-cols-3.gap-8 {
    grid-template-columns: 1fr !important;
  }

  /* Chips scrollable row */
  .filter-chips-row {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    justify-content: flex-start !important;
    padding-bottom: 0.25rem;
  }
  .filter-chips-row::-webkit-scrollbar { display: none; }
}

/* ── TOUCH IMPROVEMENTS ── */
@media (hover: none) {
  .product-card:hover,
  .brand-card:hover {
    transform: none;
  }
  .product-card:active { transform: scale(0.98); }
  .brand-card:active   { transform: scale(0.97); }
}

/* ── PRINT ── */
@media print {
  header, footer, .floating-whatsapp, .scroll-top { display: none; }
  body { background: white; }
  .product-card { break-inside: avoid; }
}