/*
 * XAN Office v1.4.61.290
 * Daha ince, daha şeffaf petrol cam header; giriş sağ uçta.
 */

@media (min-width: 1025px) {
  html body.mxh-theme.xan-v269-refined-header .mxh-header {
    height: 76px !important;
    min-height: 76px !important;
    background: linear-gradient(135deg, rgba(4, 31, 39, .76), rgba(7, 55, 65, .70) 58%, rgba(11, 72, 82, .66)) !important;
    border-color: rgba(181, 228, 234, .20) !important;
    border-radius: 17px !important;
    box-shadow: 0 14px 34px rgba(2, 28, 34, .18), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
    backdrop-filter: blur(14px) saturate(128%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(128%) !important;
  }

  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-header-inner {
    height: 76px !important;
    min-height: 76px !important;
    padding: 7px 14px !important;
    grid-template-columns: 136px minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-brand {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    height: 56px !important;
  }

  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-brand-logo-img {
    width: 128px !important;
    min-width: 0 !important;
    max-width: 128px !important;
    height: auto !important;
    max-height: 55px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-nav {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 8px 0 12px !important;
    background: rgba(41, 111, 122, .10) !important;
    border: 1px solid rgba(185, 229, 235, .13) !important;
    border-radius: 13px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045) !important;
    backdrop-filter: blur(9px) !important;
    -webkit-backdrop-filter: blur(9px) !important;
  }

  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-menu {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(3px, .48vw, 8px) !important;
  }

  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-menu > li {
    flex: 0 0 auto !important;
  }

  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-menu > li:last-child {
    margin-left: auto !important;
    padding-left: clamp(8px, 1.35vw, 24px) !important;
  }

  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-menu > li > a {
    min-height: 36px !important;
    padding: 0 clamp(8px, .68vw, 13px) !important;
    color: rgba(250, 253, 253, .94) !important;
    -webkit-text-fill-color: rgba(250, 253, 253, .94) !important;
    font-size: 12.1px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: .002em !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .13) !important;
    transform: none !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
  }

  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-menu > li:last-child > a {
    min-width: 88px !important;
    min-height: 38px !important;
    padding: 0 15px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-weight: 560 !important;
    background: rgba(54, 127, 138, .28) !important;
    border: 1px solid rgba(200, 236, 240, .27) !important;
    border-radius: 11px !important;
    box-shadow: 0 7px 18px rgba(2, 28, 34, .12), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-menu > li:last-child > a:hover,
  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-menu > li:last-child > a:focus-visible {
    background: rgba(70, 151, 162, .38) !important;
    border-color: rgba(215, 242, 245, .38) !important;
  }
}

@media (min-width: 1025px) and (max-width: 1320px) {
  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-header-inner {
    grid-template-columns: 122px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-brand,
  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-brand-logo-img {
    width: 116px !important;
    min-width: 0 !important;
    max-width: 116px !important;
  }

  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-menu > li > a {
    padding-right: 7px !important;
    padding-left: 7px !important;
    font-size: 11.2px !important;
  }

  html body.mxh-theme.xan-v269-refined-header .mxh-header .mxh-menu > li:last-child {
    padding-left: 6px !important;
  }
}

@media (max-width: 1024px) {
  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-header {
    height: 78px !important;
    min-height: 78px !important;
    padding: 7px max(15px, env(safe-area-inset-right)) 7px max(15px, env(safe-area-inset-left)) !important;
    background: linear-gradient(135deg, rgba(4, 31, 39, .75), rgba(8, 61, 71, .67)) !important;
    border-bottom: 1px solid rgba(183, 228, 234, .20) !important;
    box-shadow: 0 10px 26px rgba(2, 28, 34, .17), inset 0 1px 0 rgba(255, 255, 255, .09) !important;
    backdrop-filter: blur(14px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
  }

  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-header__brand,
  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-header__logo {
    width: 102px !important;
    max-width: 102px !important;
  }

  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-header__logo {
    max-height: 50px !important;
  }

  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-header__menu {
    width: 40px !important;
    height: 40px !important;
    gap: 4px !important;
    padding: 7px 5px !important;
    background: rgba(57, 132, 143, .20) !important;
    border: 1px solid rgba(201, 235, 239, .22) !important;
    border-radius: 11px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07) !important;
    backdrop-filter: blur(9px) !important;
    -webkit-backdrop-filter: blur(9px) !important;
  }

  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-header__menu span {
    width: 25px !important;
    height: 2px !important;
    background: rgba(255, 255, 255, .94) !important;
    border-radius: 3px !important;
  }

  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-drawer__backdrop {
    background: rgba(1, 22, 27, .50) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
  }

  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-drawer__panel {
    background: linear-gradient(160deg, rgba(4, 36, 44, .91), rgba(10, 67, 77, .87)) !important;
    border-left: 1px solid rgba(188, 229, 235, .20) !important;
    box-shadow: -16px 0 38px rgba(1, 24, 29, .22) !important;
    backdrop-filter: blur(18px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
  }

  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-drawer__nav a {
    font-weight: 500 !important;
    letter-spacing: .005em !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
  }

  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-bottom {
    background: rgba(247, 251, 252, .88) !important;
    border-top-color: rgba(34, 91, 101, .16) !important;
    box-shadow: 0 -7px 22px rgba(4, 36, 43, .10) !important;
    backdrop-filter: blur(15px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(120%) !important;
  }

  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-bottom a {
    color: #0a3039 !important;
    background: rgba(255, 255, 255, .30) !important;
    border-right-color: rgba(34, 91, 101, .12) !important;
    font-weight: 500 !important;
    -webkit-font-smoothing: antialiased !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-header {
    height: 84px !important;
    min-height: 84px !important;
    padding-right: max(24px, env(safe-area-inset-right)) !important;
    padding-left: max(24px, env(safe-area-inset-left)) !important;
  }

  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-header__brand,
  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-header__logo {
    width: 116px !important;
    max-width: 116px !important;
  }

  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-header__menu {
    width: 42px !important;
    height: 42px !important;
  }
}

@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px) {
  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-header {
    height: 68px !important;
    min-height: 68px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-header__brand,
  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-header__logo {
    width: 94px !important;
    max-width: 94px !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  html body.mxh-theme.xan-v269-refined-header .mxh-header,
  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-header,
  html body.mxh-theme.xan-v269-refined-header .xan-v263-mobile-drawer__panel {
    background: #0a4652 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}