/* Keep both storefront shells' header cart targets easy to tap. */
.amp-unified-site .amp-site-nav button[data-cart-button],
.amp-unified-site .amp-site-nav button[data-amp-cart-open] {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  flex-basis: 44px !important;
}

.amp-site-nav button[data-cart-button],
.amp-site-nav button[data-amp-cart-open],
.amp-safe-bottom button[data-cart-button],
.amp-safe-bottom button[data-amp-cart-open] {
  touch-action: manipulation;
}

.amp-site-nav button[data-cart-button] svg,
.amp-site-nav button[data-cart-button] span,
.amp-site-nav button[data-amp-cart-open] svg,
.amp-site-nav button[data-amp-cart-open] span,
.amp-safe-bottom button[data-cart-button] svg,
.amp-safe-bottom button[data-cart-button] span,
.amp-safe-bottom button[data-amp-cart-open] svg,
.amp-safe-bottom button[data-amp-cart-open] span {
  pointer-events: none;
}

/* An opaque mobile header needs no composited backdrop filter. */
@media (max-width: 767px) {
  .amp-unified-site .amp-site-nav {
    background: #fff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* Pending clicks keep their normal size and remain keyboard accessible. */
html[data-amp-cart-opening] .amp-site-nav button[data-cart-button][aria-busy="true"],
html[data-amp-cart-opening] .amp-site-nav button[data-amp-cart-open][aria-busy="true"],
html[data-amp-cart-opening] .amp-safe-bottom button[data-cart-button][aria-busy="true"],
html[data-amp-cart-opening] .amp-safe-bottom button[data-amp-cart-open][aria-busy="true"] {
  cursor: progress;
}