/* P18.2: Android/iPhone navigation and checkout layout share one mobile contract. */
.checkout-mobile-stage{display:none}

@media(max-width:1100px){
  .mobile-menu-native>summary::marker{content:"";font-size:0;color:transparent}
  .mobile-menu-native>summary{-webkit-appearance:none;appearance:none}
  .mobile-menu-toggle{justify-content:center}
  .mobile-menu-native .mobile-menu-panel{top:calc(var(--header, 72px) + 8px);z-index:var(--z-mobile-menu)}
  .mobile-cart-bar{position:fixed;display:flex;align-items:center;left:0;right:0;bottom:0;gap:10px;z-index:var(--z-sticky-action);padding:9px var(--mobile-gutter) calc(9px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--health-border);box-shadow:0 -8px 24px #092d3618}
  .mobile-cart-bar[hidden]{display:none!important}
  .mobile-cart-bar .mobile-cart-icon{flex:0 0 34px}
  .mobile-cart-bar .mobile-cart-summary{min-width:0;flex:1}
  .mobile-cart-bar .mobile-cart-summary strong,.mobile-cart-bar .mobile-cart-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-cart-bar .button{flex:0 0 auto}
  body.cart-has-items .mobile-buy-bar,body.cart-has-items .hero-mobile-buy{display:none!important}
  .pdp-toast.mobile-toast{bottom:calc(var(--mobile-action-height) + env(safe-area-inset-bottom) + 12px)}

  .checkout-page{width:min(calc(100% - (var(--mobile-gutter) * 2)),760px)!important;min-width:0;margin-inline:auto;padding-block:32px calc(36px + env(safe-area-inset-bottom))}
  .checkout-main,.checkout-summary,.checkout-form,.checkout-form fieldset,.checkout-card{min-width:0;max-width:100%;box-sizing:border-box}
  .checkout-summary{width:100%}
  .checkout-steps{display:none}
  .checkout-mobile-stage{display:grid;gap:6px;margin:0 0 20px;padding:14px 16px;border:1px solid var(--health-border);border-radius:14px;background:#fff;color:var(--health-navy)}
  .checkout-mobile-stage>span:first-child{color:var(--health-muted);font-size:12px;font-weight:750}
  .checkout-mobile-stage>strong{font-size:16px}
  .checkout-mobile-progress{display:block;height:4px;border-radius:99px;background:var(--health-soft);overflow:hidden}
  .checkout-mobile-progress i{display:block;height:100%;border-radius:inherit;background:var(--health-turquoise);transition:width .2s ease}
  .checkout-form{gap:16px}
  .checkout-form fieldset{position:static;min-inline-size:0;margin:0;padding:20px;border:1px solid var(--health-border);border-radius:var(--radius-md);overflow:visible;background:#fff}
  .checkout-form fieldset>legend{position:static;float:none;width:auto;margin:0 0 16px;padding:0;background:transparent;color:var(--health-navy);font-size:19px;line-height:1.25}
  .checkout-form fieldset>*,.checkout-form fieldset [data-pf-fields]>*,.checkout-form fieldset [data-pj-fields]>*{min-width:0}
  .checkout-form fieldset>[data-pf-fields]>*+*,.checkout-form fieldset>[data-pj-fields]>*+*,.checkout-form fieldset>label,.checkout-form fieldset>.checkout-account-note{margin-top:16px}
  .checkout-form label{display:grid;gap:8px;margin-bottom:0}
  .checkout-form label>input{margin-top:0}
  .checkout-form .two-col{grid-template-columns:1fr;gap:16px}
  .checkout-form .cep-button{width:100%;min-height:46px}
  .checkout-delivery,.coupon-entry{padding:20px}
  .coupon-entry__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .coupon-entry__row input{min-width:0}
  .coupon-entry__row .button{margin:0;white-space:nowrap}
}

@media(max-width:430px){
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;padding:10px var(--mobile-gutter);gap:8px}
  .brand{gap:8px;min-width:0}
  .brand-mark{flex:0 0 42px}
  .brand>span:last-child{max-width:108px}
  .mobile-menu-toggle{min-height:42px;padding-inline:9px}
  .mobile-menu-toggle>span:first-child{font-size:20px}
  .mobile-menu-toggle>span:last-child{font-size:12px}
  .header-actions .cart-link{min-height:42px;font-size:12px}
  .mobile-cart-bar{gap:8px;padding-inline:12px}
  .mobile-cart-bar .mobile-cart-icon{display:none}
  .mobile-cart-bar .button{padding-inline:14px}
  .checkout-form fieldset,.checkout-delivery,.coupon-entry{padding:18px 14px}
  .checkout-form fieldset>legend{font-size:18px}
  .coupon-entry__row{grid-template-columns:1fr}
  .coupon-entry__row .button{width:100%}
}

@media(max-width:360px){
  .mobile-menu-label{display:none}
  .mobile-menu-toggle{min-width:42px;padding-inline:10px}
}