/* XAN Office v1.4.61.314 — mobil/tablet sağ üst menü kesin görünürlük sözleşmesi. */

@media (max-width: 1024px) {
  html,
  html body.mxh-theme {
    overflow-x: clip !important;
  }

  html body.mxh-theme .xan-v263-mobile-ui {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html body.mxh-theme .mxh-header,
  html body.mxh-theme .mxh-mobile-command,
  html body.mxh-theme .mxh-mobile-appbar,
  html body.mxh-theme .xan-mobile-bottom-nav-v261,
  html body.mxh-theme .xan-v262-mobile-header,
  html body.mxh-theme .xan-v262-mobile-drawer,
  html body.mxh-theme .xan-v262-mobile-bottom {
    display: none !important;
  }

  html body.mxh-theme .xan-v263-mobile-header {
    position: fixed !important;
    inset: var(--wp-admin--admin-bar--height, 0px) 0 auto 0 !important;
    z-index: 2147482000 !important;
    width: 100% !important;
    max-width: 100vw !important;
    height: 78px !important;
    min-height: 78px !important;
    padding: 10px max(14px, env(safe-area-inset-right)) 10px max(14px, env(safe-area-inset-left)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    box-sizing: border-box !important;
    background: linear-gradient(135deg, rgba(20,67,75,.96), rgba(42,101,112,.90)) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 0 0 22px 22px !important;
    box-shadow: 0 14px 34px rgba(8,37,43,.22) !important;
    backdrop-filter: blur(12px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(135%) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html body.mxh-theme .xan-v263-mobile-header__brand {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    width: min(164px, calc(100vw - 94px)) !important;
    max-width: min(164px, calc(100vw - 94px)) !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body.mxh-theme .xan-v263-mobile-header__logo {
    display: block !important;
    width: 100% !important;
    max-width: 164px !important;
    height: 54px !important;
    max-height: 54px !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: none !important;
    opacity: 1 !important;
  }

  html body.mxh-theme .xan-v263-mobile-header__menu {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 52px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    border: 1px solid rgba(255,255,255,.58) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.14) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 9px 22px rgba(6,31,37,.20) !important;
    transform: none !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  html body.mxh-theme .xan-v263-mobile-header__menu span {
    display: block !important;
    width: 26px !important;
    height: 3px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #fff !important;
    opacity: 1 !important;
    transform: none !important;
  }

  html body.mxh-theme.xan-v314-menu-open .xan-v263-mobile-header__menu span:nth-child(1) {
    transform: translateY(8px) rotate(45deg) !important;
  }
  html body.mxh-theme.xan-v314-menu-open .xan-v263-mobile-header__menu span:nth-child(2) {
    opacity: 0 !important;
  }
  html body.mxh-theme.xan-v314-menu-open .xan-v263-mobile-header__menu span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg) !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) min(88vw, 420px) !important;
    width: 100vw !important;
    height: 100dvh !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .20s ease, visibility .20s ease !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer.is-open,
  html body.mxh-theme .xan-v263-mobile-drawer[aria-hidden="false"] {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer__backdrop {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(5,25,30,.66) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer__panel {
    position: relative !important;
    height: 100dvh !important;
    min-width: 0 !important;
    padding: calc(18px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    color: #fff !important;
    background: linear-gradient(180deg,#123d45 0%,#205058 58%,#173f47 100%) !important;
    box-shadow: -22px 0 56px rgba(5,25,30,.34) !important;
    transform: translateX(100%) !important;
    transition: transform .24s cubic-bezier(.2,.72,.2,1) !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer.is-open .xan-v263-mobile-drawer__panel,
  html body.mxh-theme .xan-v263-mobile-drawer[aria-hidden="false"] .xan-v263-mobile-drawer__panel {
    transform: translateX(0) !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer__head {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 0 0 16px !important;
    margin-bottom: 8px !important;
    border-bottom: 1px solid rgba(255,255,255,.16) !important;
    background: #123d45 !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer__head img {
    display: block !important;
    width: 148px !important;
    height: auto !important;
    max-height: 58px !important;
    object-fit: contain !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer__head button {
    display: inline-grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1 !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer__nav,
  html body.mxh-theme .xan-v263-mobile-drawer__nav ul,
  html body.mxh-theme .xan-v263-mobile-drawer__nav li {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer__nav ul {
    display: grid !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 10px 0 16px !important;
    list-style: none !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer__nav li {
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer__nav a {
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
    padding: 11px 14px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer__nav .sub-menu {
    padding: 4px 0 4px 14px !important;
    gap: 5px !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer__nav .sub-menu a {
    min-height: 42px !important;
    padding: 9px 12px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    background: rgba(255,255,255,.04) !important;
  }

  html body.mxh-theme .xan-v314-mobile-login {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 52px !important;
    margin-top: 10px !important;
    padding: 12px 18px !important;
    border: 1px solid rgba(255,255,255,.44) !important;
    border-radius: 15px !important;
    background: #fff !important;
    color: #205058 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: 0 14px 30px rgba(6,31,37,.18) !important;
  }

  html body.mxh-theme .xan-v263-mobile-bottom {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
    height: calc(68px + env(safe-area-inset-bottom)) !important;
  }

  html body.mxh-theme .mxh-main {
    padding-top: 78px !important;
  }

  html body.mxh-theme.xan-v263-menu-open,
  html body.mxh-theme.xan-v314-menu-open {
    overflow: hidden !important;
  }
}

@media (min-width: 600px) and (max-width: 1024px) {
  html body.mxh-theme .xan-v263-mobile-header {
    height: 86px !important;
    min-height: 86px !important;
    padding-inline: max(24px, env(safe-area-inset-left)) max(24px, env(safe-area-inset-right)) !important;
    border-radius: 0 0 26px 26px !important;
  }

  html body.mxh-theme .xan-v263-mobile-header__brand {
    width: 190px !important;
    max-width: 190px !important;
  }

  html body.mxh-theme .xan-v263-mobile-header__logo {
    max-width: 190px !important;
    height: 62px !important;
    max-height: 62px !important;
  }

  html body.mxh-theme .xan-v263-mobile-header__menu {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
  }

  html body.mxh-theme .mxh-main {
    padding-top: 86px !important;
  }
}

@media (max-width: 420px) {
  html body.mxh-theme .xan-v263-mobile-header {
    height: 74px !important;
    min-height: 74px !important;
    padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right)) !important;
  }

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

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

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

  html body.mxh-theme .mxh-main {
    padding-top: 74px !important;
  }
}

@media (min-width: 1025px) {
  html body.mxh-theme .xan-v263-mobile-ui {
    display: none !important;
  }
}