/* ============================================================================
   HTX — Responsive overrides (desktop-first → tablet → mobile)
   Vì các template dùng inline-style nhiều, override qua attribute-selector +
   !important. Link: <link rel="stylesheet" href="../assets/responsive.css">
   ========================================================================== */
img { max-width: 100%; }
html, body { overflow-x: hidden; max-width: 100%; }

/* ---- Tablet ( ≤ 1024px ) ---- */
@media (max-width: 1024px) {
  [style*="max-width:1200px"], [style*="max-width:1120px"], [style*="max-width:1040px"] {
    padding-left: 22px !important; padding-right: 22px !important;
  }
  [style*="grid-template-columns:repeat(4"] { grid-template-columns: repeat(2, 1fr) !important; }
  [style*="grid-template-columns:repeat(5"] { grid-template-columns: repeat(3, 1fr) !important; }
}

/* ---- Tablet nhỏ / Mobile lớn ( ≤ 860px ) ---- */
@media (max-width: 860px) {
  header nav { display: none !important; }              /* ẩn menu ngang, giữ logo + CTA */
  /* Gộp mọi bố cục 2 cột về 1 cột */
  [style*="grid-template-columns:1.1fr"],
  [style*="grid-template-columns:1.2fr"],
  [style*="grid-template-columns:1.3fr"],
  [style*="grid-template-columns:1.4fr"],
  [style*="grid-template-columns:1.5fr"],
  [style*="grid-template-columns:.9fr"],
  [style*="grid-template-columns:1fr 1fr"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns:repeat(3"] { grid-template-columns: repeat(2, 1fr) !important; }
  [style*="grid-template-columns:repeat(5"] { grid-template-columns: repeat(2, 1fr) !important; }
  [style*="1.4fr 1fr 1fr 1.2fr"] { grid-template-columns: 1fr 1fr !important; } /* footer 4→2 */
  [style*="columns:2"] { columns: 1 !important; }        /* editorial prose 2→1 */
  /* Thu nhỏ tiêu đề lớn */
  h1[style*="font-size:96px"] { font-size: 46px !important; line-height: 1.06 !important; }
  h1[style*="font-size:52px"] { font-size: 34px !important; }
  [style*="font-size:72px"] { font-size: 40px !important; }
  [style*="font-size:48px"] { font-size: 30px !important; }
  [style*="font-size:44px"] { font-size: 28px !important; }
  .h2 { font-size: 26px !important; }
  /* Giảm padding dọc các section rộng */
  [style*="padding:96px 40px"], [style*="padding:100px 40px"], [style*="padding:88px 40px"],
  [style*="padding:72px 40px"] { padding-top: 56px !important; padding-bottom: 56px !important; padding-left: 22px !important; padding-right: 22px !important; }
  [style*="padding:64px 24px"] { padding-top: 44px !important; padding-bottom: 44px !important; }
}

/* ---- Mobile ( ≤ 560px ) ---- */
@media (max-width: 560px) {
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; } /* mọi lưới → 1 cột */
  [style*="grid-template-columns:repeat(4"] { grid-template-columns: repeat(2, 1fr) !important; } /* trừ hàng thống kê giữ 2 cột */
  header [style*="text-align:right"] { display: none !important; }  /* ẩn hotline, giữ nút CTA */
  h1[style*="font-size:96px"] { font-size: 33px !important; }
  h1[style*="font-size:52px"] { font-size: 28px !important; }
  [style*="font-size:72px"] { font-size: 32px !important; }
  [style*="font-size:40px"] { font-size: 26px !important; }
  .marq span { font-size: 21px !important; padding: 0 16px !important; }
  .seal { transform: scale(.8) rotate(-8deg) !important; }
  [style*="padding:64px 24px"], [style*="padding:44px 40px 72px"] { padding-left: 18px !important; padding-right: 18px !important; }
  .wrap { padding-left: 18px !important; padding-right: 18px !important; }
}