/* v224 Native App Store / Play Store readiness - customer site only */
:root {
  --native-safe-top: env(safe-area-inset-top, 0px);
  --native-safe-right: env(safe-area-inset-right, 0px);
  --native-safe-bottom: env(safe-area-inset-bottom, 0px);
  --native-safe-left: env(safe-area-inset-left, 0px);
}

html.customer-native-app-v224,
html.customer-native-app-v224 body {
  min-height: 100%;
  min-height: 100dvh;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: manipulation;
}

html.customer-native-app-v224 body {
  padding-top: var(--native-safe-top);
  padding-left: var(--native-safe-left);
  padding-right: var(--native-safe-right);
  background: var(--customer-bg, #fffaf4);
}

html.customer-native-app-v224 .shop-header,
html.customer-native-app-v224 .customer-account-link-v115 {
  padding-top: max(.65rem, var(--native-safe-top));
}

html.customer-native-app-v224 .mobile-cart-bar,
html.customer-native-app-v224 .mobile-customer-nav,
html.customer-native-app-v224 .bottom-nav,
html.customer-native-app-v224 [data-mobile-bottom-nav] {
  padding-bottom: max(.75rem, var(--native-safe-bottom));
}

html.customer-native-app-v224 .premium-modal-card,
html.customer-native-app-v224 .mobile-cart-panel {
  max-height: calc(100dvh - var(--native-safe-top) - var(--native-safe-bottom) - 24px);
}

html.customer-native-app-v224 input,
html.customer-native-app-v224 textarea,
html.customer-native-app-v224 select,
html.customer-native-app-v224 button {
  font-size: 16px;
}

html.customer-native-app-v224 a,
html.customer-native-app-v224 button {
  -webkit-tap-highlight-color: transparent;
}

html.customer-native-app-v224 .native-install-hidden-v224 {
  display: none !important;
}

.customer-native-banner-v224 {
  display: none;
}

html.customer-native-app-v224 .customer-native-banner-v224 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  margin: .75rem auto;
  width: min(1120px, calc(100% - 24px));
  padding: .8rem 1rem;
  border-radius: 18px;
  background: color-mix(in srgb, var(--customer-theme-color, var(--brand, #f97316)) 10%, var(--customer-card-bg, #fff));
  color: var(--ink, #111827);
  box-shadow: 0 10px 30px rgba(15,23,42,.08);
}

@supports not (background: color-mix(in srgb, white, black)) {
  html.customer-native-app-v224 .customer-native-banner-v224 {
    background: var(--customer-card-bg, #fff);
  }
}

.customer-native-banner-v224 strong {
  display: block;
  font-size: .95rem;
}

.customer-native-banner-v224 span {
  display: block;
  font-size: .82rem;
  opacity: .75;
}

@media (display-mode: standalone) {
  body {
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 767px) {
  html.customer-native-app-v224 .shop-shell {
    padding-bottom: calc(96px + var(--native-safe-bottom));
  }
}