/* Shared storefront frame: use the available layout width, not 100vw
   (which includes the scrollbar), on phones, tablets and desktops. */
.customer-storefront.customer-menu-shell {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  box-sizing: border-box;
}
.customer-storefront .customer-bottom-nav,
.customer-storefront .customer-cart-bar {
  width: calc(100% - 24px) !important;
  max-width: none !important;
  box-sizing: border-box;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
@media (min-width: 431px) {
  .customer-storefront .customer-chat-fab,
  .customer-storefront .customer-chat-panel {
    right: 18px !important;
  }
}
@media (min-width: 700px) {
  .customer-storefront .customer-bottom-nav,
  .customer-storefront .customer-cart-bar {
    width: calc(100% - 48px) !important;
  }
  .customer-storefront .customer-chat-fab,
  .customer-storefront .customer-chat-panel {
    right: 24px !important;
  }
}