/* KP Industries — responsive overrides for tablet and phone.
   Desktop (>1200px) is unchanged; rules override inline styles via !important. */

img, iframe, video { max-width: 100%; }

/* ── Laptop / small desktop ─────────────────────────────────────── */
@media (max-width: 1200px) {
  header nav { flex-wrap: wrap; justify-content: center; }
  header nav a[data-nav] { padding: 12px 0 10px 0 !important; }
}

/* ── Tablet ─────────────────────────────────────────────────────── */
@media (max-width: 1100px) {
  [style*="grid-template-columns: repeat(4, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
  [style*="grid-template-columns: 1fr 1fr 1fr 1fr"] { grid-template-columns: repeat(2, 1fr) !important; }
  [style*="grid-template-columns: repeat(3, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
  [style*="grid-template-columns: repeat(6, 1fr)"] { grid-template-columns: repeat(3, 1fr) !important; }
  [style*="grid-template-columns: 1.3fr 0.8fr 1fr 1.1fr"] { grid-template-columns: 1fr 1fr !important; }
}

/* ── Phone ──────────────────────────────────────────────────────── */
@media (max-width: 760px) {
  body { overflow-x: hidden; }

  /* Grids collapse to a single column (stats and logos stay 2-up below) */
  [style*="grid-template-columns: repeat(4, 1fr)"],
  [style*="grid-template-columns: 1fr 1fr 1fr 1fr"],
  [style*="grid-template-columns: repeat(3, 1fr)"],
  [style*="grid-template-columns: repeat(2, 1fr)"],
  [style*="grid-template-columns: 1fr 1fr;"],
  [style*="grid-template-columns: 1.15fr 1fr"],
  [style*="grid-template-columns: 1.1fr 0.9fr"],
  [style*="grid-template-columns: 0.9fr 1.1fr"],
  [style*="grid-template-columns: 1.2fr 0.8fr"],
  [style*="grid-template-columns: 0.8fr 1.2fr"],
  [style*="grid-template-columns: 1.3fr 0.8fr 1fr 1.1fr"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns: repeat(6, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
  [style*="grid-template-columns: repeat(4, 1fr)"][style*="text-align: center"] { grid-template-columns: repeat(2, 1fr) !important; }

  /* Flex rows may wrap instead of overflowing */
  [style*="display: flex"][style*="gap:"]:not([style*="flex-direction: column"]) { flex-wrap: wrap; }

  /* Type scale */
  [style*="font-size: 44px"] { font-size: 27px !important; }
  [style*="font-size: 42px"] { font-size: 26px !important; }
  [style*="font-size: 40px"] { font-size: 25px !important; }
  [style*="font-size: 38px"] { font-size: 24px !important; }
  [style*="font-size: 36px"] { font-size: 23px !important; }
  [style*="font-size: 30px"] { font-size: 23px !important; }
  [style*="font-size: 28px"] { font-size: 22px !important; }

  /* Hero slider */
  [style*="height: 560px"] { height: 480px !important; }

  /* Header: smaller logo, dropdowns pinned inside the viewport */
  header img[alt="KP Industries"] { height: 50px !important; }
  header [style*="translateX(-50%)"] { left: auto !important; right: 0 !important; transform: none !important; }
  header [style*="position: absolute"] { max-height: 65vh; overflow: auto; }
}