/* REV227 - RESPONSIVE JUSTIFICATION PASS
   Align compact commerce controls and keep every phone route inside the viewport.
   Desktop theatre stays intact; phone layouts gain a consistent readable rhythm. */
html.rev227-responsive-justification .order-btn,
html.rev227-responsive-justification .mini-btn,
html.rev227-responsive-justification .ghost-pill,
html.rev227-responsive-justification .rev43-drop-list-btn{
  box-sizing:border-box;
  justify-content:center;
  text-align:center;
}
html.rev227-responsive-justification .rev192-drop-route-title span{
  display:block;
}

@media (max-width:760px){
  html.rev227-responsive-justification body{
    overflow-x:hidden!important;
  }
  html.rev227-responsive-justification .tabaq-page,
  html.rev227-responsive-justification .page-shell{
    max-width:100%;
  }
  html.rev227-responsive-justification .order-btn,
  html.rev227-responsive-justification .mini-btn,
  html.rev227-responsive-justification .ghost-pill,
  html.rev227-responsive-justification .rev43-drop-list-btn{
    max-width:100%;
    line-height:1.12;
  }

  /* Home: keep the bottle CTA centered inside the viewport. */
  html.rev227-responsive-justification .tabaq-page[data-page="home"] .rev63-hero-actions{
    width:auto!important;
    box-sizing:border-box!important;
  }
  html.rev227-responsive-justification .tabaq-page[data-page="home"] .rev63-hero-actions .order-btn{
    margin:0!important;
    white-space:nowrap;
  }
  html.rev227-responsive-justification .tabaq-page[data-page="home"] .rev181-drop-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  html.rev227-responsive-justification .tabaq-page[data-page="home"] .rev181-drop-actions .order-btn,
  html.rev227-responsive-justification .tabaq-page[data-page="home"] .rev181-drop-actions .ghost-pill{
    width:100%!important;
    grid-area:auto!important;
    justify-self:stretch!important;
  }

  /* Shop: wrap controls instead of sending the final option off-screen. */
  html.rev227-responsive-justification .tabaq-page[data-page="shop"] .filter-group{
    flex-wrap:wrap!important;
    overflow:visible!important;
    padding-bottom:0!important;
  }
  html.rev227-responsive-justification .tabaq-page[data-page="shop"] .filter-pill{
    min-height:38px!important;
    padding:0 12px!important;
    font-size:10px!important;
  }
  html.rev227-responsive-justification .tabaq-page[data-page="shop"] .page-note{
    max-width:34ch!important;
    margin-top:10px!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
    line-height:1.35!important;
  }

  /* Drops: two deliberate statements, centered and proportional. */
  html.rev227-responsive-justification .tabaq-page[data-page="drop"] .rev192-drop-route-hero.rev70-drop-close{
    padding-top:54px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  html.rev227-responsive-justification .tabaq-page[data-page="drop"] .rev70-drop-copy{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  html.rev227-responsive-justification .tabaq-page[data-page="drop"] .rev192-drop-route-title{
    width:100%;
    max-width:100%!important;
    margin:18px auto 0!important;
    font-size:clamp(46px,13vw,56px)!important;
    line-height:.84!important;
    letter-spacing:-.078em!important;
    text-align:center;
    text-wrap:balance;
  }
  html.rev227-responsive-justification .tabaq-page[data-page="drop"] .rev192-drop-route-title b{
    display:block;
  }
  html.rev227-responsive-justification .tabaq-page[data-page="drop"] .rev192-drop-route-title span+span{
    margin-top:8px;
  }
  html.rev227-responsive-justification .tabaq-page[data-page="drop"] .rev70-drop-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  html.rev227-responsive-justification .tabaq-page[data-page="drop"] .rev70-drop-actions .order-btn,
  html.rev227-responsive-justification .tabaq-page[data-page="drop"] .rev70-drop-actions .ghost-pill{
    width:100%;
    grid-area:auto!important;
    justify-self:stretch!important;
  }
  html.rev227-responsive-justification .tabaq-page[data-page="drop"] .rev203-drop-visual{
    max-width:100%;
    overflow:hidden;
  }

  /* Kit details: let compact chips wrap and keep the buy box flush. */
  html.rev227-responsive-justification .tabaq-page[data-page^="product-"] .rev43-detail-page,
  html.rev227-responsive-justification .tabaq-page[data-page^="product-"] .rev43-detail-hero,
  html.rev227-responsive-justification .tabaq-page[data-page^="product-"] .rev43-detail-content{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  html.rev227-responsive-justification .tabaq-page[data-page^="product-"] .rev43-detail-hero{
    overflow:hidden;
  }
  html.rev227-responsive-justification .tabaq-page[data-page^="product-"] .rev43-note-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%;
    min-width:0;
  }
  html.rev227-responsive-justification .tabaq-page[data-page^="product-"] .rev43-note-chip{
    display:flex;
    align-items:center;
    justify-content:center;
    max-width:none;
    min-width:0;
    min-height:28px;
    padding:6px!important;
    white-space:nowrap!important;
    text-align:center;
    font-size:9px!important;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  html.rev227-responsive-justification .tabaq-page[data-page^="product-"] .rev44-detail-kit-stage{
    overflow:hidden;
  }
  html.rev227-responsive-justification .tabaq-page[data-page^="product-"] .rev44-kit-cue{
    left:12px!important;
    right:12px!important;
    max-width:calc(100% - 24px)!important;
    box-sizing:border-box;
    text-align:center;
    white-space:normal!important;
  }
  html.rev227-responsive-justification .tabaq-page[data-page^="product-"] .rev44-detail-kit-stage .rev29-kit-preview::before{
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-width:calc(100% - 28px)!important;
    white-space:normal!important;
    line-height:1.15!important;
    text-align:center!important;
  }
  html.rev227-responsive-justification .tabaq-page[data-page^="product-"] .rev48-primary-drop{
    width:100%;
    white-space:normal;
  }

  /* Layering: keep the optional brand experience readable on phones. */
  html.rev227-responsive-justification body[data-page="layering"] .tabaq-page[data-page="layering"],
  html.rev227-responsive-justification body[data-page="layering"] .tabaq-rev7drop,
  html.rev227-responsive-justification body[data-page="layering"] .rev7-intro,
  html.rev227-responsive-justification body[data-page="layering"] .rev7-topbar{
    width:100%;
    max-width:100vw;
    overflow-x:hidden!important;
  }
  html.rev227-responsive-justification .tabaq-page[data-page="layering"]>.rev137-page-bridge,
  html.rev227-responsive-justification .tabaq-page[data-page="layering"]>.rev136-page-journey{
    display:none!important;
  }
  html.rev227-responsive-justification body[data-page="layering"] .rev7-intro-title{
    max-width:100%!important;
    font-size:clamp(46px,14vw,62px)!important;
  }
  html.rev227-responsive-justification body[data-page="layering"] .rev7-intro-copy{
    max-width:min(31ch,calc(100vw - 36px));
  }
}