*, *::before, *::after { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
header, #qb-mobile-panel { max-width: 100vw; }

/* ===== Tablet: 768px - 1024px ===== */
@media (max-width: 1024px) {
  [style*="padding: 118px 40px"] { padding: 90px 32px !important; }
  [style*="padding: 100px 40px"] { padding: 80px 32px !important; }
  [style*="padding: 106px 40px"] { padding: 84px 32px !important; }
  [style*="padding: 96px 40px 0"] { padding: 72px 32px 0 !important; }
  [style*="padding: 92px 40px 0"] { padding: 70px 32px 0 !important; }
  [style*="padding: 90px 40px 0"] { padding: 68px 32px 0 !important; }
  [style*="padding: 88px 40px 0"] { padding: 66px 32px 0 !important; }
  [style*="padding: 88px 40px"] { padding: 66px 32px !important; }
  [style*="padding: 84px 40px 0"] { padding: 64px 32px 0 !important; }
  [style*="padding: 84px 40px"] { padding: 64px 32px !important; }
  [style*="padding: 80px 40px 0"] { padding: 60px 32px 0 !important; }
  [style*="padding: 76px 40px 0"] { padding: 58px 32px 0 !important; }
  [style*="padding: 70px 40px 0"] { padding: 54px 32px 0 !important; }
  [style*="padding: 70px 40px 92px"] { padding: 54px 32px 70px !important; }
  [style*="padding: 60px 40px 0"] { padding: 46px 32px 0 !important; }
  [style*="padding: 46px 40px 0"] { padding: 36px 32px 0 !important; }
  [style*="padding: 46px 40px 90px"] { padding: 36px 32px 68px !important; }
  [style*="padding: 40px 40px 0"] { padding: 32px 32px 0 !important; }
  [style*="padding: 40px 40px 90px"] { padding: 32px 32px 68px !important; }
  [style*="padding: 40px 40px 92px"] { padding: 32px 32px 70px !important; }
  [style*="padding: 64px 40px"] { padding: 48px 32px !important; }

  [style*="grid-template-columns: repeat(4, 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(5, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
  [style*="grid-template-columns: 340px 1fr"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns: 1.3fr 1fr 1fr 0.8fr"] { grid-template-columns: repeat(2, 1fr) !important; }
  [style*="grid-template-columns: 1.1fr 1fr"] { grid-template-columns: 1fr !important; }

  [style*="font-size: 54px"] { font-size: 40px !important; }
  [style*="font-size: 52px"] { font-size: 38px !important; }
  [style*="font-size: 60px"] { font-size: 42px !important; }
  [style*="font-size: 44px"] { font-size: 32px !important; }
}

/* ===== Mobile: up to 767px ===== */
@media (max-width: 767px) {
  [style*="padding: 118px 40px"] { padding: 64px 20px !important; }
  [style*="padding: 100px 40px"] { padding: 56px 20px !important; }
  [style*="padding: 106px 40px"] { padding: 60px 20px !important; }
  [style*="padding: 96px 40px 0"] { padding: 52px 20px 0 !important; }
  [style*="padding: 92px 40px 0"] { padding: 50px 20px 0 !important; }
  [style*="padding: 90px 40px 0"] { padding: 48px 20px 0 !important; }
  [style*="padding: 88px 40px 0"] { padding: 46px 20px 0 !important; }
  [style*="padding: 88px 40px"] { padding: 46px 20px !important; }
  [style*="padding: 84px 40px 0"] { padding: 44px 20px 0 !important; }
  [style*="padding: 84px 40px"] { padding: 44px 20px !important; }
  [style*="padding: 80px 40px 0"] { padding: 42px 20px 0 !important; }
  [style*="padding: 76px 40px 0"] { padding: 40px 20px 0 !important; }
  [style*="padding: 70px 40px 0"] { padding: 38px 20px 0 !important; }
  [style*="padding: 70px 40px 92px"] { padding: 38px 20px 56px !important; }
  [style*="padding: 60px 40px 0"] { padding: 32px 20px 0 !important; }
  [style*="padding: 46px 40px 0"] { padding: 28px 20px 0 !important; }
  [style*="padding: 46px 40px 90px"] { padding: 28px 20px 50px !important; }
  [style*="padding: 40px 40px 0"] { padding: 24px 20px 0 !important; }
  [style*="padding: 40px 40px 90px"] { padding: 24px 20px 50px !important; }
  [style*="padding: 40px 40px 92px"] { padding: 24px 20px 50px !important; }
  [style*="padding: 64px 40px"] { padding: 36px 20px !important; }
  [style*="padding: 14px 40px"] { padding: 12px 16px !important; }
  [style*="padding: 4px 34px 8px"] { padding: 4px 16px 8px !important; }

  [style*="grid-template-columns: repeat(4, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
  [style*="grid-template-columns: repeat(3, 1fr)"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns: repeat(5, 1fr)"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns: 340px 1fr"] { grid-template-columns: 1fr !important; gap: 28px !important; }
  [style*="grid-template-columns: 1.3fr 1fr 1fr 0.8fr"] { grid-template-columns: 1fr !important; gap: 36px !important; }
  [style*="grid-template-columns: 1fr 1fr"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns: 1.1fr 1fr"] { grid-template-columns: 1fr !important; }
  [style*="grid-column: span 2"] { grid-column: span 1 !important; }

  [style*="font-size: 54px"] { font-size: 32px !important; }
  [style*="font-size: 52px"] { font-size: 30px !important; }
  [style*="font-size: 60px"] { font-size: 34px !important; }
  [style*="font-size: 44px"] { font-size: 28px !important; }
  [style*="font-size: 36px"] { font-size: 26px !important; }
  [style*="font-size: 34px"] { font-size: 24px !important; }

  [style*="gap: 76px"] { gap: 32px !important; }
  [style*="gap: 70px"] { gap: 30px !important; }
  [style*="gap: 46px"] { gap: 26px !important; }
  [style*="gap: 36px"] { gap: 22px !important; }
  [style*="gap: 30px"] { gap: 18px !important; }
  [style*="gap: 26px"] { gap: 16px !important; }
  [style*="gap: 22px"] { gap: 14px !important; }

  [style*="height: 520px"] { height: 280px !important; }
  [style*="height: 480px"] { height: 260px !important; }
  [style*="min-height: 360px"] { min-height: 260px !important; }
  [style*="min-height: 300px"] { min-height: 220px !important; }

  [style*="grid-auto-columns: 340px"] { grid-auto-columns: 84vw !important; }
  [style*="grid-auto-columns: 330px"] { grid-auto-columns: 84vw !important; }

  img[style*="height: 64px"] { height: 44px !important; }
  a[style*="padding: 24px 40px"] { padding: 18px 26px !important; }

  #home div[style*="height: 560px"] { height: 380px !important; }
  #home div[style*="width: 54%"] { width: 62% !important; }
  #home div[style*="max-width: 460px"] { max-width: 52% !important; padding: 0 18px !important; gap: 14px !important; }
  #home h1[style*="font-size: 52px"] { font-size: 22px !important; }
  #home p[style*="font-size: 16.5px"] { font-size: 12px !important; line-height: 1.5 !important; }
  #home a[style*="padding: 19px 30px"] { padding: 10px 14px !important; font-size: 9px !important; }
  #home a[style*="padding: 18px 28px"] { padding: 9px 13px !important; font-size: 9px !important; }
  #home div[style*="justify-content: center; gap: 12px; pointer-events: auto"] { gap: 8px !important; }
}