/* =========================================================
   MemoHoney — Responsive (mobile-first overrides)
   ========================================================= */
@media (max-width: 991px){
  .mh-nav, .mh-nav-cta .mh-btn-outline{ display:none; }
  .mh-burger{ display:flex; }
  .mh-hero-grid{ grid-template-columns:1fr; text-align:center; gap:36px; }
  .mh-hero .mh-lede{ margin-left:auto; margin-right:auto; }
  .mh-hero-stats{ justify-content:center; }
  .mh-hero-media img{ max-height:340px; }
  .mh-offer-panel.best{ transform:none; }
  .mh-trust-row{ gap:26px; }
  .mh-trust-row img{ height:32px; }
}

@media (max-width: 767px){
  body{ font-size:15.5px; }
  .mh-section{ padding:56px 0; }
  .mh-hero{ padding:38px 0 108px; }
  .mh-header{ height:auto; }
  .mh-header .mh-container{ height:68px; }
  :root{ --mh-header-h:68px; }
  .mh-guarantee{ flex-direction:column; text-align:center; }
  .mh-author-box{ flex-direction:column; align-items:center; text-align:center; }
  .mh-sticky-cta{ display:block; }
  .mh-top-btn{ bottom:88px; right:16px; }
  .mh-cta-band{ padding:38px 22px; }
  table.mh-table{ min-width:520px; }
}

@media (max-width: 420px){
  h1{ font-size:1.85rem; }
  .mh-hero-badge{ left:50%; transform:translateX(-50%); bottom:2%; }
  .mh-offer-price{ font-size:1.7rem; }
}

/* iPhone notch / dynamic island safe areas already handled via env() in components */
@supports (-webkit-touch-callout: none){
  .mh-mobile-panel{ min-height:-webkit-fill-available; }
}