/* Shared translated layouts. Logical properties keep LTR and RTL equivalent. */
html[data-ariely-language] body.ariely-showcase-mode :where(main, footer, .tft-mega__panel, .tft-mobile-drawer) :where(h1, h2, h3, h4, p, li, label, a, button) {
  overflow-wrap: anywhere;
  hyphens: auto;
}

html[data-ariely-language] body.ariely-showcase-mode :where(main, footer) :where(h1, h2, h3, h4, p, label) {
  white-space: normal;
  max-inline-size: 100%;
}

html[data-ariely-language] body.ariely-showcase-mode :where(main, footer) :where(h1, h2, h3, h4) {
  hyphens: manual;
}

html[data-ariely-language] body.ariely-showcase-mode :where(main, footer) :where([class*="__grid"], [class*="__container"], [class*="__layout"]) > * {
  min-inline-size: 0;
}

html[data-ariely-language] body.ariely-showcase-mode :where(main, footer) :where([class*="__title"], [class*="__heading"]) {
  white-space: normal !important;
  overflow-wrap: anywhere;
}

html[data-ariely-language] body.ariely-showcase-mode :where(main, footer, .tft-mega__panel) :where([class*="__content"], [class*="__info"], [class*="__body"], [class*="__col"], [class*="__title"], [class*="__description"]) {
  min-inline-size: 0;
}

html[data-ariely-language] body.ariely-showcase-mode :where(main, footer) :where(a[class*="btn"], button[class*="btn"], a[class*="cta"]) {
  white-space: normal !important;
  max-inline-size: 100%;
  height: auto;
  min-block-size: 44px;
  line-height: 1.4;
}

html[data-ariely-language] body.ariely-showcase-mode :where(main, footer) :where([class*="__actions"], [class*="__tabs"], [class*="__filters"]) {
  flex-wrap: wrap;
}

html[data-ariely-script="cjk"] body {
  line-break: strict;
  word-break: normal;
}

html[data-ariely-script="rtl"] body.ariely-showcase-mode {
  direction: rtl;
  text-align: start;
}

html[data-ariely-script="rtl"] body.ariely-showcase-mode :where(h1, h2, h3, h4, p, a, button, input, textarea, label) {
  letter-spacing: 0 !important;
}

html[data-ariely-script="rtl"] body.ariely-showcase-mode :where(main, footer) :where(h1, h2, h3, h4) {
  line-height: 1.35 !important;
}

html[data-ariely-script="rtl"] body.ariely-showcase-mode :where(input[type="email"], input[type="tel"], .notranslate) {
  direction: ltr;
  unicode-bidi: isolate;
}

/* Keep the brand at the actual viewport center, not the navigation center. */
body.ariely-showcase-mode .ariely-site-header__desktop-nav {
  grid-template-columns: minmax(0, calc(50vw - var(--ariely-header-gutter) - var(--ariely-brand-lane) / 2))
    var(--ariely-brand-lane) minmax(0, 1fr) !important;
}

html[dir="rtl"] body.ariely-showcase-mode .ariely-site-header__brand {
  transform: translate(50%, -50%) !important;
}

body.ariely-showcase-mode .ariely-site-header__navigation {
  display: flex !important;
}

@media (max-width: 1180px) {
  body.ariely-showcase-mode .ariely-site-header__navigation {
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

body.ariely-showcase-mode .ariely-header-compact .ariely-site-header__navigation {
  visibility: hidden !important;
  pointer-events: none !important;
}

body.ariely-showcase-mode .ariely-header-compact .tft-mega__panel {
  display: none !important;
}

body.ariely-showcase-mode .ariely-header-compact .ariely-site-header__row {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) 44px !important;
  column-gap: 12px;
  min-block-size: 60px !important;
}

html[dir] body.ariely-showcase-mode .ariely-header-compact .ariely-site-header__brand {
  position: static !important;
  transform: none !important;
  grid-column: 1;
}

body.ariely-showcase-mode .ariely-header-compact .ariely-site-header__actions {
  position: static !important;
  transform: none !important;
  grid-column: 2;
  inline-size: auto !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}

body.ariely-showcase-mode .ariely-header-compact .ariely-site-header__whatsapp {
  min-inline-size: 44px !important;
}

body.ariely-showcase-mode .ariely-header-compact .ariely-site-header__whatsapp span {
  display: none !important;
}

body.ariely-showcase-mode .ariely-header-compact .ariely-site-header__menu-toggle {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  inline-size: 44px !important;
  block-size: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--fur-text) !important;
  transform: none !important;
  grid-column: 3;
  grid-row: 1;
}

body.ariely-showcase-mode .ariely-header-compact .ariely-site-header__search-form.is-open {
  position: static !important;
  flex: 0 1 176px !important;
  inline-size: 176px !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.ariely-showcase-mode .ariely-site-header__search-input,
body.ariely-showcase-mode .tft-mobile-drawer__search-input {
  min-inline-size: 0 !important;
  text-align: start !important;
}

/* Anchor to the trigger, not to a transformed action rail or screen center. */
body.ariely-showcase-mode .ariely-site-header__language .gtranslate_wrapper {
  position: relative !important;
}

body.ariely-showcase-mode .ariely-site-header__language .gt_white_content {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: auto !important;
  bottom: auto !important;
  left: var(--language-left, 0px) !important;
  width: var(--language-width, min(320px, calc(100vw - 24px))) !important;
  height: auto !important;
  max-height: var(--language-height, calc(100dvh - 90px)) !important;
  box-sizing: border-box !important;
  overflow: auto !important;
  overscroll-behavior: contain;
  transform: none !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  text-align: start !important;
}

body.ariely-showcase-mode .ariely-site-header__language .gt_languages {
  display: flex !important;
  flex-flow: column nowrap !important;
  max-height: none !important;
  overflow: visible !important;
}

body.ariely-showcase-mode .ariely-site-header__language .gt_languages a {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  flex: 0 0 auto !important;
  min-block-size: 44px;
  padding: 10px 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  line-height: 1.4 !important;
}

body.ariely-showcase-mode .gt_languages img {
  flex: 0 0 16px;
  margin: 0 !important;
}

body.ariely-showcase-mode .tft-mega__panel {
  max-block-size: calc(100dvh - var(--ariely-header-height, 70px) - 16px) !important;
  overflow-y: auto !important;
}

body.ariely-showcase-mode .tft-mega__panel-inner {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.ariely-showcase-mode #tft-mega-panel-home .tft-mega__panel-inner {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.ariely-showcase-mode .tft-mega__link-body {
  min-inline-size: 0 !important;
}

body.ariely-showcase-mode .tft-mega__link :where(span),
body.ariely-showcase-mode .tft-mega__feature-btn {
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-align: start;
}

body.ariely-showcase-mode #tft-mobile-drawer {
  inset-inline-start: auto !important;
  inset-inline-end: 0 !important;
  inline-size: min(380px, calc(100vw - 24px)) !important;
  max-inline-size: 100% !important;
  block-size: 100dvh !important;
  padding: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}

html[dir="rtl"] body.ariely-showcase-mode #tft-mobile-drawer:not(.tft-mobile-drawer--open) {
  transform: translateX(-100%) !important;
}

body.ariely-showcase-mode #tft-mobile-drawer .tft-mobile-drawer__nav {
  min-block-size: 0;
  flex: 1 0 auto !important;
  overflow: visible !important;
}

body.ariely-showcase-mode #tft-mobile-drawer :where(.tft-mobile-drawer__link, .tft-mobile-drawer__sublink) {
  min-block-size: 44px !important;
  height: auto !important;
  white-space: normal !important;
  line-height: 1.5 !important;
  text-align: start !important;
  flex-shrink: 0 !important;
}

body.ariely-showcase-mode #tft-mobile-drawer .tft-mobile-drawer__link-text {
  min-inline-size: 0;
  flex: 1;
}

body.ariely-showcase-mode #tft-mobile-drawer .tft-mobile-drawer__chevron {
  flex-shrink: 0;
}

body.ariely-showcase-mode #tft-mobile-drawer .tft-mobile-drawer__link[aria-expanded="true"] + .tft-mobile-drawer__submenu {
  max-height: none !important;
  flex-shrink: 0 !important;
}

body.ariely-showcase-mode #tft-mobile-drawer .tft-drawer__footer-links {
  flex-wrap: wrap;
}

html[dir="rtl"] body.ariely-showcase-mode .tft-mobile-drawer__link::after {
  content: '\2190' !important;
}

@media (max-width: 600px) {
  body.ariely-showcase-mode .ariely-header-compact .ariely-site-header__row {
    column-gap: 6px;
  }

  body.ariely-showcase-mode .ariely-header-compact .ariely-site-header__actions {
    gap: 6px !important;
  }

  body.ariely-showcase-mode .ariely-header-compact .ariely-site-header__search-form.is-open {
    flex-basis: 148px !important;
    inline-size: 148px !important;
  }

  body.ariely-showcase-mode .ariely-header-compact.ariely-search-is-open .ariely-site-header__brand-image {
    max-inline-size: 44px !important;
  }

  body.ariely-showcase-mode .ariely-site-header__search-input {
    font-size: 16px !important;
  }

  html[data-ariely-language] body.ariely-showcase-mode .tft-hero-split__title {
    font-size: 36px !important;
    line-height: 1.15 !important;
  }

  html[data-ariely-language] body.ariely-showcase-mode main h1:not(.sr-only):not(.screen-reader-text) {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }

  html[data-ariely-language] body.ariely-showcase-mode .fur-trending__title {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }

  html[data-ariely-language] body.ariely-showcase-mode .tft-hero-split__left {
    height: auto !important;
    min-height: 0 !important;
  }

  html[data-ariely-language] body.ariely-showcase-mode .tft-hero-split__left-content {
    position: relative !important;
    inset: auto !important;
  }
}