/* Local finishing layer for the static storefront clone. */
html { scroll-behavior: smooth; overflow-x: hidden; }
body { min-height: 100vh; overflow-x: hidden; }
/* Branded wordmark: reference-style white handwritten logo. */
.header__logo { flex: 0 0 190px; }
.header__logo-image { width: 190px !important; max-width: 190px !important; height: auto !important; }
@media (max-width: 999px) {
  .header__logo { flex-basis: 88px; }
  .header__logo-image { width: 88px !important; max-width: 88px !important; }
}
.image--fade-in.lazyloaded, .lazyloaded.image--fade-in { opacity: 1; }
.slideshow { position: relative; overflow: hidden; }
.slideshow__slide { display: none; }
.slideshow__slide.is-selected { display: block; }
.slideshow__image { width: 100%; height: 100%; object-fit: cover; }

/* Static equivalent of the store's injected currency selector. */
.ultimate-currency { width: 103px; height: 36px; flex: 0 0 103px; }
.demo-currency {
  position: static; width: 104px; height: 36px; padding: 0 6px;
  display: flex; align-items: center; flex: 0 0 auto;
  color: #212b36; background: #fff; border: 0; border-radius: 3px;
  font: 500 16px/24px Barlow, sans-serif; cursor: pointer;
}
.demo-currency .flag-svg { width: 30px; height: 20px; flex: 0 0 30px; margin-right: 10px; }
.demo-currency > span { width: 32px; text-align: left; }
.demo-currency .currency-arrow { width: 20px; height: 20px; flex: 0 0 20px; }

.app-orders {
  position: fixed; left: 20px; bottom: 20px; z-index: 1000002;
  width: 212px; height: 48px; padding: 0 16px; display: flex; align-items: center; gap: 8px;
  color: #fff; background: #000; border-radius: 100px; box-shadow: 0 3px 14px #0003;
  font: 700 14px/24px Barlow, sans-serif; letter-spacing: 0;
}
.app-orders .app-icon {
  width: 24px; height: 24px; display: inline-grid; place-items: center;
  color: white; background: #ee8caf; border-radius: 6px; font-size: 7px; font-weight: 700;
}
.trust-tab {
  position: fixed; right: 0; bottom: 48px; top: auto; z-index: 1000000;
  width: 48px; height: 204px; padding: 0; overflow: hidden;
  color: #fff; background: #003466; border-radius: 7px 0 0 7px;
}
.trust-tab img { position: absolute; left: 4px; top: 46px; width: 40px; height: 112px; object-fit: contain; }
.app-install-banner { display: none; }
.toast {
  position: fixed; left: 50%; bottom: 28px; transform: translate(-50%, 20px); z-index: 200;
  color: #fff; background: #1d1d1d; border-radius: 4px; padding: 12px 18px;
  font-size: 13px; pointer-events: none; opacity: 0; transition: .2s ease;
}
.toast.show { opacity: 1; transform: translate(-50%, 0); }

a[data-demo-href] { cursor: pointer; }
.mega-menu[aria-hidden="true"], .nav-dropdown[aria-hidden="true"], .popover[aria-hidden="true"] { display: none; }
.mega-menu[aria-hidden="false"], .nav-dropdown[aria-hidden="false"] { display: block; }
.modal--newsletter[aria-hidden="false"] { visibility: visible; opacity: 1; }
.modal--newsletter[aria-hidden="true"] { visibility: hidden; opacity: 0; pointer-events: none; }
.modal--newsletter { transition: opacity .25s ease, visibility .25s ease; }

@media screen and (max-width: 999px) {
  .mobile-menu[aria-hidden="false"] .mobile-menu__inner { height: calc(100vh - 68px) !important; }
  .mobile-menu[aria-hidden="false"] .mobile-menu__panel { height: 100% !important; }
  .app-orders { display: none; }
  .app-install-banner {
    display: block; position: fixed; left: 5%; bottom: 20px; z-index: 2147483647;
    width: 90%; height: 84px; color: #000; border-radius: 10px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
  .app-install-content {
    width: 100%; height: 84px; padding: 12px 15px; display: flex; align-items: center;
    justify-content: space-between; background: #fff; border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,.18);
  }
  .app-install-column { width: 205px; height: 60px; display: flex; align-items: center; }
  .app-install-icon { width: 60px; height: 60px; border-radius: 8.5px; object-fit: cover; flex: 0 0 60px; }
  .app-install-copy { width: 130px; height: 46px; margin-left: 15px; color: #000; }
  .app-install-copy h2 { height: 16px; margin: 0; font: 400 12px/16px Georgia, serif; color: #000; white-space: nowrap; }
  .app-install-copy p { height: 30px; margin: 0; font: 400 10px/15px Georgia, serif; color: #000; }
  .app-install-get {
    width: 70px; height: 35px; flex: 0 0 70px; color: #fff; background: #000;
    border-radius: 18px; font: 400 12px/15px Georgia, serif; text-transform: lowercase;
  }
  .app-install-close {
    position: absolute; right: -6px; top: -10px; width: 28px; height: 28px;
    display: grid; place-items: center; color: #333; background: #d7d7d7;
    border-radius: 50%; font: 500 22px/28px Arial, sans-serif;
  }

  /* The live theme turns this strip into a one-card carousel on phones. */
  #shopify-section-1645195836208b87f8 .product-item { padding-bottom: 18.5px !important; }
  #shopify-section-text-with-icons .section { padding-bottom: 28px; }
  #shopify-section-text-with-icons .text-with-icons {
    height: 121px; display: flex; flex-wrap: nowrap; overflow: hidden;
    --icon-slide: 0;
  }
  #shopify-section-text-with-icons .text-with-icons__item {
    min-width: 100%; width: 100%; flex: 0 0 100%;
    transform: translateX(calc(-100% * var(--icon-slide)));
    transition: transform .35s ease;
  }
}