/* ───────────────────────────────────────────────────────────────────────────
   Caviar Maison — responsive sweep (README §7)
   Breakpoints: 1180 (tighten), 900 (2col→1col), 720 (mobile)
   ─────────────────────────────────────────────────────────────────────────── */

@media (max-width: 1180px) {
  .m-collection__grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .m-concierge__card { padding: 48px; }
}

@media (max-width: 900px) {
  .m-nav { padding: 16px var(--gutter); }
  .m-nav__inner { grid-template-columns: auto 1fr auto; }
  .m-nav__menu { display: none; }
  .m-nav__toggle { display: inline-flex; }
  .m-nav__utils { gap: 16px; }
  .m-nav__hide-mobile { display: none; }
  .m-nav__cart-count { display: none; } /* mobile: cart icon only, no "Cart · N" text */
  .m-nav__brand-eyebrow { font-size: 9px; letter-spacing: .38em; }
  .m-nav__brand-name { font-size: 19px; letter-spacing: .2em; }

  .m-hero--bleed { min-height: 480px; }
  .m-hero__inner { padding: 56px var(--gutter); }

  .m-ritual__grid { grid-template-columns: 1fr; gap: 40px; }
  .m-ritual__media { order: -1; }
  .m-ritual__title { font-size: 44px; }

  .m-concierge__card { grid-template-columns: 1fr; gap: 32px; }
  .m-concierge__title { font-size: 40px; }

  .m-membership__grid { grid-template-columns: 1fr; gap: 16px; }
  .m-tier { min-height: 0; }
  .m-membership__title { font-size: 44px; }

  .m-footer__grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}

@media (max-width: 720px) {
  .m-announce { padding: 9px var(--gutter); text-align: center; font-size: var(--micro); }
  .m-announce__inner { flex-direction: column; gap: 6px; }
  .m-announce__right { gap: 14px; flex-wrap: wrap; justify-content: center; }

  .m-collection, .m-ritual, .m-membership { padding: 72px var(--gutter); }
  .m-concierge { padding: 56px var(--gutter); }
  .m-collection__grid { grid-template-columns: 1fr; }

  .m-sechead { flex-direction: column; align-items: center; gap: 16px; }

  .m-hero--bleed { min-height: 440px; }
  /* Text spans the full width on mobile — darken the whole image bottom-up. */
  .m-hero--bleed::before { background: linear-gradient(0deg, rgba(8,7,5,.92), rgba(8,7,5,.5)); }
  .m-hero__lede { font-size: 18px; }
  .m-hero__cta .btn { flex: 1; }

  .m-footer__grid { grid-template-columns: 1fr; gap: 28px; }
  .m-footer__hide-mobile { display: none; } /* hide Caviar + Information link columns on mobile */
  .m-footer__bottom { flex-direction: column; gap: 12px; }

  /* Center all page + footer text on mobile */
  #m-main, #m-main *, .m-footer, .m-footer * { text-align: center !important; }
  /* …but keep form fields left-aligned so typed text reads normally */
  #m-main input, #m-main textarea, #m-main select, .m-footer input { text-align: left !important; }
  /* tidy up bits where centering needs help */
  .m-footer__contact { align-items: center; }
  .m-footer__contact li { justify-content: center; }
  .m-article__body ul, .m-article__body ol { list-style-position: inside; padding-left: 0; }
  .m-article__body li { padding-left: 0; }
  .m-footer__bottom { align-items: center; }
}