/* Higher specificity also covers retained styles from older open WebViews. */
html[data-storefront-bootstrap] .mini-app:not([hidden]) { display: block !important; }
html[data-storefront-bootstrap] .web-login { display: none !important; }
html[data-storefront-preview='home'][data-startup-state='loading'] .mini-app > .section-screens {
  opacity: 1 !important; visibility: visible !important;
}
html[data-storefront-preview='home'][data-startup-state='loading'] .mini-app > .startup-loading { display: none; }
html[data-storefront-preview='home'][data-startup-state='loading'] .section-screen:not(#screen-shop) { visibility: hidden !important; }
html[data-storefront-bootstrap][data-startup-state='loading'] .section-screens,
html[data-storefront-bootstrap][data-startup-state='loading'] .bottom-nav { pointer-events: none; }
html[data-storefront-preview='home'][data-startup-state='loading'] .web-navbar {
  opacity: 1 !important; visibility: visible !important; pointer-events: none;
}
.storefront-bootstrap {
  position: fixed; z-index: 1500; bottom: max(24px, env(safe-area-inset-bottom)); left: 50%;
  transform: translateX(-50%); box-sizing: border-box; width: min(360px, calc(100% - 32px));
  padding: 14px 18px; border: 1px solid #363A40; border-radius: 18px;
  background: #24272D; color: #F4F5F7; text-align: center; pointer-events: auto;
  font: 14px/20px Inter, system-ui, sans-serif; box-shadow: 0 4px 20px #0003;
}
.storefront-bootstrap p { margin: 0; }
.storefront-bootstrap button {
  display: block; width: 100%; min-height: 44px; margin-top: 12px; padding: 10px 16px;
  border: 0; border-radius: 22px; background: #48AEF2; color: white; font: inherit; font-weight: 600; cursor: pointer;
}
.storefront-bootstrap button[hidden] { display: none; }
.storefront-bootstrap button:focus-visible { outline: 2px solid #B9E6FF; outline-offset: 3px; }