/* Kayra Patent — final V8 opening geometry and interaction lock, 2026-08-22.
   This file replaces the V7 final layer on the eight homepages. Turkish
   desktop chrome remains the visual source of truth; the seven translated
   headers are locked to the same corporate axes. */

@media (min-width: 1121px) {
  html body #kayra-localized-topbar-v6,
  html body #kayra-localized-topbar-v6.localized-topbar {
    box-sizing: border-box !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 !important;
  }

  html body #kayra-localized-topbar-v6 > .container,
  html body #kayra-localized-header-v6 > .container,
  html body #kayra-localized-header-v6.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 #kayra-localized-topbar-v6 > .container {
    display: flex !important;
    min-height: 52px !important;
    height: 52px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    font-family: var(--font-open-sans), "Open Sans", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  html body #kayra-localized-topbar-v6 > .container > :first-child,
  html body #kayra-localized-topbar-v6 > .container > :last-child {
    display: grid !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    margin: 0 !important;
  }

  html body #kayra-localized-topbar-v6 > .container > :first-child {
    grid-template-columns: 240px 145px 95px !important;
    column-gap: 35px !important;
    width: 550px !important;
  }

  html body #kayra-localized-topbar-v6 > .container > :last-child {
    grid-template-columns: 195px 170px 129px 106px !important;
    column-gap: 34px !important;
    width: 702px !important;
    margin-right: 16px !important;
  }

  html body #kayra-localized-topbar-v6 > .container > :first-child > *,
  html body #kayra-localized-topbar-v6 > .container > :last-child > * {
    box-sizing: border-box !important;
    min-width: 0 !important;
    justify-self: start !important;
  }

  html body #kayra-localized-topbar-v6 > .container > :last-child > :nth-child(3),
  html body #kayra-localized-topbar-v6 > .container > :last-child > :nth-child(4) {
    width: 100% !important;
    justify-self: stretch !important;
  }

  html body #kayra-localized-topbar-v6 > .container > :last-child > :nth-child(3) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body #kayra-localized-topbar-v6 > .container a,
  html body #kayra-localized-topbar-v6 > .container span {
    margin: 0 !important;
    white-space: nowrap !important;
  }

  html body #kayra-localized-header-v6,
  html body header#kayra-localized-header-v6.localized-header {
    box-sizing: border-box !important;
    min-height: 107px !important;
    height: 107px !important;
    padding: 0 !important;
  }

  html body #kayra-localized-header-v6.scrolled,
  html body header#kayra-localized-header-v6.localized-header.scrolled {
    min-height: 84px !important;
    height: 84px !important;
  }

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

  html body #kayra-localized-header-v6 > .container > .localized-brand,
  html body #kayra-localized-header-v6.scrolled > .container > .localized-brand {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 0 0 250px !important;
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: ltr !important;
  }

  html body #kayra-localized-header-v6 .localized-brand .brand-lockup {
    box-sizing: border-box !important;
    display: flex !important;
    width: 250px !important;
    max-width: 250px !important;
    align-items: center !important;
    gap: 10px !important;
  }

  html body #kayra-localized-header-v6 .localized-brand .brand-lockup > img {
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 66px !important;
    object-fit: contain !important;
  }

  html body #kayra-localized-header-v6 .localized-brand .brand-wordmark {
    flex: 0 0 168px !important;
    width: 168px !important;
    min-width: 0 !important;
  }

  html body #kayra-localized-header-v6 .localized-brand .brand-name strong,
  html body #kayra-localized-header-v6 .localized-brand .brand-name b {
    font-family: var(--font-oswald), Oswald, Arial, sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  html body #kayra-localized-header-v6 > .container > nav.localized-main-nav,
  html body #kayra-localized-header-v6.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 var(--kayra-v6-nav-offset, 245px) !important;
    padding: 0 !important;
    overflow: visible !important;
    direction: ltr !important;
  }

  html body #kayra-localized-header-v6.scrolled > .container > nav.localized-main-nav {
    margin-left: var(--kayra-v6-nav-offset, 170px) !important;
  }

  html body #kayra-localized-header-v6 nav.localized-main-nav > .mobile-drawer-scroll {
    box-sizing: border-box !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: var(--kayra-v6-nav-gap, 12px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    direction: ltr !important;
  }

  html body #kayra-localized-header-v6 nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-articles {
    display: none !important;
  }

  html body #kayra-localized-header-v6 nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body #kayra-localized-header-v6 nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group,
  html body #kayra-localized-header-v6 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 #kayra-localized-header-v6 nav.localized-main-nav > .mobile-drawer-scroll > a,
  html body #kayra-localized-header-v6 nav.localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button {
    font-family: var(--font-oswald), Oswald, Arial, sans-serif !important;
    font-size: var(--kayra-v6-nav-size, 20px) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  html body #kayra-localized-header-v6 > .container > .localized-quote,
  html body #kayra-localized-header-v6.scrolled > .container > .localized-quote {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    min-height: 56px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 0 0 18px !important;
    padding-inline: 20px !important;
    font-family: var(--font-oswald), Oswald, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  html body #kayra-localized-header-v6 > .container > .desktop-header-language {
    display: none !important;
  }

  html body #kayra-localized-header-v6.scrolled > .container > .desktop-header-language {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    min-height: 48px !important;
    align-items: center !important;
    margin: 0 0 0 10px !important;
  }

  html body #kayra-localized-header-v6 > .container > .mobile-header-language,
  html body #kayra-localized-header-v6 > .container > .localized-mobile-toggle {
    display: none !important;
  }

  html body #kayra-localized-header-v6[data-locale="ar"] nav a,
  html body #kayra-localized-header-v6[data-locale="ar"] nav button,
  html body #kayra-localized-header-v6[data-locale="ar"] .localized-quote {
    direction: rtl !important;
    text-align: right !important;
  }
}

@media (min-width: 1121px) and (max-width: 1699px) {
  html body #kayra-localized-topbar-v6 > .container > :first-child,
  html body #kayra-localized-topbar-v6 > .container > :last-child {
    display: flex !important;
    width: auto !important;
    grid-template-columns: none !important;
    margin-right: 0 !important;
  }

  html body #kayra-localized-topbar-v6 > .container > :first-child {
    gap: clamp(12px, 2vw, 32px) !important;
  }

}

/* The flag selector is independent of framework hydration. */
.language-switcher,
.localized-language-menu {
  position: relative !important;
}

/* Match the Turkish top-bar controls before opening the language panel. */
.localized-language-menu > button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  width: 106px !important;
  min-width: 106px !important;
  height: 42px !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 1px solid #34383b !important;
  background: #191c1f !important;
  color: #fff !important;
  font-family: var(--font-open-sans), "Open Sans", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

.localized-language-menu > button > img,
.localized-language-menu > button > .tr-flag {
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 21px !important;
  object-fit: cover !important;
}

#kayra-localized-topbar-v6 .topbar-articles-link {
  box-sizing: border-box !important;
  display: inline-flex !important;
  width: 129px !important;
  min-width: 129px !important;
  height: 42px !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 12px !important;
}

#kayra-localized-topbar-v6 .topbar-articles-link > svg {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
}

.language-switcher > .language-menu,
.localized-language-menu > div {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  z-index: 5000 !important;
  box-sizing: border-box !important;
  display: grid !important;
  width: min(375px, calc(100vw - 16px)) !important;
  padding: 8px 12px !important;
  border: 1px solid #8b9195 !important;
  background: #101315 !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.34) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-4px) !important;
}

.language-switcher.kayra-language-open > .language-menu,
.localized-language-menu.kayra-language-open > div {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.language-switcher.kayra-language-open > .language-menu > a,
.localized-language-menu.kayra-language-open > div > a {
  display: grid !important;
  grid-template-columns: 42px 44px minmax(0,1fr) !important;
  min-height: 65px !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #767d81 !important;
  background: transparent !important;
  color: #fff !important;
  font-family: var(--font-open-sans), "Open Sans", Arial, sans-serif !important;
  direction: ltr !important;
  text-align: left !important;
  text-decoration: none !important;
}

.language-switcher.kayra-language-open > .language-menu > a:last-child,
.localized-language-menu.kayra-language-open > div > a:last-child {
  border-bottom: 0 !important;
}

.language-switcher.kayra-language-open > .language-menu > a img,
.localized-language-menu.kayra-language-open > div > a img,
.language-switcher.kayra-language-open > .language-menu > a .tr-flag,
.localized-language-menu.kayra-language-open > div > a .tr-flag {
  width: 42px !important;
  height: 28px !important;
  object-fit: cover !important;
}

.language-switcher.kayra-language-open > .language-menu > a b,
.localized-language-menu.kayra-language-open > div > a b {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.language-switcher.kayra-language-open > .language-menu > a small,
.localized-language-menu.kayra-language-open > div > a small {
  color: #777d81 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
}

/* The compact flag shown inside the red/scrolled header is a real language
   control too; it reuses the same eight direct homepage links. */
.kayra-header-language-trigger-v6 {
  position: relative !important;
  cursor: pointer !important;
  overflow: visible !important;
  user-select: none !important;
}

.kayra-header-language-trigger-v6 > .kayra-header-language-panel-v6 {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  z-index: 5001 !important;
  box-sizing: border-box !important;
  display: grid !important;
  width: min(375px, calc(100vw - 16px)) !important;
  padding: 8px 12px !important;
  border: 1px solid #8b9195 !important;
  background: #101315 !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.34) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-4px) !important;
}

.kayra-header-language-trigger-v6.kayra-language-open > .kayra-header-language-panel-v6 {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.kayra-header-language-trigger-v6 > .kayra-header-language-panel-v6 > a {
  display: grid !important;
  grid-template-columns: 42px 44px minmax(0, 1fr) !important;
  min-height: 65px !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #767d81 !important;
  background: transparent !important;
  color: #fff !important;
  font: 400 18px/1.15 var(--font-open-sans), "Open Sans", Arial, sans-serif !important;
  direction: ltr !important;
  text-align: left !important;
  text-decoration: none !important;
}

.kayra-header-language-trigger-v6 > .kayra-header-language-panel-v6 > a:last-child {
  border-bottom: 0 !important;
}

.kayra-header-language-trigger-v6 > .kayra-header-language-panel-v6 > a img,
.kayra-header-language-trigger-v6 > .kayra-header-language-panel-v6 > a .tr-flag {
  width: 42px !important;
  height: 28px !important;
  object-fit: cover !important;
}

.kayra-header-language-trigger-v6 > .kayra-header-language-panel-v6 > a b {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.kayra-header-language-trigger-v6 > .kayra-header-language-panel-v6 > a small {
  color: #777d81 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
}

html[dir="rtl"] .kayra-header-language-trigger-v6 > .kayra-header-language-panel-v6 {
  right: 0 !important;
  left: auto !important;
}

html[dir="rtl"] .kayra-header-language-trigger-v6 > .kayra-header-language-panel-v6 > a {
  direction: ltr !important;
  text-align: left !important;
}

.language-switcher .language-menu a[href^="/ar"] small,
.localized-language-menu > div a[href^="/ar"] small,
.kayra-header-language-panel-v6 a[href^="/ar"] small {
  direction: rtl !important;
  unicode-bidi: plaintext !important;
}

/* Seven-slide home frame: only the inner placement is locked. The existing
   section width and height remain untouched. */
html body main [data-kayra-slider-v6="true"].kayra-home-slider-v6 {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

html body main [data-kayra-slider-v6="true"].kayra-home-slider-v6 > article {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body main [data-kayra-slider-v6="true"].kayra-home-slider-v6 > article.active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body main [data-kayra-slider-v6="true"] > article > img.hero-media {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

html body main [data-kayra-slider-v6="true"] > article > .hero-prism {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
}

@media (min-width: 761px) {
  html body main [data-kayra-slider-v6="true"] > article > .hero-copy {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
    width: min(1800px, calc(100% - 40px)) !important;
    max-width: 1800px !important;
    height: 100% !important;
    margin-inline: auto !important;
    padding: 16px 72px 8px !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  html[dir="rtl"] body main [data-kayra-slider-v6="true"] > article > .hero-copy {
    text-align: right !important;
  }

  html body main [data-kayra-slider-v6="true"] > article .overline {
    display: block !important;
    max-width: 1120px !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    letter-spacing: .08em !important;
  }

  html body main [data-kayra-slider-v6="true"] > article h1 {
    max-width: 1120px !important;
    margin: 24px 0 19px !important;
    font-size: clamp(50px, 4.3vw, 82px) !important;
    line-height: 1.08 !important;
    text-align: inherit !important;
    text-wrap: balance !important;
    white-space: normal !important;
  }

  html body main [data-kayra-slider-v6="true"] > article h1 em {
    white-space: normal !important;
  }

  html body main [data-kayra-slider-v6="true"] > article p {
    max-width: 1080px !important;
    margin: 0 !important;
    font-size: clamp(17px, 1.12vw, 21px) !important;
    line-height: 1.48 !important;
    text-align: inherit !important;
  }

  html body main [data-kayra-slider-v6="true"] .hero-actions {
    position: absolute !important;
    right: 72px !important;
    bottom: 8px !important;
    left: 72px !important;
    z-index: 3 !important;
    display: flex !important;
    width: auto !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin: 0 !important;
    direction: ltr !important;
  }

  html body main [data-kayra-slider-v6="true"] .hero-actions .button {
    box-sizing: border-box !important;
    display: inline-flex !important;
    min-height: 68px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 22px !important;
    padding: 15px 27px !important;
    font-family: var(--font-oswald), Oswald, Arial, sans-serif !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  html body main [data-kayra-slider-v6="true"][data-kayra-locale="ar"] .hero-actions .button {
    direction: rtl !important;
  }

  html body main [data-kayra-slider-v6="true"] > .slide-arrow {
    position: absolute !important;
    top: 50% !important;
    z-index: 6 !important;
    box-sizing: border-box !important;
    display: grid !important;
    width: 60px !important;
    height: 80px !important;
    place-items: center !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
  }

  html body main [data-kayra-slider-v6="true"] > .slide-arrow.prev {
    right: auto !important;
    left: 35px !important;
  }

  html body main [data-kayra-slider-v6="true"] > .slide-arrow.next {
    right: 35px !important;
    left: auto !important;
  }

  html body main [data-kayra-slider-v6="true"] > .slide-dots {
    position: absolute !important;
    right: 0 !important;
    bottom: 18px !important;
    left: 0 !important;
    z-index: 7 !important;
    display: flex !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    column-gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body main [data-kayra-slider-v6="true"] > .slide-dots > button {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }
}

@media (max-width: 760px) {
  html body main [data-kayra-slider-v6="true"] > article > .hero-copy {
    position: absolute !important;
    inset: 0 20px !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 26px 0 0 !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  html[dir="rtl"] body main [data-kayra-slider-v6="true"] > article > .hero-copy {
    text-align: right !important;
  }

  html body main [data-kayra-slider-v6="true"] > article .overline {
    display: block !important;
    max-width: 100% !important;
    font-size: var(--kayra-v6-mobile-overline-size, 12px) !important;
    line-height: 1.25 !important;
    letter-spacing: .07em !important;
  }

  html body main [data-kayra-slider-v6="true"] > article h1 {
    max-width: 100% !important;
    margin: 11px 0 13px !important;
    font-size: var(--kayra-v6-mobile-title-size, clamp(29px, 8.5vw, 38px)) !important;
    line-height: 1.06 !important;
    text-align: inherit !important;
    text-wrap: wrap !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html body main [data-kayra-slider-v6="true"] > article h1 em {
    display: inline !important;
    white-space: normal !important;
  }

  html body main [data-kayra-slider-v6="true"] > article p {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: var(--kayra-v6-mobile-copy-size, 15px) !important;
    line-height: 1.5 !important;
    text-align: inherit !important;
    text-wrap: pretty !important;
  }

  html body main [data-kayra-slider-v6="true"] .hero-actions {
    position: absolute !important;
    right: 0 !important;
    bottom: 44px !important;
    left: 0 !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    direction: ltr !important;
  }

  html body main [data-kayra-slider-v6="true"] .hero-actions .button {
    box-sizing: border-box !important;
    display: inline-flex !important;
    min-width: 0 !important;
    min-height: 64px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 7px !important;
    padding: 11px 13px !important;
    font-size: clamp(12px, 3.3vw, 15px) !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  html body main [data-kayra-slider-v6="true"][data-kayra-locale="ar"] .hero-actions .button {
    direction: rtl !important;
  }

  html body main [data-kayra-slider-v6="true"] > .slide-arrow {
    position: absolute !important;
    top: 50% !important;
    z-index: 6 !important;
    box-sizing: border-box !important;
    display: grid !important;
    width: 40px !important;
    height: 64px !important;
    place-items: center !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
  }

  html body main [data-kayra-slider-v6="true"] > .slide-arrow.prev {
    right: auto !important;
    left: 14px !important;
  }

  html body main [data-kayra-slider-v6="true"] > .slide-arrow.next {
    right: 14px !important;
    left: auto !important;
  }

  html body main [data-kayra-slider-v6="true"] > .slide-dots {
    position: absolute !important;
    right: 0 !important;
    bottom: 14px !important;
    left: 0 !important;
    z-index: 7 !important;
    display: flex !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    column-gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body main [data-kayra-slider-v6="true"] > .slide-dots > button {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  html body.kayra-mobile-conversion-v6-active {
    padding-bottom: 68px !important;
  }

  html body .mobile-conversion-bar:not(.kayra-mobile-conversion-v6),
  html body .whatsapp-float {
    display: none !important;
  }

  html body .mobile-conversion-bar.kayra-mobile-conversion-v6 {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 900 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-height: 68px !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #111416 !important;
    box-shadow: 0 -8px 26px rgba(0,0,0,.18) !important;
    direction: ltr !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(calc(100% + 2px)) !important;
    transition: transform .22s ease, opacity .18s ease, visibility 0s linear .22s !important;
  }

  html body.kayra-mobile-actions-visible .mobile-conversion-bar.kayra-mobile-conversion-v6 {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    transition: transform .22s ease, opacity .18s ease, visibility 0s !important;
  }

  html body:has(header.site-header.menu-open) .mobile-conversion-bar.kayra-mobile-conversion-v6,
  html body:has(header.localized-header.menu-open) .mobile-conversion-bar.kayra-mobile-conversion-v6,
  html body:has(nav.main-nav.open) .mobile-conversion-bar.kayra-mobile-conversion-v6,
  html body:has(nav.localized-main-nav.open) .mobile-conversion-bar.kayra-mobile-conversion-v6 {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(calc(100% + 2px)) !important;
  }

  html body .mobile-conversion-bar.kayra-mobile-conversion-v6 > a {
    box-sizing: border-box !important;
    display: inline-flex !important;
    min-width: 0 !important;
    height: 68px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 8px 5px !important;
    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,.1) !important;
    background: #111416 !important;
    color: #fff !important;
    font-family: var(--font-oswald), Oswald, Arial, sans-serif !important;
    font-size: clamp(14px, calc(3.35vw + 2px), 17px) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: .02em !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  html body .mobile-conversion-bar.kayra-mobile-conversion-v6 > a:last-child {
    border-right: 0 !important;
    background: #df0018 !important;
  }

  html body .mobile-conversion-bar.kayra-mobile-conversion-v6 .wa-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #fff !important;
  }

  html[dir="rtl"] body .mobile-conversion-bar.kayra-mobile-conversion-v6 > a {
    direction: rtl !important;
  }

  html body.kayra-mobile-actions-visible .back-to-top,
  html body.kayra-mobile-actions-visible .kayra-directory-back-to-top {
    bottom: 86px !important;
  }

  html body:not(.kayra-mobile-actions-visible) .back-to-top,
  html body:not(.kayra-mobile-actions-visible) .kayra-directory-back-to-top {
    bottom: 18px !important;
  }
}

@media (min-width: 761px) {
  html body .mobile-conversion-bar.kayra-mobile-conversion-v6 {
    display: none !important;
  }
}

/* The translated four-card strip uses different markup from Turkish. Lock its
   exterior geometry and typography to the Turkish opening without touching
   any card copy, icon or destination. */
@media (min-width: 1121px) {
  html body main.localized-home-complete > .localized-pillars {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 188px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #111416 !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 188px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    grid-template-rows: auto 1fr auto !important;
    column-gap: 24px !important;
    row-gap: 7px !important;
    min-width: 0 !important;
    min-height: 188px !important;
    align-content: start !important;
    margin: 0 !important;
    padding: 22px 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    text-decoration: none !important;
    overflow: hidden !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a:nth-child(odd) {
    background: #bd0015 !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a:nth-child(even) {
    background: #111416 !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a > span:first-child {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    box-sizing: border-box !important;
    display: inline-grid !important;
    width: 72px !important;
    height: 72px !important;
    place-items: center !important;
    margin: 0 !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 50% !important;
    color: #fff !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a > span:first-child svg {
    width: 36px !important;
    height: 36px !important;
    color: currentColor !important;
    stroke: currentColor !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a > b,
  html body main.localized-home-complete > .localized-pillars > .container > a > p,
  html body main.localized-home-complete > .localized-pillars > .container > a > small {
    grid-column: 2 !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: #fff !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a > b {
    grid-row: 1 !important;
    font-family: var(--font-open-sans), "Open Sans", Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.24 !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a > p {
    grid-row: 2 !important;
    font-family: var(--font-open-sans), "Open Sans", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a > small {
    grid-row: 3 !important;
    align-self: end !important;
    font-family: var(--font-oswald), Oswald, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
  }

  html[dir="rtl"] body main.localized-home-complete > .localized-pillars > .container > a > b,
  html[dir="rtl"] body main.localized-home-complete > .localized-pillars > .container > a > p,
  html[dir="rtl"] body main.localized-home-complete > .localized-pillars > .container > a > small {
    direction: rtl !important;
    text-align: right !important;
  }
}

@media (min-width: 761px) and (max-width: 1120px) {
  html body main.localized-home-complete > .localized-pillars > .container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 760px) {
  html body main.localized-home-complete > .localized-pillars {
    margin: 0 !important;
    padding: 0 !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 6px 16px !important;
    min-width: 0 !important;
    min-height: 142px !important;
    margin: 0 !important;
    padding: 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    text-decoration: none !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a:nth-child(odd) {
    background: #bd0015 !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a:nth-child(even) {
    background: #111416 !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a > span:first-child {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    box-sizing: border-box !important;
    display: inline-grid !important;
    width: 58px !important;
    height: 58px !important;
    place-items: center !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 50% !important;
    color: #fff !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a > span:first-child svg {
    width: 29px !important;
    height: 29px !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a > b,
  html body main.localized-home-complete > .localized-pillars > .container > a > p,
  html body main.localized-home-complete > .localized-pillars > .container > a > small {
    grid-column: 2 !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: #fff !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a > b {
    font: 700 18px/1.25 var(--font-open-sans), "Open Sans", Arial, sans-serif !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a > p {
    font: 400 15px/1.42 var(--font-open-sans), "Open Sans", Arial, sans-serif !important;
  }

  html body main.localized-home-complete > .localized-pillars > .container > a > small {
    align-self: end !important;
    font: 600 16px/1.15 var(--font-oswald), Oswald, Arial, sans-serif !important;
  }

  html[dir="rtl"] body main.localized-home-complete > .localized-pillars > .container > a > b,
  html[dir="rtl"] body main.localized-home-complete > .localized-pillars > .container > a > p,
  html[dir="rtl"] body main.localized-home-complete > .localized-pillars > .container > a > small {
    direction: rtl !important;
    text-align: right !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body main [data-kayra-slider-v6="true"] > article,
  .language-switcher > .language-menu,
  .localized-language-menu > div,
  .kayra-header-language-trigger-v6 > .kayra-header-language-panel-v6 {
    transition: none !important;
  }
}
