/* ══════════════════════════════════════════════════════════
   RESPONSIVE — Tablet
   ══════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .mltp-hero__content { grid-template-columns: 1fr; gap: 48px; }
  .mltp-hero__right { max-width: 540px; }
  .mltp-brands__grid { grid-template-columns: repeat(2, 1fr); }
  .mltp-huesuite__grid { grid-template-columns: 1fr 1fr; }
  .mltp-academy__inner { grid-template-columns: 1fr; gap: 48px; }
  .mltp-footer__inner { grid-template-columns: 1fr 1fr; gap: 40px; }
}

/* ══════════════════════════════════════════════════════════
   RESPONSIVE — Mobile
   ══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .mltp-container { padding: 0 24px; }
  .mltp-nav { padding: 0 24px; }
  .mltp-nav__links { display: none; }
  .mltp-nav__hamburger { display: flex; }
  .mltp-hero { min-height: auto; padding: 120px 0 80px; }
  .mltp-hero__title { font-size: 36px; }
  .mltp-hero__body { font-size: 15px; }
  .mltp-hero__scroll { display: none; }
  .mltp-dashboard__stats { grid-template-columns: 1fr; }
  .mltp-brands__header { flex-direction: column; align-items: flex-start; gap: 16px; }
  .mltp-brands__grid { grid-template-columns: 1fr 1fr; }
  .mltp-huesuite__grid { grid-template-columns: 1fr; }
  .mltp-academy__visual { grid-template-columns: 1fr 1fr; }
  .mltp-academy__card:nth-child(2) { margin-top: 0; }
  .mltp-academy__card:nth-child(3) { margin-top: 0; }
  .mltp-footer__inner { grid-template-columns: 1fr; gap: 32px; }
}

/* ══════════════════════════════════════════════════════════
   RESPONSIVE — Small Mobile
   ══════════════════════════════════════════════════════════ */
@media (max-width: 480px) {
  .mltp-brands__grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .mltp-brands__card { padding: 28px 14px; }
  .mltp-brands__card-name { font-size: 18px; }
  .mltp-brands__card-sub { font-size: 11px; }
  .mltp-hero__actions { flex-direction: column; align-items: flex-start; }
  .mltp-academy__visual { grid-template-columns: 1fr; }
}