:root {
  --storefront-header-logo-slot-min-height: 20.8rem;
  --storefront-header-center-row-min-height: 20.8rem;
  --storefront-header-top-min-height: 3.5rem;
  --storefront-header-bottom-bar-height: 60px;
  --storefront-header-reserve-height-mobile: 17.75rem;
  --storefront-header-reserve-height-desktop: calc(
    var(--storefront-header-top-min-height) + 1rem + var(--storefront-header-center-row-min-height) +
      var(--storefront-header-bottom-bar-height)
  );
}

html {
  overflow-x: clip;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

body {
  overflow-x: clip;
}

.header-slot-reserve {
  display: block;
  width: 100%;
  flex: 0 0 auto;
  height: var(--storefront-header-reserve-height-mobile);
  pointer-events: none;
}

.header {
  display: flex;
  flex-direction: column;
  min-height: var(--storefront-header-reserve-height-mobile);
  margin-top: calc(-1 * var(--storefront-header-reserve-height-mobile));
  position: relative;
  z-index: 100;
}

@media (min-width: 1201px) {
  .header-slot-reserve {
    height: var(--storefront-header-reserve-height-desktop);
  }

  .header {
    min-height: var(--storefront-header-reserve-height-desktop);
    margin-top: calc(-1 * var(--storefront-header-reserve-height-desktop));
  }
}

.a-cart__dropdown {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10001;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(100%, 0, 0);
}

.minicart__dropdown-shadow {
  position: fixed;
  inset: 0;
  z-index: 10000;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}