/* Layout contract for the shared storefront-header Blade component. */
body > .storefront-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
}

body.has-storefront-header--reserved {
  padding-top: var(--storefront-header-height, 80px);
}

@media (max-width: 991.98px) {
  body.has-storefront-header--reserved {
    padding-top: var(--storefront-header-height, 60px);
  }
}