/* One mobile rail. Only layout changes: optional controls retain their
   existing hidden/has-items rules, badges, animations and event listeners. */
@media(max-width:700px){
  html[data-customer-view] body .header{
    padding-top:calc(5px + env(safe-area-inset-top,0px));
  }
  /* Continue the existing glass into an exposed top safe area. Controls
     remain below the notch; the extension never intercepts touches. */
  html[data-customer-view] body .header::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:calc(-1 * env(safe-area-inset-top,0px));
    height:env(safe-area-inset-top,0px);
    background:inherit;
    backdrop-filter:blur(5px) saturate(120%);
    -webkit-backdrop-filter:blur(5px) saturate(120%);
    pointer-events:none;
  }
  html[data-customer-view] body .header .header-top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  html[data-customer-view] body .header .header-dynamic-actions,
  html[data-customer-view] body .header .header-dynamic-actions-scroller,
  html[data-customer-view] body .header #active-order-actions,
  html[data-customer-view] body .header .header-actions{
    display:contents!important;
  }
  html[data-customer-view] body .header .customer-space-back{
    order:0;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    flex:0 0 34px;
    margin:0!important;
  }
  html[data-customer-view] body .header .customer-space-back:hover,
  html[data-customer-view] body .header .customer-space-back:focus-visible{transform:translateX(-3px) scale(1.07)!important}
  html[data-customer-view] body .header .customer-space-back:active{transform:translateX(-1px) scale(.94)!important}
  html[data-customer-view] body .header .header-dynamic-actions > #floating-cart{
    order:1;
    margin:0!important;
  }
  html[data-customer-view] body .header #active-order-actions > .active-order-button{
    order:2;
    margin:0!important;
  }
  html[data-customer-view] body .header .header-search-toggle{order:3}
  html[data-customer-view] body .header .header-actions :is(.product-favorites-filter,.restaurant-favorites-filter){order:4}
  html[data-customer-view] body .header .profile-header-button{order:5}
}