/* Inline header fonts: generated from the original Inter files. */
@font-face { font-family: 'Storefront Header Inter'; font-style: normal; font-weight: 600; font-display: block; src: url(data:font/woff2;base64,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) format('woff2'); }
@font-face { font-family: 'Storefront Header Inter'; font-style: normal; font-weight: 400; font-display: block; src: url(data:font/woff2;base64,d09GMgABAAAAAANEAA8AAAAABvAAAALtAAQAQgAAAAAAAAAAAAAAAAAAAAAAAAAAG4FIHIFcBmA/U1RBVF4ANBEICnR6ATYCJAMSCwwABCAFhBoHIAwHG+QFCJ4DbssM6epoGaNTNJm22PtXZxE97WXOvrv79KKQpSoUCoWkK4uxKEhidHU6wseCz7umPx0QpTxCcGXIpeKq5ogtyc3h82NHZPSEGQ8Pl/r+TQxHOKBjYXyMqTGLUEDLpQoU6PKftNCIUzXZ56Fw8hlbOIijm6obfGztxlJIyynYmITbK1IqkPWq2yop+kSQHeMYPkaIHy+Yd00jtNkenUX2XGQuqNbM7ITqoOceqITCF5E1TO2XzIP4fXk6KAFdEJTJtiiz4ocKVyTwl0LZFIp9+YgCEaUQJUJHeaRTDpJCfAY+/uSBKE03FievG3TF9EaoTgE3Q+nlLqH6McyNIEIXje67DJNl13K1GqZByFh4SR3B4SbWEbeYFo8Wih8ikJ4W5C8qfiul58XZFsZo9Cfw46urH+t19A+NFJSOAMDDcGwG10qUlNef6zD7V/sg0Ef5OzgQK2JWw6YQnJKcL0KQNMLr2sYJQbYPvYt0kpiskyGoaBKPJkrFNtQXNKWiCxBQSAoxfagD0IeCk4r5I6tfBEQqVsAA8+hYBdtgGZsAX5SqZD001FvGhLNIYsxjQg2RgLv54+lj/d7RwxFG34WLhTPfoloEJvWvSjTqcwv8ZMrErJiYqup4jCPobupVKzHaWuv/2RYJ+Pda2rbsQURkypbXQ1MgFF4cA4oQl83i6O95Zwzmla7I0l2aRScgGGaVR2BXIlj0LkSyKPAGCDHvDWXZDzSXTtDt+8Vw5U+e7EehjRAsRjcaZcY4mkSGBZ1iw3NdXaIjqIeXj4ixs7LhqGqVqtSjZtmYUUM8ODOGmsR4OZgZcVSXAM7GixFQhWw4zkfQrEIFK3tPDjAoZ+TlVhHqdhNUsEtmi4SbTDOzCnDRY2qVq3zv1RbTZoyZ0dIWlcUyhB9amLfVAjsvDyqIHi6XqXfeWg2MKhlGFdYXmCu8ZIIPZ2ek50LNsAsyq1JLCEN4QBam63ibnkcI8Ll1R+Pf/HcWugE=) format('woff2'); }
/* End inline header fonts. */

/* 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-bootstrap][data-startup-state='loading'] .mini-app > .startup-loading { display: none; }
.mini-app[data-startup-reveal='true'] > .section-screens { transition: none !important; }
html[data-storefront-bootstrap][data-startup-state='loading'] .section-screens,
html[data-storefront-bootstrap][data-startup-state='loading'] .bottom-nav { pointer-events: none; }

/* A public, inert layout is available before the runtime or session response.
   Its dimensions match the final vertical home; media fills each slot later. */
.storefront-loading-home {
  --home-skeleton-icon: 64px;
  box-sizing: border-box; position: fixed; inset: 0 auto 0 50%; z-index: 1400;
  width: 100%; max-width: var(--app-max-width, 450px); transform: translateX(-50%);
  padding-bottom: calc(78px + var(--app-bottom-safe-area, 0px)); overflow: auto;
  background: var(--color-bg, #191B1E); pointer-events: none;
}
.storefront-loading-home[hidden] { display: none !important; }
.storefront-loading-home__header {
  box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;
  gap: 12px; height: 56px; padding-inline: var(--app-inline-gutter, 10px);
}
.storefront-loading-home__filter, .storefront-loading-home__balance {
  box-sizing: border-box; display: flex; align-items: center; height: 40px;
  border-radius: 999px; color: #F7F9FC;
  font-family: 'Storefront Header Inter', sans-serif;
}
.storefront-loading-home__filter {
  flex: 0 1 218px; min-width: 0; gap: 9px; padding: 0 14px;
  border: 1px solid transparent; background: var(--color-control-surface, #FFFFFF0E);
  font-size: 15px; font-weight: 600; line-height: 20px; white-space: nowrap;
}
.storefront-loading-home__filter-icon {
  display: grid; grid-template-columns: repeat(2, 6px); grid-template-rows: repeat(2, 6px);
  gap: 3px; place-content: center; flex: 0 0 19px; width: 19px; height: 19px;
}
.storefront-loading-home__filter-icon > span { border-radius: 1.5px; background: currentColor; }
.storefront-loading-home__chevron {
  position: relative; flex: 0 0 16px; height: 16px; margin-left: auto; color: #BDC5D0;
}
.storefront-loading-home__chevron::before {
  content: ''; position: absolute; top: 4px; left: 5px; width: 6px; height: 6px;
  border-right: 1.2px solid currentColor; border-bottom: 1.2px solid currentColor;
  border-radius: .5px; transform: rotate(45deg);
}
.storefront-loading-home__balance {
  flex: 0 0 auto; gap: 8px; padding: 5px 6px 5px 14px;
  border: 1px solid #404A59; background: #242830;
}
.storefront-loading-home__value {
  display: flex; align-items: center; height: 22px; white-space: nowrap;
  font-size: 18px; font-weight: 600; line-height: 100%; letter-spacing: 0;
}
.storefront-loading-home__amount {
  position: relative; color: transparent;
}
.storefront-loading-home__amount::after {
  content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 16px;
  border-radius: 4px; background: #343840; transform: translateY(-50%);
}
.storefront-loading-home__add {
  display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 30px;
  border-radius: 15px; background: #293D4D; color: #48AEF2;
}
.storefront-loading-home__add > span {
  display: grid; place-items: center; width: 16px; height: 29px;
  font-size: 24px; font-weight: 400; line-height: 100%; transform: translateY(-2px);
}
/* Use the same original Inter glyphs in both phases, including font fallback.
   These tiny local faces are in this stylesheet, so they need no network read. */
.storefront-loading-home__filter,
.storefront-loading-home__value,
.storefront-loading-home__add,
html[data-web-layout='true'] #screen-shop .home-section-filter__trigger,
html[data-web-layout='true'] #screen-shop .section-control__value,
html[data-web-layout='true'] #screen-shop .section-control__plus {
  font-family: 'Storefront Header Inter', sans-serif;
  font-synthesis: none; letter-spacing: 0;
}
.storefront-loading-home__grid {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: calc(var(--home-skeleton-icon) + 26px); gap: 18px 0;
  width: calc(100% - 2 * var(--app-inline-gutter, 10px) - 10px);
  max-width: 420px; margin: 14px auto 0;
}
.storefront-loading-home__tile { display: block; min-width: 0; }
.storefront-loading-home__tile::before {
  content: ''; display: block; width: min(var(--home-skeleton-icon), calc(100% - 8px));
  aspect-ratio: 1; margin-inline: auto; border-radius: 22.5%; background: #30343A;
}
.storefront-loading-home__tile::after {
  content: ''; display: block; width: 74%; max-width: 70px; height: 10px;
  margin: 8px auto 0; border-radius: 4px; background: #30343A;
}
.storefront-loading-home__dock {
  box-sizing: border-box; position: fixed; bottom: var(--app-bottom-safe-area, 0px);
  left: 0; right: 0; display: flex; gap: 10px; width: 100%; max-width: 390px;
  height: 84px; padding: 22px 14px 2px; margin-inline: auto; color: #FFFFFF;
}
.storefront-loading-home__tabs {
  display: flex; flex: 1 1 284px; min-width: 0; padding: 3px; border-radius: 30px;
  background: linear-gradient(155deg, #FFFFFF09, transparent 50%, #FFFFFF03), #383A405C;
  box-shadow: var(--search-surface-shadow); backdrop-filter: blur(6px) saturate(150%);
}
.storefront-loading-home__tab {
  display: flex; flex: 1 1 0; min-width: 0; flex-direction: column; align-items: center;
  justify-content: center; gap: 3px; padding: 3px 0; border-radius: 27px;
  font: 600 10px/13px -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}
.storefront-loading-home__tab:first-child { color: #48AEF2; background: #FFFFFF0E; }
.storefront-loading-home__tab svg { width: 24px; height: 24px; flex-shrink: 0; }
.storefront-loading-home__search {
  box-sizing: border-box; display: grid; place-items: center; flex: 0 0 60px;
  width: 60px; height: 60px; border-radius: 30px;
  background: linear-gradient(155deg, #FFFFFF09, transparent 50%, #FFFFFF03), #383A405C;
  box-shadow: var(--search-surface-shadow); backdrop-filter: blur(6px) saturate(150%);
}
.storefront-loading-home__search svg { width: 26px; height: 26px; }
@media (max-width: 350px) {
  .storefront-loading-home { --home-skeleton-icon: 60px; }
  .storefront-loading-home__filter { flex-basis: 186px; gap: 7px; padding-inline: 10px; font-size: 14px; }
}
.storefront-bootstrap.storefront-bootstrap--recovery {
  box-sizing: border-box; position: fixed; z-index: 1500;
  inset: var(--web-navbar-height, 0px) auto 0 50%;
  width: 100%; max-width: var(--app-max-width, 450px);
  height: auto; min-height: 0; max-height: none; margin: 0;
  display: flex; flex-direction: column; align-items: stretch; gap: 0;
  padding: 0 16px max(16px, env(safe-area-inset-bottom, 0px));
  overflow: auto; border: 0; border-radius: 0; box-shadow: none;
  background: var(--color-bg, #191B1E); color: #F4F5F7;
  font: 14px/20px Inter, system-ui, sans-serif; text-align: center;
  pointer-events: auto; transform: translateX(-50%);
  animation: storefront-error-in 180ms ease-out both;
}
.storefront-bootstrap--recovery .storefront-bootstrap__content {
  flex: 1 0 auto; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 12px; padding: 32px 0;
}
.storefront-bootstrap--recovery .storefront-bootstrap__title {
  display: block; width: 100%; margin: 0; color: #F4F5F7;
  font-size: 22px; line-height: 28px; font-weight: 700; text-wrap: balance;
}
.storefront-bootstrap--recovery .storefront-bootstrap__message {
  display: block; width: 100%; max-width: 300px; margin: 0;
  color: #A4ABB7; font-size: 14px; line-height: 20px; text-wrap: balance;
}
.storefront-bootstrap--recovery .storefront-bootstrap__retry {
  box-sizing: border-box; flex: 0 0 auto; display: block;
  width: 100%; min-height: 54px; margin: 0; padding: 14px 20px;
  border: 0; border-radius: 27px; background: var(--color-accent, #48AEF2);
  color: #FFFFFF; font: inherit; font-size: 16px; line-height: 24px;
  font-weight: 600; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.storefront-bootstrap--recovery[hidden],
.storefront-bootstrap--recovery .storefront-bootstrap__retry[hidden] { display: none !important; }
.storefront-bootstrap--recovery .storefront-bootstrap__retry:focus-visible { outline: 2px solid #B9E6FF; outline-offset: 3px; }
@keyframes storefront-error-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) { .storefront-bootstrap.storefront-bootstrap--recovery { animation: none; } }

/* Failed navigation retains ScreenTransition's original prepare/commit pair.
 * Only its recovery view covers the shop; ordinary pending navigation keeps
 * the existing route skeleton and cancellable bottom navigation. */
.screen-loading[data-state='error'] {
  position: fixed; inset: var(--web-navbar-height, 0px) auto 0 50%;
  top: var(--web-navbar-height, 0px) !important;
  z-index: 1500; width: 100%; max-width: var(--app-max-width, 450px);
  height: auto; transform: translateX(-50%);
}
.screen-loading[data-state='error'] > .screen-loading__view { display: none; }
.screen-loading[data-state='error'] .screen-loading__content {
  box-sizing: border-box; position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0;
  padding: 0 16px max(16px, env(safe-area-inset-bottom, 0px)); overflow: auto;
  background: var(--color-bg, #191B1E); color: #F4F5F7; text-align: center;
}
.screen-loading[data-state='error'] .screen-loading__content[hidden] { display: none; }
.screen-loading[data-state='error'] .screen-loading__copy {
  flex: 1 0 auto; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 12px; padding: 56px 0;
}
.screen-loading[data-state='error'] .screen-loading__title {
  width: 100%; margin: 0; font-size: 22px; line-height: 28px; font-weight: 700; text-wrap: balance;
}
.screen-loading[data-state='error'] .screen-loading__description {
  width: 100%; max-width: 300px; margin: 0; color: #A4ABB7;
  font-size: 14px; line-height: 20px; text-wrap: balance;
}
.screen-loading[data-state='error'] .screen-loading__actions { flex: 0 0 auto; display: block; }
.screen-loading[data-state='error'] .screen-loading__retry {
  box-sizing: border-box; display: block; width: 100%; min-height: 54px; margin: 0; padding: 14px 20px;
  border: 0; border-radius: 27px; background: var(--color-accent, #48AEF2); color: #FFFFFF;
  font: 600 16px/24px Inter, system-ui, sans-serif; cursor: pointer;
}
.screen-loading[data-state='error'] .screen-loading__cancel {
  box-sizing: border-box; position: absolute; top: 16px; left: 16px;
  display: grid; place-items: center; width: 32px; height: 32px; min-height: 32px; padding: 0;
  border: 1px solid #FFFFFF1F; border-radius: 50%; background: #34393F; color: #D8DCE1;
  font: 400 25px/28px system-ui, sans-serif; cursor: pointer;
}