/* ============================================================
   MC TUNING — RESPONSIVE SYSTEM
   Mobile-first overrides. Breakpoints tested at 360/390/430/768/1024/1440/1920.
   ============================================================ */

/* ---------- ≤1279px : hide desktop nav, show hamburger ---------- */
@media (max-width: 1279px) {
  .mc-nav { display: none; }
  .mc-menu-toggle { display: flex; }
}
@media (min-width: 1280px) {
  .mc-menu-toggle { display: none; }
}

/* ---------- ≤1023px : tablet composition ---------- */
@media (max-width: 1023px) {
  .mc-section { padding: 88px 0; }
  .mc-intro { grid-template-columns: 1fr; gap: 48px; }
  .mc-split, .mc-split--img-right { grid-template-columns: 1fr; gap: 40px; }
  .mc-split--img-right .mc-split__copy { order: 2; }
  .mc-split--img-right .mc-split__media { order: 1; }
  .mc-faq-layout { grid-template-columns: 1fr; gap: 32px; }
  .mc-faq-sidebar { position: static; flex-direction: row; overflow-x: auto; gap: 8px; border-right: none; border-bottom: 1px solid var(--mc-border); padding: 0 0 16px; }
  .mc-faq-sidebar__item { flex-shrink: 0; white-space: nowrap; }
  .mc-services-grid { grid-template-columns: repeat(2, 1fr); }
  .mc-why-glass { grid-template-columns: repeat(2, 1fr); }
  .mc-process { grid-template-columns: repeat(2, 1fr); }
  .mc-process__item:nth-child(2n) { border-right: none; }
  .mc-process__item:nth-child(n+3) { border-top: 1px solid var(--mc-border); }
  .mc-why { grid-template-columns: 1fr; }
  .mc-why__item, .mc-why__item:nth-child(even) { padding-left: 0; border-left: none; }
  .mc-blog-grid { grid-template-columns: repeat(2, 1fr); }
  .mc-blog-featured { grid-template-columns: 1fr; gap: 32px; }
  .mc-footer__inner { grid-template-columns: 1fr 1fr; gap: 40px 24px; }
  .mc-footer__brand { grid-column: 1 / -1; }

  .mc-hero__main { min-height: 560px; }
}

/* ---------- ≤767px : MOBILE — dedicated composition, not compressed desktop ---------- */
@media (max-width: 767px) {
  html { font-size: 15px; }
  .mc-section { padding: 64px 0; }
  .mc-container { padding: 0 20px; }
  .mc-section-head { margin-bottom: 40px; }
  .mc-header__inner { padding: 0 20px; }
  .mc-header__whatsapp { display: none !important; }

  /* Hero recomposed for mobile: single column bento, dark panel first */
  .mc-hero { padding-top: 0; }
  .mc-hero__main { min-height: 88svh; border-radius: 0; }
  .mc-hero__main--full { min-height: 88svh; }
  .mc-hero__slide-inner { padding: 0 20px 130px; }
  .mc-hero__main--red .mc-hero__slide-inner { padding-bottom: 150px; }
  .mc-hero h1 { font-size: clamp(32px, 9vw, 44px); }
  .mc-hero__support { font-size: 15px; }
  .mc-hero__rail { display: none; }
  .mc-hero__actions { flex-direction: column; }
  .mc-hero__actions .mc-btn { width: 100%; }
  .mc-hero__trust { display: none; }
  .mc-float-highlight { display: none; }
  .mc-float-badge { left: 20px !important; bottom: 20px !important; }
  .mc-pillbar-wrap { padding: 0 20px; }
  .mc-pillbar__arrow { display: none; }
  .mc-pillbar__cta { display: none; }

  .mc-process { grid-template-columns: 1fr; }
  .mc-process__item { border-right: none !important; border-top: 1px solid var(--mc-border); padding: 24px 0; }
  .mc-process__item:first-child { border-top: none; }

  .mc-services-grid { grid-template-columns: 1fr; }
  .mc-why-glass { grid-template-columns: 1fr; gap: 20px; }

  .mc-timeline { flex-direction: column; }
  .mc-timeline__item { border-top: 1px solid var(--mc-border); padding: 24px 0 24px 20px; border-left: 2px solid var(--mc-border); }
  .mc-timeline__item::before { display: none; }
  .mc-timeline__item.is-active, .mc-timeline__item:hover { border-left-color: var(--mc-fire); }

  .mc-ba__tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; }
  .mc-ba-slider__handle { width: 40px; height: 40px; }

  .mc-cta-band { padding: 64px 20px; }
  .mc-cta-band__inner-wrap { padding: 56px 24px; border-radius: var(--mc-radius-lg); }
  .mc-cta-band__actions { flex-direction: column; }
  .mc-cta-band__actions .mc-btn { width: 100%; }

  .mc-footer { padding-top: 64px; border-radius: var(--mc-radius-lg) var(--mc-radius-lg) 0 0; }
  .mc-footer__inner { grid-template-columns: 1fr; gap: 36px; padding-bottom: 60px; }
  .mc-footer__bg-type { font-size: 60vw; }
  .mc-footer__bottom { flex-direction: column; align-items: flex-start; }

  .mc-blog-grid { grid-template-columns: 1fr; gap: 36px; }
  .mc-blog-featured { padding-bottom: 48px; margin-bottom: 48px; }
  .mc-article__body { font-size: 16px; }
  .mc-post-nav { grid-template-columns: 1fr; }
  .mc-post-nav__card--next { text-align: left; }

  .mc-form { padding: 24px; }
  .mc-choice-grid { grid-template-columns: 1fr; }
  .mc-form-nav { flex-direction: column-reverse; }
  .mc-form-nav .mc-btn { width: 100%; }

  /* Sticky bar reserves space so content isn't hidden behind it */
  body { padding-bottom: calc(58px + env(safe-area-inset-bottom)); }

  .mc-legal-content { padding-top: 60px; }
  .mc-search-overlay__inner { padding: 90px 20px 40px; }
  .mc-search-results__item { grid-template-columns: 1fr; gap: 4px; }
  .mc-search-results__title, .mc-search-results__excerpt { grid-column: 1; }
  .mc-photo-slider__track { aspect-ratio: 4/5; min-height: 280px; }
  .mc-photo-slider__arrow { width: 38px; height: 38px; }
  .mc-popup__panel--media { grid-template-columns: 1fr; }
  .mc-popup__media { min-height: 140px; }
  .mc-popup__panel--media .mc-popup__body { padding: 28px 24px; }
  .mc-gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .mc-gallery-lightbox__panel { max-width: 100%; }
  .mc-gallery-lightbox__close { top: -46px; width: 36px; height: 36px; }
  .mc-split, .mc-split--img-right { grid-template-columns: 1fr; gap: 32px; }
  .mc-split--img-right .mc-split__copy { order: 2; }
  .mc-split--img-right .mc-split__media { order: 1; }
  .mc-split__img { min-height: 240px; }

  .mc-faq-layout { grid-template-columns: 1fr; gap: 24px; }
  .mc-faq-sidebar {
    position: static; flex-direction: row; overflow-x: auto; gap: 8px;
    border-right: none; border-bottom: 1px solid var(--mc-border); padding: 0 0 16px;
  }
  .mc-faq-sidebar__item { flex-shrink: 0; white-space: nowrap; border: 1px solid var(--mc-border); border-radius: var(--mc-radius-pill); }
  .mc-faq-sidebar__item.is-active { box-shadow: none; border-color: var(--mc-fire-border); }
  .mc-intro-desc__meta { flex-direction: column; gap: 16px; }
  .mc-page-hero { padding: 0 20px; }
  .mc-page-hero__panel { padding: 40px 24px; border-radius: var(--mc-radius-lg); }
}

/* ---------- ≤430px : smallest phones ---------- */
@media (max-width: 430px) {
  .mc-hero h1 { font-size: clamp(34px, 12vw, 44px); }
  .mc-footer__wordmark { font-size: 28px; }
}

/* ---------- ≥1440px : large desktop refinement ---------- */
@media (min-width: 1440px) {
  .mc-container { padding: 0 40px; }
}

/* No horizontal overflow anywhere */
html, body { max-width: 100%; overflow-x: hidden; }
