/**
 * Responsive — breakpoints: 1280, 1024, 768, 480, 360
 */

@media (max-width: 1280px) {
  .mp-container { padding: 0 20px; }
}

@media (max-width: 1024px) {
  .mp-site-footer__inner {
    grid-template-columns: 1fr 1fr;
  }
  .mp-site-footer__brand-col { grid-column: 1 / -1; }
}

@media (max-width: 768px) {
  .mp-site-header__inner {
    grid-template-columns: auto 1fr auto;
  }
  .mp-site-header__btn-login,
  .mp-site-header__cta { display: none; }
  .mp-site-footer__inner {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .mp-site-footer__brand-col,
  .mp-site-footer__tagline { margin-left: auto; margin-right: auto; }
  .mp-site-footer__legal {
    flex-direction: column;
    text-align: center;
  }
  .mp-modal { padding: 16px 12px; }
  .mp-modal__panel { margin: 16px auto; }
}

@media (max-width: 480px) {
  .mp-section { padding: 32px 0 48px; }
  .mp-container { padding: 0 16px; }
  .mp-card { padding: 16px; }
  .mp-posts-grid { grid-template-columns: 1fr; }
}

@media (max-width: 360px) {
  .mp-site-header__icon-btn { width: 36px; height: 36px; }
}