/* CANNI V8.2.57 hotfix
   The installed iOS PWA already gives the storefront a status-bar region on the affected layout.
   Older fallbacks added another 52px+ safe-area inside the header, causing a large blank band.
*/
@media (max-width:700px){
  html.pwa-standalone{
    --canni-safe-top:0px!important;
  }
  html.pwa-standalone .v4-header{
    padding-top:0!important;
  }
  html.pwa-standalone #sideMenu.side-menu,
  html.pwa-standalone #menuShade.menu-shade{
    top:var(--canni-header-height-v828,64px)!important;
  }
  html.pwa-standalone #sideMenu.side-menu{
    height:calc(100dvh - var(--canni-header-height-v828,64px))!important;
  }
}

/* V8.2.57 FIX2 — FAQ menu arrow aligns with customer-service arrow */
#sideMenu nav #faqMenuV8256,
#sideMenu nav .faq-menu-v8256{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
#sideMenu nav #faqMenuV8256 span,
#sideMenu nav .faq-menu-v8256 span{
  flex:1 1 auto!important;
  text-align:left!important;
  margin:0!important;
}
#sideMenu nav #faqMenuV8256 i,
#sideMenu nav .faq-menu-v8256 i{
  margin-left:auto!important;
  flex:0 0 auto!important;
}