/* V249 — consolidated mobile rebuild for Tirzepatide experience */
@media (max-width: 980px){

  /* Global target pages */
  body.v242-brand-redesign,
  body.progress-page,
  body.v239-tzp-landing,
  body.tzp-page{
    overflow-x:hidden!important;
  }

  body.v242-brand-redesign main,
  body.progress-page main,
  body.v239-tzp-landing main,
  body.tzp-page main{
    overflow-x:hidden!important;
  }

  /* ---------- Brand pages ---------- */
  body.v242-brand-redesign .v243-brand-hero{
    padding:34px 0 30px!important;
  }
  body.v242-brand-redesign .v243-spartina-grid,
  body.v242-brand-redesign .v243-zcorpa-same-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  body.v242-brand-redesign .v243-spartina-copy,
  body.v242-brand-redesign .v243-zcorpa-same-copy{
    order:1!important;
  }
  body.v242-brand-redesign .v243-spartina-stage,
  body.v242-brand-redesign .v243-zcorpa-same-stage{
    order:2!important;
    min-height:260px!important;
    margin-top:4px!important;
  }
  body.v242-brand-redesign .v243-brand-hero h1{
    font-size:30px!important;
    line-height:1.55!important;
    margin:10px 0 8px!important;
  }
  body.v242-brand-redesign .v243-brand-hero p{
    font-size:13.5px!important;
    line-height:2!important;
  }
  body.v242-brand-redesign .v243-eyebrow{
    font-size:9px!important;
    padding:6px 9px!important;
  }
  body.v242-brand-redesign .v243-spartina-facts,
  body.v242-brand-redesign .v243-zcorpa-same-facts{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:15px!important;
  }
  body.v242-brand-redesign .v243-spartina-facts article,
  body.v242-brand-redesign .v243-zcorpa-same-facts article{
    min-height:64px!important;
    padding:9px 10px!important;
    border-radius:13px!important;
  }
  body.v242-brand-redesign .v243-spartina-facts span,
  body.v242-brand-redesign .v243-zcorpa-same-facts span{
    font-size:9px!important;
  }
  body.v242-brand-redesign .v243-spartina-facts strong,
  body.v242-brand-redesign .v243-zcorpa-same-facts strong{
    font-size:12px!important;
  }
  body.v242-brand-redesign .v243-spartina-stage img,
  body.v242-brand-redesign .v243-zcorpa-same-stage img{
    max-height:245px!important;
    max-width:94%!important;
  }
  body.v242-brand-redesign .v243-spartina-ring.ring-2,
  body.v242-brand-redesign .v243-zcorpa-same-ring.ring-2{
    width:245px!important;
    height:245px!important;
  }
  body.v242-brand-redesign .v243-spartina-ring.ring-1,
  body.v242-brand-redesign .v243-zcorpa-same-ring.ring-1{
    width:195px!important;
    height:195px!important;
  }
  body.v242-brand-redesign .v243-stage-note{
    right:50%!important;
    transform:translateX(50%)!important;
    bottom:4px!important;
  }

  /* Sidebar becomes normal-flow TOC on mobile */
  body.v242-brand-redesign .tzp-guide-layout,
  body.v242-brand-redesign .v239-guide-layout{
    display:block!important;
    padding-top:14px!important;
  }
  body.v242-brand-redesign .tzp-guide-sidebar{
    position:relative!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 14px!important;
  }
  body.v242-brand-redesign .tzp-guide-sidebar .tzp-chapter-nav{
    position:relative!important;
    width:100%!important;
    border-radius:16px!important;
  }
  body.v242-brand-redesign .tzp-chapter-track{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    padding:8px!important;
    overflow:visible!important;
  }
  body.v242-brand-redesign .tzp-chapter-track a{
    min-height:42px!important;
    padding:7px 8px!important;
    font-size:10px!important;
    line-height:1.6!important;
    white-space:normal!important;
  }
  body.v242-brand-redesign .tzp-chapter-track a span{
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
    font-size:9px!important;
  }
  body.v242-brand-redesign .tzp-content-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  /* ---------- Progress dashboards ---------- */

  body.progress-page .pg-milestone-track{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  body.progress-page .pg-milestone-track>i{
    width:3px!important;
    height:14px!important;
    margin:0 18px!important;
  }
  body.progress-page .pg-wizard-steps{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  body.progress-page .pg-wizard-steps>i{
    width:3px!important;
    height:10px!important;
    margin:auto!important;
  }
  body.progress-page .pg-form-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  body.progress-page .pg-field input,
  body.progress-page .pg-field select{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    height:48px!important;
    min-height:48px!important;
  }
  body.progress-page .pg-field textarea{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    min-height:104px!important;
  }
  body.progress-page .pg-checks{
    grid-template-columns:1fr!important;
  }

  body.progress-page .pg-chart-meta{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  body.progress-page .pg-layer-toggles{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:6px!important;
  }
  body.progress-page .pg-layer-toggles button{
    width:100%!important;
    justify-content:center!important;
    padding:7px 6px!important;
    font-size:8px!important;
  }
  body.progress-page .pg-chart-pro{
    height:290px!important;
    padding:10px 6px 6px!important;
  }
  body.progress-page .pg-dose-timeline-track{
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
  }

  /* Mega menus should never cover content incorrectly on small screens */
  body.progress-page .category-navigation .category-mega,
  body.v242-brand-redesign .category-navigation .category-mega{
    max-width:100vw!important;
  }
}

@media (max-width: 560px){
  body.v242-brand-redesign .v243-spartina-facts,
  body.v242-brand-redesign .v243-zcorpa-same-facts{
    grid-template-columns:1fr!important;
  }

  body.v242-brand-redesign .tzp-chapter-track{
    grid-template-columns:1fr!important;
  }

  body.progress-page .pg-kpi-stack,
  body.progress-page .pg-score-meta,
  body.progress-page .pg-chart-meta{
    grid-template-columns:1fr!important;
  }

  body.progress-page .pg-layer-toggles{
    grid-template-columns:1fr!important;
  }
}