/* Fashionbymilox - the native promo ticker marquee and the cart click never
   activate in this static export (Framer's own JS never starts them), so
   fbm-nav-fixes.js drives them directly instead. The scroll itself is driven
   by a plain JS timer writing `transform` directly on each tick (see
   startTickerScroll() in fbm-nav-fixes.js) -- NOT a CSS animation/transition,
   which was confirmed to freeze at its starting frame and never progress in
   this project's environment. No `transform` or `animation` property here:
   both would fight the JS-driven inline style, and a `transform: ... !important`
   here would win the cascade over a plain (non-important) inline style write. */
ul[role="group"].fbm-ticker-fixed {
  opacity: 1 !important;
  width: max-content !important;
}

/* Homepage nav: transparent + white text over the hero photo by design,
   but never regains a solid background/dark text once scrolled past it
   into plain white sections -- see fixNavContrastOnScroll() in
   fbm-nav-fixes.js for the full explanation. This class supplies the solid
   state; the rolling-text color override is applied inline by that
   function since it targets per-instance elements, not this selector. */
nav.fbm-nav-solid {
  background-color: rgba(255, 255, 255, 0.98) !important;
  color: #000 !important;
}

/* Framer's own native country/currency selector never resolves into a real
   working dropdown in this static export -- it renders all options
   concatenated in one unstyled block ("AE (AED)United Arab Emirates
   (AED)Spain (EUR)..."), and since it happens to derive the same
   selectedCountryCode/selectedCurrency values our own badge below already
   shows, they render as visually-duplicate "AE (AED)" text side by side.
   Hide the broken native one; the badge below is the working replacement. */
[data-framer-name="Language Selector"] {
  display: none !important;
}

.fbm-country-currency-badge {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-family: inherit;
  color: inherit;
  margin-right: 20px;
  white-space: nowrap;
}