/*
 * Kayra Patent — final targeted UI polish (2026-08-21).
 *
 * Scope is intentionally narrow:
 *   1) Turkish homepage CE/GAR directory alignment,
 *   2) localized quote-form order,
 *   3) localized desktop header rhythm,
 *   4) homepage reference logos on mobile only.
 */

/* Match the Turkish homepage CE/GAR directory to the site's real 1280 px
   content grid.  The previous 1180 px override caused the visible inset. */
.home-page .kayra-ce-home-directory > .container {
  width: min(1280px, calc(100% - 72px)) !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
}

/* Only the six actual localized quote pages may use reordered flex content.
   The previous :has(.localized-form-section) selector also matched localized
   home and service pages because those pages contain a footer enquiry form. */
main.localized-site.localized-quote-page {
  display: flex !important;
  flex-direction: column !important;
}

main.localized-site.localized-quote-page > .localized-topbar { order: -100; }
main.localized-site.localized-quote-page > .localized-header { order: -90; }
main.localized-site.localized-quote-page > .skip-target { order: -80; }
main.localized-site.localized-quote-page > .localized-menu-backdrop { order: -70; }
main.localized-site.localized-quote-page > .localized-form-section { order: -60; }
main.localized-site.localized-quote-page > .breadcrumb { order: -50; }
main.localized-site.localized-quote-page > .localized-hero { order: -40; }
main.localized-site.localized-quote-page > .localized-overview { order: -30; }
main.localized-site.localized-quote-page > .localized-section { order: -20; }
main.localized-site.localized-quote-page > .localized-footer { order: 100; }

/* Keep the localized brand at the Turkish desktop scale, then give the real
   translated labels enough rhythm.  Long-language menus use a measured 16 px
   cap at wide widths; short-language menus can use the Turkish 17 px cap. */
@media (min-width: 1121px) {
  html body .localized-header > .container > .localized-brand {
    flex-basis: clamp(170px, 13.5vw, 206px) !important;
    width: clamp(170px, 13.5vw, 206px) !important;
    min-width: clamp(170px, 13.5vw, 206px) !important;
    max-width: clamp(170px, 13.5vw, 206px) !important;
  }

  html body .localized-header > .container > .localized-brand .brand-lockup {
    gap: clamp(7px, .6vw, 9px) !important;
  }

  html body .localized-header > .container > .localized-brand .brand-lockup > img {
    flex-basis: clamp(48px, 3.8vw, 54px) !important;
    width: clamp(48px, 3.8vw, 54px) !important;
    height: clamp(46px, 3.7vw, 52px) !important;
  }

  html body .localized-header > .container > .localized-brand .brand-wordmark {
    flex-basis: clamp(115px, 9.2vw, 136px) !important;
    width: clamp(115px, 9.2vw, 136px) !important;
  }

  html body .localized-header > .container > .localized-brand .brand-name strong,
  html body .localized-header > .container > .localized-brand .brand-name b {
    font-size: calc(clamp(19px, 1.45vw, 22px) + 2px) !important;
  }

  html body .localized-header .localized-main-nav > .mobile-drawer-scroll {
    gap: clamp(6px, .55vw, 10px) !important;
  }

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

@media (min-width: 1501px) {
  html body .localized-header[data-locale="en"] .localized-main-nav > .mobile-drawer-scroll,
  html body .localized-header[data-locale="fr"] .localized-main-nav > .mobile-drawer-scroll,
  html body .localized-header[data-locale="ar"] .localized-main-nav > .mobile-drawer-scroll {
    gap: 12px !important;
  }

  html body .localized-header[data-locale="de"] .localized-main-nav > .mobile-drawer-scroll,
  html body .localized-header[data-locale="az"] .localized-main-nav > .mobile-drawer-scroll,
  html body .localized-header[data-locale="uz"] .localized-main-nav > .mobile-drawer-scroll,
  html body .localized-header[data-locale="ru"] .localized-main-nav > .mobile-drawer-scroll {
    gap: 10px !important;
  }

  html body .localized-header[data-locale="en"] .localized-main-nav > .mobile-drawer-scroll > a,
  html body .localized-header[data-locale="en"] .localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body .localized-header[data-locale="fr"] .localized-main-nav > .mobile-drawer-scroll > a,
  html body .localized-header[data-locale="fr"] .localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body .localized-header[data-locale="ar"] .localized-main-nav > .mobile-drawer-scroll > a,
  html body .localized-header[data-locale="ar"] .localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body .localized-header[data-locale="en"] > .container > .localized-quote,
  html body .localized-header[data-locale="fr"] > .container > .localized-quote,
  html body .localized-header[data-locale="ar"] > .container > .localized-quote {
    font-size: 17px !important;
  }

  html body .localized-header[data-locale="de"] .localized-main-nav > .mobile-drawer-scroll > a,
  html body .localized-header[data-locale="de"] .localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body .localized-header[data-locale="az"] .localized-main-nav > .mobile-drawer-scroll > a,
  html body .localized-header[data-locale="az"] .localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body .localized-header[data-locale="uz"] .localized-main-nav > .mobile-drawer-scroll > a,
  html body .localized-header[data-locale="uz"] .localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body .localized-header[data-locale="ru"] .localized-main-nav > .mobile-drawer-scroll > a,
  html body .localized-header[data-locale="ru"] .localized-main-nav > .mobile-drawer-scroll > .localized-nav-group > button,
  html body .localized-header[data-locale="de"] > .container > .localized-quote,
  html body .localized-header[data-locale="az"] > .container > .localized-quote,
  html body .localized-header[data-locale="uz"] > .container > .localized-quote,
  html body .localized-header[data-locale="ru"] > .container > .localized-quote {
    font-size: 16px !important;
  }
}

/* Mobile-only reference compression.  Desktop reference sizing is untouched.
   Each scale was derived from the real non-white bounds of its 400x190 logo
   image so narrow marks no longer look lost inside large white side margins. */
@media (max-width: 650px) {
  .home-page .references .container,
  .localized-home-complete .references .container {
    width: min(100% - 24px, 1280px) !important;
  }

  .home-page .references .reference-grid,
  .localized-home-complete .references .reference-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    padding: 6px !important;
  }

  .home-page .references .reference-logo,
  .localized-home-complete .references .reference-logo {
    --kayra-mobile-logo-scale: 1.35;
    height: 54px !important;
    min-height: 54px !important;
  }

  .home-page .references .reference-logo img,
  .localized-home-complete .references .reference-logo img {
    width: calc(100% - 4px) !important;
    max-width: calc(100% - 4px) !important;
    height: calc(100% - 4px) !important;
    max-height: calc(100% - 4px) !important;
    inset: 2px !important;
    object-fit: contain !important;
    transform: scale(var(--kayra-mobile-logo-scale)) !important;
    transform-origin: 50% 50% !important;
  }

  .home-page .references .reference-logo:nth-child(1), .localized-home-complete .references .reference-logo:nth-child(1) { --kayra-mobile-logo-scale: 1.25; }
  .home-page .references .reference-logo:nth-child(2), .localized-home-complete .references .reference-logo:nth-child(2) { --kayra-mobile-logo-scale: 2.37; }
  .home-page .references .reference-logo:nth-child(3), .localized-home-complete .references .reference-logo:nth-child(3) { --kayra-mobile-logo-scale: 1.05; }
  .home-page .references .reference-logo:nth-child(4), .localized-home-complete .references .reference-logo:nth-child(4) { --kayra-mobile-logo-scale: 1.45; }
  .home-page .references .reference-logo:nth-child(5), .localized-home-complete .references .reference-logo:nth-child(5) { --kayra-mobile-logo-scale: 1.61; }
  .home-page .references .reference-logo:nth-child(6), .localized-home-complete .references .reference-logo:nth-child(6) { --kayra-mobile-logo-scale: 1.05; }
  .home-page .references .reference-logo:nth-child(7), .localized-home-complete .references .reference-logo:nth-child(7) { --kayra-mobile-logo-scale: 1.75; }
  .home-page .references .reference-logo:nth-child(8), .localized-home-complete .references .reference-logo:nth-child(8) { --kayra-mobile-logo-scale: 1.97; }
  .home-page .references .reference-logo:nth-child(9), .localized-home-complete .references .reference-logo:nth-child(9) { --kayra-mobile-logo-scale: 1.25; }
  .home-page .references .reference-logo:nth-child(10), .localized-home-complete .references .reference-logo:nth-child(10) { --kayra-mobile-logo-scale: 1.65; }
  .home-page .references .reference-logo:nth-child(11), .localized-home-complete .references .reference-logo:nth-child(11) { --kayra-mobile-logo-scale: 1.77; }
  .home-page .references .reference-logo:nth-child(12), .localized-home-complete .references .reference-logo:nth-child(12) { --kayra-mobile-logo-scale: 1.49; }
  .home-page .references .reference-logo:nth-child(13), .localized-home-complete .references .reference-logo:nth-child(13) { --kayra-mobile-logo-scale: 1.42; }
  .home-page .references .reference-logo:nth-child(14), .localized-home-complete .references .reference-logo:nth-child(14) { --kayra-mobile-logo-scale: 2.60; }
  .home-page .references .reference-logo:nth-child(15), .localized-home-complete .references .reference-logo:nth-child(15) { --kayra-mobile-logo-scale: 1.54; }
  .home-page .references .reference-logo:nth-child(16), .localized-home-complete .references .reference-logo:nth-child(16) { --kayra-mobile-logo-scale: 1.27; }
  .home-page .references .reference-logo:nth-child(17), .localized-home-complete .references .reference-logo:nth-child(17) { --kayra-mobile-logo-scale: 1.24; }
  .home-page .references .reference-logo:nth-child(18), .localized-home-complete .references .reference-logo:nth-child(18) { --kayra-mobile-logo-scale: 1.90; }
  .home-page .references .reference-logo:nth-child(19), .localized-home-complete .references .reference-logo:nth-child(19) { --kayra-mobile-logo-scale: 1.34; }
  .home-page .references .reference-logo:nth-child(20), .localized-home-complete .references .reference-logo:nth-child(20) { --kayra-mobile-logo-scale: 1.11; }
  .home-page .references .reference-logo:nth-child(21), .localized-home-complete .references .reference-logo:nth-child(21) { --kayra-mobile-logo-scale: 1.10; }
  .home-page .references .reference-logo:nth-child(22), .localized-home-complete .references .reference-logo:nth-child(22) { --kayra-mobile-logo-scale: 1.52; }
  .home-page .references .reference-logo:nth-child(23), .localized-home-complete .references .reference-logo:nth-child(23) { --kayra-mobile-logo-scale: 2.60; }
  .home-page .references .reference-logo:nth-child(24), .localized-home-complete .references .reference-logo:nth-child(24) { --kayra-mobile-logo-scale: 2.14; }
  .home-page .references .reference-logo:nth-child(25), .localized-home-complete .references .reference-logo:nth-child(25) { --kayra-mobile-logo-scale: 2.24; }
  .home-page .references .reference-logo:nth-child(26), .localized-home-complete .references .reference-logo:nth-child(26) { --kayra-mobile-logo-scale: 1.49; }
  .home-page .references .reference-logo:nth-child(27), .localized-home-complete .references .reference-logo:nth-child(27) { --kayra-mobile-logo-scale: 1.77; }
  .home-page .references .reference-logo:nth-child(28), .localized-home-complete .references .reference-logo:nth-child(28) { --kayra-mobile-logo-scale: 1.75; }
  .home-page .references .reference-logo:nth-child(29), .localized-home-complete .references .reference-logo:nth-child(29) { --kayra-mobile-logo-scale: 1.70; }
  .home-page .references .reference-logo:nth-child(30), .localized-home-complete .references .reference-logo:nth-child(30) { --kayra-mobile-logo-scale: 1.58; }
  .home-page .references .reference-logo:nth-child(31), .localized-home-complete .references .reference-logo:nth-child(31) { --kayra-mobile-logo-scale: 2.23; }
  .home-page .references .reference-logo:nth-child(32), .localized-home-complete .references .reference-logo:nth-child(32) { --kayra-mobile-logo-scale: 1.71; }
  .home-page .references .reference-logo:nth-child(33), .localized-home-complete .references .reference-logo:nth-child(33) { --kayra-mobile-logo-scale: 1.85; }
  .home-page .references .reference-logo:nth-child(34), .localized-home-complete .references .reference-logo:nth-child(34) { --kayra-mobile-logo-scale: 1.67; }
  .home-page .references .reference-logo:nth-child(35), .localized-home-complete .references .reference-logo:nth-child(35) { --kayra-mobile-logo-scale: 1.47; }
  .home-page .references .reference-logo:nth-child(36), .localized-home-complete .references .reference-logo:nth-child(36) { --kayra-mobile-logo-scale: 1.79; }
  .home-page .references .reference-logo:nth-child(37), .localized-home-complete .references .reference-logo:nth-child(37) { --kayra-mobile-logo-scale: 1.14; }
  .home-page .references .reference-logo:nth-child(38), .localized-home-complete .references .reference-logo:nth-child(38) { --kayra-mobile-logo-scale: 1.91; }
  .home-page .references .reference-logo:nth-child(39), .localized-home-complete .references .reference-logo:nth-child(39) { --kayra-mobile-logo-scale: 1.59; }
  .home-page .references .reference-logo:nth-child(40), .localized-home-complete .references .reference-logo:nth-child(40) { --kayra-mobile-logo-scale: 1.75; }
  .home-page .references .reference-logo:nth-child(41), .localized-home-complete .references .reference-logo:nth-child(41) { --kayra-mobile-logo-scale: 1.60; }
  .home-page .references .reference-logo:nth-child(42), .localized-home-complete .references .reference-logo:nth-child(42) { --kayra-mobile-logo-scale: 1.76; }
  .home-page .references .reference-logo:nth-child(43), .localized-home-complete .references .reference-logo:nth-child(43) { --kayra-mobile-logo-scale: 1.73; }
  .home-page .references .reference-logo:nth-child(44), .localized-home-complete .references .reference-logo:nth-child(44) { --kayra-mobile-logo-scale: 1.53; }
  .home-page .references .reference-logo:nth-child(45), .localized-home-complete .references .reference-logo:nth-child(45) { --kayra-mobile-logo-scale: 1.99; }
  .home-page .references .reference-logo:nth-child(46), .localized-home-complete .references .reference-logo:nth-child(46) { --kayra-mobile-logo-scale: 1.77; }
  .home-page .references .reference-logo:nth-child(47), .localized-home-complete .references .reference-logo:nth-child(47) { --kayra-mobile-logo-scale: 1.63; }
  .home-page .references .reference-logo:nth-child(48), .localized-home-complete .references .reference-logo:nth-child(48) { --kayra-mobile-logo-scale: 1.66; }
  .home-page .references .reference-logo:nth-child(49), .localized-home-complete .references .reference-logo:nth-child(49) { --kayra-mobile-logo-scale: 1.62; }
  .home-page .references .reference-logo:nth-child(50), .localized-home-complete .references .reference-logo:nth-child(50) { --kayra-mobile-logo-scale: 2.60; }
}

@media (max-width: 720px) {
  .home-page .kayra-ce-home-directory > .container {
    width: min(100% - 28px, 1280px) !important;
  }
}