/* Kayra Patent — 23 Ağustos 2026 V3
 * The translated detail-page header is promoted to the exact class system
 * already used by the approved translated homepages.  No parallel geometry
 * is maintained here: topbar, site-header, main-nav and quote-button remain
 * the authoritative homepage components.
 */

html body .topbar[data-kayra-home-header-copy-v3],
html body header.site-header[data-kayra-home-header-copy-v3] {
  box-sizing: border-box;
  direction: ltr;
}

html body main > .topbar[data-kayra-home-header-copy-v3] {
  order: -100;
}

html body main > header.site-header[data-kayra-home-header-copy-v3] {
  order: -90;
}

html body .topbar[data-kayra-home-header-copy-v3] .topbar-right,
html body .topbar[data-kayra-home-header-copy-v3] .topbar-right > *,
html body .topbar[data-kayra-home-header-copy-v3] .language-switcher {
  min-width: 0;
}

html body .topbar[data-kayra-home-header-copy-v3] .topbar-right > *,
html body .topbar[data-kayra-home-header-copy-v3] .language-switcher {
  flex: 0 0 auto;
}

html body .topbar[data-kayra-home-header-copy-v3] .language-switcher {
  width: auto;
}

html body .topbar[data-kayra-home-header-copy-v3] .language-switcher > button,
html body .topbar[data-kayra-home-header-copy-v3] .language-menu > a {
  box-sizing: border-box;
}

html body .topbar[data-kayra-home-header-copy-v3] .language-switcher > button img,
html body header.site-header[data-kayra-home-header-copy-v3] .desktop-header-language img,
html body header.site-header[data-kayra-home-header-copy-v3] .mobile-header-language img,
html body header.site-header[data-kayra-home-header-copy-v3] .drawer-current-language img {
  box-sizing: border-box;
  width: 30px !important;
  height: 22px !important;
  object-fit: cover;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, .96);
  border-radius: 3px;
  padding: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
}

html body .topbar[data-kayra-home-header-copy-v3] .language-menu img,
html body header.site-header[data-kayra-home-header-copy-v3] .language-menu img {
  width: 28px !important;
  height: 20px !important;
}

html body .topbar[data-kayra-home-header-copy-v3] .kayra-language-arrow-v3 {
  color: #ef4350;
  font-size: 12px;
  font-style: normal;
}

html body.kayra-v3-menu-open {
  overflow: hidden;
}

html body header.site-header[data-kayra-home-header-copy-v3] > .nav-row {
  position: relative;
}

html body header.site-header[data-kayra-home-header-copy-v3] .main-nav,
html body header.site-header[data-kayra-home-header-copy-v3] .main-nav > .mobile-drawer-scroll,
html body header.site-header[data-kayra-home-header-copy-v3] .main-nav > .mobile-drawer-scroll > a,
html body header.site-header[data-kayra-home-header-copy-v3] .main-nav > .mobile-drawer-scroll > .nav-group,
html body header.site-header[data-kayra-home-header-copy-v3] .main-nav > .mobile-drawer-scroll > .nav-group > button {
  min-width: 0;
}

html body header.site-header[data-kayra-home-header-copy-v3] .main-nav > .mobile-drawer-scroll > a,
html body header.site-header[data-kayra-home-header-copy-v3] .main-nav > .mobile-drawer-scroll > .nav-group > button,
html body header.site-header[data-kayra-home-header-copy-v3] > .nav-row > .quote-button {
  font-family: var(--font-oswald), Oswald, Arial, sans-serif;
}

html body header.site-header[data-kayra-home-header-copy-v3] .main-nav,
html body header.site-header[data-kayra-home-header-copy-v3] .main-nav > .mobile-drawer-scroll,
html body header.site-header[data-kayra-home-header-copy-v3] .localized-nav-group {
  position: static;
}

html body header.site-header[data-kayra-home-header-copy-v3] .localized-nav-group > .localized-mega {
  z-index: 130;
  top: 100%;
  right: auto;
  left: 50%;
  width: min(1680px, calc(100vw - 12px));
  max-width: none;
  min-width: 0;
  margin: 0;
  transform: translate(-50%, 10px);
}

html body header.site-header[data-kayra-home-header-copy-v3] .localized-nav-group:hover > .localized-mega,
html body header.site-header[data-kayra-home-header-copy-v3] .localized-nav-group:focus-within > .localized-mega,
html body header.site-header[data-kayra-home-header-copy-v3] .localized-nav-group.open > .localized-mega {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

html body header.site-header[data-kayra-home-header-copy-v3] .localized-nav-group:hover > .certification-hub,
html body header.site-header[data-kayra-home-header-copy-v3] .localized-nav-group:focus-within > .certification-hub,
html body header.site-header[data-kayra-home-header-copy-v3] .localized-nav-group.open > .certification-hub {
  display: block !important;
}

html body header.site-header[data-kayra-home-header-copy-v3] .certification-hub,
html body header.site-header[data-kayra-home-header-copy-v3] .certification-hub-body,
html body header.site-header[data-kayra-home-header-copy-v3] .certification-panel,
html body header.site-header[data-kayra-home-header-copy-v3] .certification-panel-links,
html body header.site-header[data-kayra-home-header-copy-v3] .localized-card-mega > section,
html body header.site-header[data-kayra-home-header-copy-v3] .localized-card-mega > section > a {
  min-width: 0;
}

html body header.site-header[data-kayra-home-header-copy-v3] .certification-hub-body {
  grid-template-columns: clamp(300px, 22.5vw, 380px) minmax(0, 1fr);
}

html body header.site-header[data-kayra-home-header-copy-v3] .certification-category {
  grid-template-columns: 48px minmax(0, 1fr) 18px;
  height: auto;
  min-height: 92px;
}

html body header.site-header[data-kayra-home-header-copy-v3] .certification-category-label {
  display: -webkit-box;
  max-width: 100%;
  line-height: 1.28;
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

html body header.site-header[data-kayra-home-header-copy-v3] .certification-panel-links {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html body header.site-header[data-kayra-home-header-copy-v3] .certification-panel-links > a {
  min-width: 0;
  line-height: 1.34;
  white-space: normal;
  overflow-wrap: anywhere;
}

html body header.site-header[data-kayra-home-header-copy-v3] .localized-card-mega {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html body header.site-header[data-kayra-home-header-copy-v3] .localized-card-mega > section > a {
  display: -webkit-box;
  line-height: 1.35;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

html body header.site-header[data-kayra-home-header-copy-v3] .desktop-header-language,
html body header.site-header[data-kayra-home-header-copy-v3] .mobile-header-language {
  cursor: pointer;
  position: relative;
}

html body header.site-header[data-kayra-home-header-copy-v3] .kayra-header-language-panel-v3 {
  z-index: 180;
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  width: 220px;
  max-height: min(430px, calc(100vh - 90px));
  overflow-y: auto;
  display: grid;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
}

html body header.site-header[data-kayra-home-header-copy-v3] .desktop-header-language.open > .kayra-header-language-panel-v3,
html body header.site-header[data-kayra-home-header-copy-v3] .mobile-header-language.open > .kayra-header-language-panel-v3 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}

html[dir="rtl"] body .topbar[data-kayra-home-header-copy-v3],
html[dir="rtl"] body header.site-header[data-kayra-home-header-copy-v3] {
  direction: ltr;
}

html[dir="rtl"] body .topbar[data-kayra-home-header-copy-v3] a,
html[dir="rtl"] body header.site-header[data-kayra-home-header-copy-v3] .main-nav a,
html[dir="rtl"] body header.site-header[data-kayra-home-header-copy-v3] .main-nav button,
html[dir="rtl"] body header.site-header[data-kayra-home-header-copy-v3] .quote-button,
html[dir="rtl"] body header.site-header[data-kayra-home-header-copy-v3] .localized-mega {
  direction: rtl;
}

@media (min-width: 1001px) {
  html body header.site-header[data-kayra-home-header-copy-v3] .main-nav > .mobile-drawer-scroll {
    justify-content: flex-end;
    gap: clamp(6px, .72vw, 16px);
  }

  html body header.site-header[data-kayra-home-header-copy-v3] .main-nav > .mobile-drawer-scroll > a,
  html body header.site-header[data-kayra-home-header-copy-v3] .main-nav > .mobile-drawer-scroll > .nav-group {
    flex: 0 1 auto;
  }

  html body header.site-header[data-kayra-home-header-copy-v3] .main-nav > .mobile-drawer-scroll > a,
  html body header.site-header[data-kayra-home-header-copy-v3] .main-nav > .mobile-drawer-scroll > .nav-group > button {
    height: 100%;
    font-size: clamp(14px, 1.05vw, 16px);
    line-height: 1.12;
    text-align: center;
    white-space: normal;
    justify-content: center;
  }

  html body header.site-header[data-kayra-home-header-copy-v3] .main-nav > .mobile-drawer-scroll > a,
  html body header.site-header[data-kayra-home-header-copy-v3] .mobile-nav-label {
    max-width: 118px;
  }

  html body header.site-header[data-kayra-home-header-copy-v3] .mobile-nav-label {
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}

@media (min-width: 1001px) and (max-width: 1500px) {
  html body .topbar[data-kayra-home-header-copy-v3] .topbar-inner > div {
    gap: clamp(10px, 1.3vw, 20px);
  }

  html body .topbar[data-kayra-home-header-copy-v3] .topbar-right > a,
  html body .topbar[data-kayra-home-header-copy-v3] .language-switcher > button {
    font-size: clamp(11px, .88vw, 13px);
    white-space: nowrap;
  }
}

@media (max-width: 1000px) {
  html body header.site-header[data-kayra-home-header-copy-v3] .main-nav,
  html body header.site-header[data-kayra-home-header-copy-v3] .main-nav > .mobile-drawer-scroll,
  html body header.site-header[data-kayra-home-header-copy-v3] .localized-nav-group {
    position: relative;
  }

  html body header.site-header[data-kayra-home-header-copy-v3] .localized-nav-group > .localized-mega {
    position: static;
    width: 100%;
    max-width: none;
    transform: none !important;
  }

  html body header.site-header[data-kayra-home-header-copy-v3] .localized-nav-group.open > .localized-mega {
    display: grid !important;
    grid-template-columns: 1fr !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  html body header.site-header[data-kayra-home-header-copy-v3] .localized-nav-group.open > .certification-hub {
    display: block !important;
  }

  html body header.site-header[data-kayra-home-header-copy-v3] .certification-hub-body,
  html body header.site-header[data-kayra-home-header-copy-v3] .certification-hub-group {
    display: block;
  }

  html body header.site-header[data-kayra-home-header-copy-v3] .certification-category {
    grid-template-columns: 42px minmax(0, 1fr) 18px;
    min-height: 70px;
  }

  html body header.site-header[data-kayra-home-header-copy-v3] .certification-panel {
    display: none !important;
    position: static;
    width: 100%;
    max-height: none;
    overflow: visible;
  }

  html body header.site-header[data-kayra-home-header-copy-v3] .certification-hub-group.active > .certification-panel {
    display: flex !important;
  }

  html body header.site-header[data-kayra-home-header-copy-v3] .certification-panel-links {
    grid-template-columns: 1fr;
  }
}

html[data-kayra-home-header-copy-v3="true"] body .back-to-top:not(.kayra-final-back-to-top),
html[data-kayra-home-header-copy-v3="true"] body .kayra-directory-back-to-top:not(.kayra-final-back-to-top),
html[data-kayra-home-header-copy-v3="true"] body .scroll-to-top:not(.kayra-final-back-to-top),
html[data-kayra-home-header-copy-v3="true"] body .scroll-top:not(.kayra-final-back-to-top),
html[data-kayra-home-header-copy-v3="true"] body .kayra-v12-back-to-top:not(.kayra-final-back-to-top) {
  display: none !important;
}

html body .kayra-final-back-to-top {
  z-index: 1002;
  color: #fff;
  cursor: pointer;
  background: #17191b;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 50%;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  font: 400 23px/1 Arial, sans-serif;
  display: grid;
  position: fixed;
  inset-inline-end: 27px;
  bottom: 80px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity .2s ease, visibility .2s ease, transform .2s ease, background .2s ease;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .25);
}

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

html body .kayra-final-back-to-top:hover {
  background: #c81920;
}

html body .kayra-final-back-to-top:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

html body .kayra-final-back-to-top > span {
  display: block;
  line-height: 1;
  transform: translateY(-1px);
}

@media (max-width: 760px) {
  html body .kayra-final-back-to-top {
    inset-inline-end: 18px;
    bottom: 18px;
  }

  html body.kayra-mobile-actions-visible .kayra-final-back-to-top {
    bottom: 86px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .kayra-final-back-to-top {
    transition: none;
  }
}
