/*
 * XAN Office v1.4.61.290
 * Masaüstü ve mobil üst menü için yarı şeffaf koyu petrol cam görünümü.
 * Alt mobil hızlı menü, video ve sayfa içeriği değiştirilmez.
 */
@media (min-width: 1025px) {
  html body.mxh-theme.xan-v266-petrol-header .mxh-header {
    right: max(24px, calc((100vw - 1840px) / 2)) !important;
    left: max(24px, calc((100vw - 1840px) / 2)) !important;
    width: auto !important;
    height: 94px !important;
    min-height: 94px !important;
    transform: none !important;
    isolation: isolate !important;
    background: linear-gradient(135deg, rgba(5, 35, 43, .95) 0%, rgba(9, 53, 62, .93) 56%, rgba(13, 67, 76, .91) 100%) !important;
    border-color: rgba(164, 218, 225, .20) !important;
    box-shadow: 0 20px 46px rgba(3, 29, 35, .25), inset 0 1px 0 rgba(255, 255, 255, .07) !important;
    backdrop-filter: blur(7px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(7px) saturate(112%) !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .mxh-header .mxh-header-inner {
    height: 94px !important;
    min-height: 94px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    grid-template-columns: 166px minmax(0, 1fr) !important;
    gap: 20px !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .mxh-header .mxh-brand {
    width: 156px !important;
    min-width: 156px !important;
    max-width: 156px !important;
    height: 68px !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .mxh-header .mxh-brand-logo-img {
    width: 152px !important;
    max-width: 152px !important;
    max-height: 66px !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .mxh-header .mxh-nav {
    height: 58px !important;
    padding: 0 12px !important;
    background: rgba(37, 104, 115, .18) !important;
    border: 1px solid rgba(174, 224, 231, .10) !important;
    border-radius: 15px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    box-sizing: border-box !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .mxh-header .mxh-menu > li > a {
    color: #f7fbfc !important;
    -webkit-text-fill-color: #f7fbfc !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .20) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    transform: none !important;
    transition: color .16s ease, background-color .16s ease, border-color .16s ease !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: geometricPrecision !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .mxh-header .mxh-menu > li > a::after {
    background: #a8dce3 !important;
    transform: none !important;
    transition: opacity .16s ease !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .mxh-header .mxh-menu > li:first-child > a::before {
    color: #f7fbfc !important;
    -webkit-text-fill-color: #f7fbfc !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .mxh-header .mxh-menu > li:last-child > a {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: linear-gradient(135deg, rgba(41, 111, 122, .82), rgba(23, 79, 89, .78)) !important;
    border: 1px solid rgba(190, 230, 235, .30) !important;
    box-shadow: 0 10px 24px rgba(2, 28, 34, .18), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
    min-height: 46px !important;
    min-width: 102px !important;
    padding: 10px 15px !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .mxh-header .mxh-menu > li:last-child > a:hover {
    background: linear-gradient(135deg, rgba(51, 132, 144, .92), rgba(29, 91, 102, .88)) !important;
    border-color: rgba(210, 240, 244, .42) !important;
  }
}

@media (min-width: 1025px) and (max-width: 1320px) {
  html body.mxh-theme.xan-v266-petrol-header .mxh-header {
    right: 14px !important;
    left: 14px !important;
    width: auto !important;
    transform: none !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .mxh-header .mxh-header-inner {
    grid-template-columns: 146px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .mxh-header .mxh-brand,
  html body.mxh-theme.xan-v266-petrol-header .mxh-header .mxh-brand-logo-img {
    width: 140px !important;
    min-width: 0 !important;
    max-width: 140px !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .mxh-header .mxh-menu > li > a {
    font-size: 11.5px !important;
  }
}

@media (max-width: 1024px) {
  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header {
    height: 96px !important;
    padding-top: 8px !important;
    padding-right: max(16px, env(safe-area-inset-right)) !important;
    padding-bottom: 8px !important;
    padding-left: max(16px, env(safe-area-inset-left)) !important;
    background: linear-gradient(135deg, rgba(5, 35, 43, .92) 0%, rgba(10, 57, 66, .87) 100%) !important;
    border-bottom: 1px solid rgba(169, 221, 228, .17) !important;
    box-shadow: 0 14px 32px rgba(2, 29, 35, .20), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    backdrop-filter: blur(7px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(7px) saturate(112%) !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header__brand,
  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header__logo {
    width: 118px !important;
    max-width: 118px !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header__logo {
    max-height: 58px !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header__menu {
    width: 44px !important;
    height: 44px !important;
    gap: 5px !important;
    background: rgba(39, 106, 117, .27) !important;
    border: 1px solid rgba(186, 229, 235, .18) !important;
    border-radius: 13px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header__menu span {
    width: 28px !important;
    height: 3px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .14) !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-drawer__backdrop {
    background: rgba(2, 24, 29, .62) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-drawer__panel {
    background: linear-gradient(160deg, rgba(5, 39, 47, .98) 0%, rgba(13, 68, 78, .96) 100%) !important;
    border-left: 1px solid rgba(175, 224, 231, .18) !important;
    box-shadow: -20px 0 48px rgba(1, 25, 30, .28) !important;
    padding-right: max(18px, env(safe-area-inset-right)) !important;
    padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-drawer__nav a {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-bottom-color: rgba(190, 229, 234, .12) !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    transform: none !important;
    transition: color .16s ease, background-color .16s ease !important;
    -webkit-font-smoothing: antialiased !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-bottom {
    height: calc(68px + env(safe-area-inset-bottom)) !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
    box-sizing: border-box !important;
  }

  html body.mxh-theme.xan-v266-petrol-header.xan-v263-mobile-ready {
    padding-bottom: calc(68px + env(safe-area-inset-bottom)) !important;
  }
}

/* Küçük telefonlar */
@media (max-width: 420px) {
  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header {
    height: 92px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header__brand,
  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header__logo {
    width: 110px !important;
    max-width: 110px !important;
  }

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

/* Büyük telefonlar ve küçük tabletler */
@media (min-width: 421px) and (max-width: 767px) {
  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header {
    height: 98px !important;
    padding-right: max(20px, env(safe-area-inset-right)) !important;
    padding-left: max(20px, env(safe-area-inset-left)) !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header__brand,
  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header__logo {
    width: 126px !important;
    max-width: 126px !important;
  }
}

/* Dikey ve geniş tabletler */
@media (min-width: 768px) and (max-width: 1024px) {
  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header {
    height: 104px !important;
    padding-right: max(28px, env(safe-area-inset-right)) !important;
    padding-left: max(28px, env(safe-area-inset-left)) !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header__brand,
  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header__logo {
    width: 142px !important;
    max-width: 142px !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header__logo {
    max-height: 66px !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header__menu {
    width: 48px !important;
    height: 48px !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-drawer {
    grid-template-columns: minmax(0, 1fr) min(70vw, 420px) !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-bottom a {
    font-size: 15px !important;
  }
}

/* Yatay telefon ve yatay tablet: dikey alanı gereksiz tüketmez. */
@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px) {
  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header {
    height: 84px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header__brand,
  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-header__logo {
    width: 108px !important;
    max-width: 108px !important;
  }

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

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-drawer__panel {
    padding-top: 12px !important;
  }

  html body.mxh-theme.xan-v266-petrol-header .xan-v263-mobile-drawer__nav a {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    font-size: 14px !important;
  }
}

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