/* Chocodew Premium — screenshot-driven mobile stability pass.
   Keep fixed utilities above the bottom nav and prevent controls from
   covering category content. No JS class toggling is required here. */

@media (max-width:700px){
  body{
    overflow-x:hidden!important;
    padding-bottom:calc(94px + env(safe-area-inset-bottom))!important;
  }

  main{
    padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;
  }

  .mobile-bottom-nav{
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    z-index:700!important;
  }

  /* Feedback lives above the nav, on the left; the back-to-top control
     stays on the right so the two controls never overlap. */
  .feedback-fab{
    left:14px!important;
    right:auto!important;
    bottom:calc(92px + env(safe-area-inset-bottom))!important;
    z-index:650!important;
    padding:10px 13px!important;
    min-height:40px!important;
    box-shadow:0 10px 28px rgba(42,16,8,.28)!important;
  }

  .feedback-fab small{display:none!important}

  .top{
    right:14px!important;
    bottom:calc(92px + env(safe-area-inset-bottom))!important;
    z-index:650!important;
  }

  .mobile-order-bar{
    bottom:calc(92px + env(safe-area-inset-bottom))!important;
    z-index:640!important;
  }

  .sticky-nav{
    z-index:400!important;
  }

  .hero-search{z-index:450!important}
  .search-suggestions{z-index:460!important}

  .menu-section{scroll-margin-top:72px!important}
  .grid{padding-bottom:16px!important}

  .hero-food-carousel{
    margin-inline:0!important;
    margin-bottom:18px!important;
  }

  .hero-food-track{
    min-height:145px!important;
  }

  .hero-food-slide{
    height:145px!important;
  }
}

@media (min-width:701px){
  .search-suggestions{max-height:min(460px,55vh)!important;overflow-y:auto}
}