/* ==========================================================================
   MemoHoney — responsive.css   (mobile-first overrides, largest → smallest)
   ========================================================================== */

@media (max-width:1080px){
  .footer__grid{grid-template-columns:1fr 1fr 1fr}
  .footer__brand{grid-column:1/-1}
  .post-layout{grid-template-columns:1fr}
  .post-aside{position:static;grid-template-columns:1fr 1fr;display:grid}
  .post-body{max-width:none}
}

@media (max-width:940px){
  .nav__list{
    position:fixed;top:70px;left:0;right:0;bottom:0;z-index:59;
    flex-direction:column;align-items:stretch;gap:0;margin:0;padding:1rem var(--gutter) 2rem;
    background:#fff;border-top:1px solid var(--line);overflow-y:auto;
    transform:translateX(100%);transition:transform .26s ease;visibility:hidden;
  }
  .nav__list.is-open{transform:translateX(0);visibility:visible}
  .nav__list a{padding:.95rem .5rem;border-bottom:1px solid var(--line);border-radius:0;font-size:1.02rem}
  .nav__toggle{display:inline-flex}
  .nav__cta{display:none}
  body.nav-open{overflow:hidden}

  .hero__inner{grid-template-columns:1fr;text-align:center;padding-block:clamp(32px,5vw,52px)}
  .hero__media{order:-1}
  .hero__media img{max-width:360px}
  .hero__sub{margin-inline:auto}
  .hero__chips{justify-content:center}
  .hero__actions{justify-content:center}
  .hero__seal{display:none}

  .split{grid-template-columns:1fr}
  .split--reverse .split__media{order:0}
  .pricing{grid-template-columns:1fr;max-width:440px;margin-inline:auto}
  .plan--featured{order:-1}
  .post-grid{grid-template-columns:repeat(2,1fr)}
  .post-card--wide{grid-column:span 2;flex-direction:column}
  .post-card--wide .post-card__media{flex:auto;border-right:0;border-bottom:1px solid var(--line)}
  .post-card--wide .post-card__media img{aspect-ratio:16/9;min-height:0}
  .guarantee__grid{grid-template-columns:1fr;text-align:center;justify-items:center}
}

@media (max-width:760px){
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .timeline{grid-template-columns:1fr}
  .timeline__item{border-right:0;border-bottom:1px solid var(--line)}
  .timeline__item:last-child{border-bottom:0}
  .sticky-cta{display:block}
  .to-top{bottom:84px}
  .footer__grid{grid-template-columns:1fr 1fr}
  .post-cta{grid-template-columns:1fr;text-align:center;justify-items:center}
  .post-cta img{max-width:190px}
  .ticker__track{gap:1.2rem;font-size:.76rem}
}

@media (max-width:600px){
  .grid-2,.grid-3{grid-template-columns:1fr}
  .post-grid{grid-template-columns:1fr}
  .post-card--wide{grid-column:span 1}
  .post-aside{grid-template-columns:1fr}
  .post-nav{grid-template-columns:1fr}
  .post-nav .next{text-align:left}
  .footer__grid{grid-template-columns:1fr}
  .ingredient{grid-template-columns:auto 1fr;row-gap:.6rem}
  .ingredient__dose{grid-column:2}
  .step{padding:1.2rem 1.2rem 1.2rem 4rem}
  .step::before{left:1rem;width:32px;height:36px;font-size:.82rem}
  .btn{width:100%}
  .hero__actions,.final-cta .btn{width:100%}
  .nav__list{top:64px}
  .nav{min-height:64px}
  .brand{font-size:1.15rem}
  .faq__a > div{padding-right:1rem}
  .ticker__item:nth-child(3){display:none}
}

@media (max-width:400px){
  .trustbar__list{gap:12px}
  .trustbar__list li{font-size:.8rem}
  .countdown{font-size:1.7rem}
}

@media print{
  .site-header,.ticker,.sticky-cta,.to-top,.modal,.progress,.post-aside,.final-cta{display:none!important}
  body{color:#000}
}