/* Kayra Patent final eight-language UI lock — 2026-08-22 v3.
   Loaded last. Turkish desktop header geometry is intentionally untouched. */

/* Back-to-top is invisible at the top of every page, regardless of older
   page-specific visibility classes. */
html body .back-to-top,
html body .kayra-directory-back-to-top {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(10px) !important;
  transition: opacity .2s ease, visibility .2s ease, transform .2s ease, background .2s ease !important;
}

html body .back-to-top.kayra-top-visible,
html body .kayra-directory-back-to-top.kayra-top-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

/* Foreign-language desktop corporate axis. At 1900px this produces the same
   150px left/right alignment as the approved Turkish screenshot. */
@media (min-width: 1121px) {
  html body .localized-topbar > .container,
  html body header.localized-header > .container,
  html body header.localized-header.scrolled > .container {
    box-sizing: border-box !important;
    width: min(1600px, calc(100% - 80px)) !important;
    max-width: 1600px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  html body .localized-topbar > .container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  html body header.localized-header > .container,
  html body header.localized-header.scrolled > .container {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    column-gap: 0 !important;
  }

  html body header.localized-header > .container > .localized-brand,
  html body header.localized-header.scrolled > .container > .localized-brand {
    flex: 0 0 clamp(210px, 13.15vw, 250px) !important;
    width: clamp(210px, 13.15vw, 250px) !important;
    min-width: clamp(210px, 13.15vw, 250px) !important;
    max-width: clamp(210px, 13.15vw, 250px) !important;
    margin-inline-start: 0 !important;
    margin-inline-end: clamp(22px, 3.8vw, 72px) !important;
  }

  html body header.localized-header > .container > .localized-brand .brand-lockup,
  html body header.localized-header.scrolled > .container > .localized-brand .brand-lockup {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body header.localized-header > .container > nav.localized-main-nav,
  html body header.localized-header.scrolled > .container > nav.localized-main-nav {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  html body header.localized-header nav.localized-main-nav > .mobile-drawer-scroll {
    box-sizing: border-box !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    gap: clamp(7px, .55vw, 11px) !important;
    overflow: visible !important;
  }

  html body header.localized-header nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button {
    flex: 0 0 auto !important;
    padding-inline: 0 !important;
    white-space: nowrap !important;
    font-size: clamp(12px, .82vw, 16px) !important;
    letter-spacing: -.015em !important;
  }

  html body header.localized-header > .container > .localized-quote {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    margin-inline-start: clamp(18px, 1.25vw, 24px) !important;
    white-space: nowrap !important;
  }

  html body header.localized-header > .container > .desktop-header-language {
    flex: 0 0 auto !important;
    margin-inline-start: 10px !important;
    margin-inline-end: 0 !important;
  }

  /* Longer alphabets get only the minimum compression needed to avoid a
     collision; the outer corporate axis remains unchanged. */
  html body .localized-ar header.localized-header > .container > .localized-brand,
  html body .localized-ru header.localized-header > .container > .localized-brand,
  html body .localized-fr header.localized-header > .container > .localized-brand,
  html body .localized-de header.localized-header > .container > .localized-brand {
    margin-inline-end: clamp(16px, 2.35vw, 45px) !important;
  }

  html body .localized-ar header.localized-header nav.localized-main-nav > .mobile-drawer-scroll,
  html body .localized-ru header.localized-header nav.localized-main-nav > .mobile-drawer-scroll,
  html body .localized-fr header.localized-header nav.localized-main-nav > .mobile-drawer-scroll,
  html body .localized-de header.localized-header nav.localized-main-nav > .mobile-drawer-scroll {
    gap: clamp(5px, .4vw, 8px) !important;
  }

  html body .localized-ar header.localized-header nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body .localized-ar header.localized-header nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body .localized-ru header.localized-header nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body .localized-ru header.localized-header nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body .localized-fr header.localized-header nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body .localized-fr header.localized-header nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body .localized-de header.localized-header nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body .localized-de header.localized-header nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button {
    font-size: clamp(11px, .72vw, 14px) !important;
  }
}

@media (min-width: 1121px) and (max-width: 1380px) {
  html body header.localized-header > .container > .localized-brand,
  html body header.localized-header.scrolled > .container > .localized-brand {
    flex-basis: 190px !important;
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
    margin-inline-end: 18px !important;
  }

  html body header.localized-header nav.localized-main-nav > .mobile-drawer-scroll {
    gap: 5px !important;
  }

  html body header.localized-header nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button {
    font-size: 11px !important;
  }

  html body header.localized-header > .container > .localized-quote {
    margin-inline-start: 10px !important;
    padding-inline: 13px !important;
    font-size: 12px !important;
  }
}

/* Final specificity lock.  Earlier verified package styles intentionally use
   repeated classes, so this always-matching :not() id gives the final axis a
   higher specificity without adding an id to the HTML. */
@media (min-width: 1121px) {
  html body .localized-topbar:not(#kayra-v3-axis) > .container,
  html body header.localized-header:not(#kayra-v3-axis) > .container {
    box-sizing: border-box !important;
    width: min(1600px, calc(100% - 80px)) !important;
    max-width: 1600px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    direction: ltr !important;
  }

  html body .localized-topbar:not(#kayra-v3-axis) > .container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) > .container {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    column-gap: 0 !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) > .container > .localized-brand {
    box-sizing: border-box !important;
    flex: 0 0 clamp(210px, 13.15vw, 250px) !important;
    width: clamp(210px, 13.15vw, 250px) !important;
    min-width: clamp(210px, 13.15vw, 250px) !important;
    max-width: clamp(210px, 13.15vw, 250px) !important;
    margin-inline: 0 clamp(22px, 2.1vw, 40px) !important;
    direction: ltr !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) .localized-brand .brand-lockup {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) .localized-brand .brand-lockup > img {
    flex: 0 0 clamp(58px, 3.6vw, 68px) !important;
    width: clamp(58px, 3.6vw, 68px) !important;
    height: clamp(56px, 3.48vw, 66px) !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) .localized-brand .brand-wordmark {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) .localized-brand .brand-name strong,
  html body header.localized-header:not(#kayra-v3-axis) .localized-brand .brand-name b {
    font-size: clamp(25px, 1.55vw, 30px) !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) > .container > nav.localized-main-nav {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
    direction: ltr !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) nav.localized-main-nav > .mobile-drawer-scroll {
    box-sizing: border-box !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    gap: clamp(6px, .48vw, 9px) !important;
    overflow: visible !important;
    direction: ltr !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v3-axis) nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group,
  html body header.localized-header:not(#kayra-v3-axis) nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button {
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-inline: 0 !important;
    white-space: nowrap !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v3-axis) nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body header.localized-header:not(#kayra-v3-axis) > .container > .localized-quote {
    font-family: var(--font-oswald), "Oswald", Arial, sans-serif !important;
    font-size: clamp(11px, .9vw, 17px) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) > .container > .localized-quote {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    margin-inline: clamp(14px, 1vw, 20px) 0 !important;
    padding-inline: clamp(13px, 1vw, 19px) !important;
    white-space: nowrap !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) > .container > .desktop-header-language {
    flex: 0 0 auto !important;
    margin-inline: 10px 0 !important;
  }

  html body header.localized-header:not(#kayra-v3-axis)[data-locale="de"] nav.localized-main-nav > .mobile-drawer-scroll,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="ru"] nav.localized-main-nav > .mobile-drawer-scroll,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="az"] nav.localized-main-nav > .mobile-drawer-scroll,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="uz"] nav.localized-main-nav > .mobile-drawer-scroll {
    gap: clamp(4px, .32vw, 6px) !important;
  }

  html body header.localized-header:not(#kayra-v3-axis)[data-locale="de"] nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="de"] nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="ru"] nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="ru"] nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="az"] nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="az"] nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="uz"] nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="uz"] nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="de"] > .container > .localized-quote,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="ru"] > .container > .localized-quote,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="az"] > .container > .localized-quote,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="uz"] > .container > .localized-quote {
    font-size: clamp(10.5px, .76vw, 14.5px) !important;
  }

  html body header.localized-header:not(#kayra-v3-axis)[data-locale="fr"] nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="fr"] nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="ar"] nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="ar"] nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button {
    font-size: clamp(10.5px, .82vw, 15.5px) !important;
  }

  html body header.localized-header:not(#kayra-v3-axis)[data-locale="ar"] nav a,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="ar"] nav button,
  html body header.localized-header:not(#kayra-v3-axis)[data-locale="ar"] .localized-quote {
    direction: rtl !important;
  }
}

@media (min-width: 1121px) and (max-width: 1380px) {
  html body header.localized-header:not(#kayra-v3-axis) > .container > .localized-brand {
    flex-basis: 190px !important;
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
    margin-inline-end: 14px !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) .localized-brand .brand-lockup > img {
    flex-basis: 52px !important;
    width: 52px !important;
    height: 50px !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) .localized-brand .brand-name strong,
  html body header.localized-header:not(#kayra-v3-axis) .localized-brand .brand-name b {
    font-size: 23px !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) nav.localized-main-nav > .mobile-drawer-scroll {
    gap: 4px !important;
  }

  html body header.localized-header:not(#kayra-v3-axis) > .container > .localized-quote {
    margin-inline-start: 8px !important;
    padding-inline: 11px !important;
  }
}

/* The v3 slider keeps the established frame dimensions. Only inner geometry,
   arrows and pagination spacing are changed. */
.kayra-home-slider-v3 {
  isolation: isolate;
}

.kayra-home-slider-v3 > article {
  pointer-events: none;
}

.kayra-home-slider-v3 > article.active {
  pointer-events: auto;
}

.kayra-home-slider-v3 .slide-dots {
  gap: 6px !important;
  column-gap: 6px !important;
}

.kayra-home-slider-v3 .slide-dots > button {
  margin-inline: 0 !important;
}

@media (max-width: 760px) {
  .kayra-home-slider-v3 > article > .container,
  .kayra-home-slider-v3 > article > .hero-copy {
    box-sizing: border-box !important;
    width: min(100% - 136px, 560px) !important;
    max-width: 560px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    text-align: center !important;
  }

  .kayra-home-slider-v3 > article h1 {
    max-width: 100% !important;
    margin-inline: auto !important;
    text-wrap: balance;
  }

  .kayra-home-slider-v3 > article p {
    max-width: 34rem !important;
    margin-inline: auto !important;
    text-wrap: pretty;
  }

  .kayra-home-slider-v3 .hero-actions,
  .kayra-home-slider-v3 .localized-home-actions {
    justify-content: center !important;
  }

  .kayra-home-slider-v3 > .slide-arrow.prev {
    left: 12px !important;
    right: auto !important;
  }

  .kayra-home-slider-v3 > .slide-arrow.next {
    right: 12px !important;
    left: auto !important;
  }

  .kayra-home-slider-v3 > .slide-arrow {
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 64px !important;
    padding: 0 !important;
  }

  [dir="rtl"] .kayra-home-slider-v3 > .slide-arrow.prev {
    right: 12px !important;
    left: auto !important;
  }

  [dir="rtl"] .kayra-home-slider-v3 > .slide-arrow.next {
    left: 12px !important;
    right: auto !important;
  }

  .kayra-home-slider-v3 .slide-dots {
    gap: 5px !important;
    column-gap: 5px !important;
  }
}

@media (max-width: 430px) {
  .kayra-home-slider-v3 > article > .container,
  .kayra-home-slider-v3 > article > .hero-copy {
    width: calc(100% - 128px) !important;
  }

  .kayra-home-slider-v3 > article h1 {
    font-size: clamp(28px, 8vw, 36px) !important;
    line-height: 1.02 !important;
  }

  .kayra-home-slider-v3 > article p {
    font-size: 15px !important;
    line-height: 1.52 !important;
  }
}

/* Generated Arabic expert pages retain the corporate grid while reading RTL. */
.localized-ar.kayra-guide .foodx-article,
.localized-ar.kayra-guide .foodx-section,
.localized-ar.kayra-guide .foodx-faq,
.localized-ar.kayra-guide .foodx-sources,
.localized-ar.kayra-guide .cex-contact-copy,
.localized-ar.kayra-guide .cex-form {
  text-align: right;
}

.localized-ar.kayra-guide .guide-table th,
.localized-ar.kayra-guide .guide-table td {
  text-align: right;
}

@media (prefers-reduced-motion: reduce) {
  html body .back-to-top,
  .kayra-home-slider-v3 > article {
    transition: none !important;
  }
}

/* V4 cache-busted corporate axis. The logo, contact block and quote/language
   controls use the approved Turkish 1600px line; translated menu labels only
   compress inside the remaining middle space. */
@media (min-width: 1121px) {
  html body .localized-topbar:not(#kayra-v4-axis) > .container,
  html body header.localized-header:not(#kayra-v4-axis) > .container,
  html body header.localized-header:not(#kayra-v4-axis).scrolled > .container {
    box-sizing: border-box !important;
    width: min(1600px, calc(100% - 40px)) !important;
    max-width: 1600px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    direction: ltr !important;
  }

  html body .localized-topbar:not(#kayra-v4-axis) > .container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  html body .localized-topbar:not(#kayra-v4-axis) > .container > :first-child,
  html body .localized-topbar:not(#kayra-v4-axis) > .container > :last-child {
    flex: 0 0 auto !important;
    margin-inline: 0 !important;
  }

  html body header.localized-header:not(#kayra-v4-axis) > .container,
  html body header.localized-header:not(#kayra-v4-axis).scrolled > .container {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    column-gap: 0 !important;
  }

  html body header.localized-header:not(#kayra-v4-axis) > .container > .localized-brand,
  html body header.localized-header:not(#kayra-v4-axis).scrolled > .container > .localized-brand {
    box-sizing: border-box !important;
    flex: 0 0 250px !important;
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    margin: 0 !important;
    direction: ltr !important;
  }

  html body header.localized-header:not(#kayra-v4-axis) > .container > nav.localized-main-nav,
  html body header.localized-header:not(#kayra-v4-axis).scrolled > .container > nav.localized-main-nav {
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 0 0 28px !important;
    overflow: visible !important;
    direction: ltr !important;
  }

  html body header.localized-header:not(#kayra-v4-axis) nav.localized-main-nav > .mobile-drawer-scroll,
  html body header.localized-header:not(#kayra-v4-axis).scrolled nav.localized-main-nav > .mobile-drawer-scroll {
    box-sizing: border-box !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    gap: clamp(8px, .68vw, 13px) !important;
    overflow: visible !important;
    direction: ltr !important;
  }

  html body header.localized-header:not(#kayra-v4-axis) nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v4-axis) nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group,
  html body header.localized-header:not(#kayra-v4-axis) nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button {
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-inline: 0 !important;
    white-space: nowrap !important;
  }

  html body header.localized-header:not(#kayra-v4-axis) nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v4-axis) nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button {
    font-size: clamp(11px, .84vw, 16px) !important;
    letter-spacing: -.012em !important;
  }

  html body header.localized-header:not(#kayra-v4-axis) > .container > .localized-quote,
  html body header.localized-header:not(#kayra-v4-axis).scrolled > .container > .localized-quote {
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    margin: 0 0 0 18px !important;
    white-space: nowrap !important;
  }

  html body header.localized-header:not(#kayra-v4-axis) > .container > .desktop-header-language,
  html body header.localized-header:not(#kayra-v4-axis).scrolled > .container > .desktop-header-language {
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    margin: 0 0 0 10px !important;
  }

  html body header.localized-header:not(#kayra-v4-axis) > .container > .mobile-header-language,
  html body header.localized-header:not(#kayra-v4-axis) > .container > .localized-mobile-toggle {
    display: none !important;
  }

  html body header.localized-header:not(#kayra-v4-axis)[data-locale="de"] nav.localized-main-nav > .mobile-drawer-scroll,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="ru"] nav.localized-main-nav > .mobile-drawer-scroll,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="az"] nav.localized-main-nav > .mobile-drawer-scroll,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="uz"] nav.localized-main-nav > .mobile-drawer-scroll {
    gap: clamp(5px, .38vw, 7px) !important;
  }

  html body header.localized-header:not(#kayra-v4-axis)[data-locale="de"] nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="de"] nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="ru"] nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="ru"] nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="az"] nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="az"] nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="uz"] nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="uz"] nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button {
    font-size: clamp(10px, .73vw, 14px) !important;
    letter-spacing: -.025em !important;
  }

  html body header.localized-header:not(#kayra-v4-axis)[data-locale="fr"] nav.localized-main-nav > .mobile-drawer-scroll,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="ar"] nav.localized-main-nav > .mobile-drawer-scroll {
    gap: clamp(6px, .48vw, 9px) !important;
  }

  html body header.localized-header:not(#kayra-v4-axis)[data-locale="fr"] nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="fr"] nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="ar"] nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="ar"] nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button {
    font-size: clamp(10.5px, .78vw, 15px) !important;
  }

  html body header.localized-header:not(#kayra-v4-axis)[data-locale="ar"] nav a,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="ar"] nav button,
  html body header.localized-header:not(#kayra-v4-axis)[data-locale="ar"] .localized-quote {
    direction: rtl !important;
  }
}

@media (min-width: 1121px) and (max-width: 1380px) {
  html body header.localized-header:not(#kayra-v4-axis) > .container > .localized-brand {
    flex-basis: 190px !important;
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
  }

  html body header.localized-header:not(#kayra-v4-axis) > .container > nav.localized-main-nav {
    margin-left: 14px !important;
  }

  html body header.localized-header:not(#kayra-v4-axis) nav.localized-main-nav > .mobile-drawer-scroll {
    gap: 4px !important;
  }

  html body header.localized-header:not(#kayra-v4-axis) nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body header.localized-header:not(#kayra-v4-axis) nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button {
    font-size: 10px !important;
  }

  html body header.localized-header:not(#kayra-v4-axis) > .container > .localized-quote {
    margin-left: 8px !important;
    padding-inline: 11px !important;
    font-size: 11px !important;
  }
}

/* Seven text-free topic photographs; established slider height/aspect remains
   unchanged. The copy is kept in a protected area between the arrows. */
.kayra-home-slider-v4 > article > img {
  object-fit: cover !important;
  object-position: center !important;
}

.kayra-home-slider-v4 .slide-dots {
  gap: 6px !important;
  column-gap: 6px !important;
}

.kayra-home-slider-v4 .slide-dots > button {
  margin-inline: 0 !important;
}

@media (min-width: 761px) {
  .kayra-home-slider-v4 > article > .container,
  .kayra-home-slider-v4 > article > .hero-copy {
    box-sizing: border-box !important;
    width: min(1600px, calc(100% - 200px)) !important;
    max-width: 1600px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  .kayra-home-slider-v4 > article h1,
  .kayra-home-slider-v4 > article p {
    max-width: min(100%, 980px) !important;
  }

  .kayra-home-slider-v4 > .slide-arrow.prev {
    left: clamp(16px, 2vw, 40px) !important;
    right: auto !important;
  }

  .kayra-home-slider-v4 > .slide-arrow.next {
    right: clamp(16px, 2vw, 40px) !important;
    left: auto !important;
  }
}

@media (max-width: 760px) {
  .kayra-home-slider-v4 > article > .container,
  .kayra-home-slider-v4 > article > .hero-copy {
    box-sizing: border-box !important;
    width: min(calc(100% - 128px), 560px) !important;
    max-width: 560px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    text-align: center !important;
  }

  .kayra-home-slider-v4 > article h1,
  .kayra-home-slider-v4 > article p {
    max-width: 100% !important;
    margin-inline: auto !important;
  }

  .kayra-home-slider-v4 > .slide-arrow {
    box-sizing: border-box !important;
    width: 40px !important;
    height: 64px !important;
    padding: 0 !important;
  }

  .kayra-home-slider-v4 > .slide-arrow.prev {
    left: 14px !important;
    right: auto !important;
  }

  .kayra-home-slider-v4 > .slide-arrow.next {
    right: 14px !important;
    left: auto !important;
  }

  [dir="rtl"] .kayra-home-slider-v4 > .slide-arrow.prev {
    right: 14px !important;
    left: auto !important;
  }

  [dir="rtl"] .kayra-home-slider-v4 > .slide-arrow.next {
    left: 14px !important;
    right: auto !important;
  }

  .kayra-home-slider-v4 .slide-dots {
    gap: 4px !important;
    column-gap: 4px !important;
  }
}