/*
 * MXonnowell v0.2.99 — Kurumsal mobil/tablet menü.
 * İki sütunlu erişim düzeni, mevcut mavi-yeşil yaprak/damla kimliği ve
 * düşük maliyetli yarı şeffaf yüzeyler tek bir son katmanda birleştirilir.
 */

@media (max-width:1279px){
  html body .mx-mobile-menu-overlay-v0161{
    background:rgba(2,20,36,.46)!important;
    backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important;
  }

  html body .mx-mobile-drawer-v0162{
    display:flex!important;
    flex-direction:column!important;
    top:var(--mx61-nav-top,var(--mx62-nav-top,60px))!important;
    right:10px!important;
    bottom:10px!important;
    left:auto!important;
    width:min(520px,calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(220,249,244,.58)!important;
    border-radius:0 0 26px 26px!important;
    background:
      linear-gradient(155deg,rgba(3,63,100,.84) 0%,rgba(4,92,113,.78) 46%,rgba(4,105,77,.80) 100%),
      url('../images/mxon-leaf-blue-portrait.webp') center/cover no-repeat!important;
    box-shadow:0 28px 72px rgba(0,28,52,.34)!important;
    overscroll-behavior:contain!important;
  }

  html body .mx-mobile-menu-head-v0162{
    position:relative!important;
    top:auto!important;
    z-index:3!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 auto!important;
    min-height:106px!important;
    padding:11px 66px 10px!important;
    border-bottom:1px solid rgba(255,255,255,.24)!important;
    background:linear-gradient(180deg,rgba(4,43,75,.54),rgba(4,65,83,.26))!important;
  }

  html body .mx-mobile-menu-brand-v0162{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    color:#fff!important;
    text-align:center!important;
    text-decoration:none!important;
  }

  html body .mx-mobile-menu-brand-v0162 img,
  html body .mx-mobile-menu-emblem-v0162{
    width:58px!important;
    height:58px!important;
    max-width:58px!important;
    max-height:58px!important;
    padding:4px!important;
    border:1px solid rgba(255,255,255,.72)!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.92)!important;
    object-fit:contain!important;
    box-shadow:0 10px 26px rgba(0,31,52,.20)!important;
  }

  html body .mx-mobile-menu-brand-v0162>span:last-child{display:block!important}
  html body .mx-mobile-menu-brand-v0162 strong{
    display:block!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.14em!important;
    text-shadow:0 1px 8px rgba(0,31,52,.34)!important;
  }

  html body .mx-site-menu-close-v0162{
    position:absolute!important;
    top:50%!important;
    right:13px!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    border:1px solid rgba(255,255,255,.58)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.80)!important;
    color:#063d3a!important;
    box-shadow:0 10px 26px rgba(0,31,52,.17)!important;
  }
  html body .mx-site-menu-close-v0162:hover,
  html body .mx-site-menu-close-v0162:focus-visible{
    background:#fff!important;
    box-shadow:0 0 0 4px rgba(157,231,208,.26),0 10px 26px rgba(0,31,52,.17)!important;
  }

  html body .mx-mobile-menu-body-v0162{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    min-height:0!important;
    gap:13px!important;
    padding:15px 14px calc(18px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:linear-gradient(180deg,rgba(4,54,77,.16),rgba(2,61,66,.34))!important;
    scrollbar-color:rgba(255,255,255,.58) transparent!important;
    scrollbar-width:thin!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .mx-mobile-menu-body-v0162::-webkit-scrollbar{width:5px!important}
  html body .mx-mobile-menu-body-v0162::-webkit-scrollbar-thumb{border-radius:999px!important;background:rgba(255,255,255,.58)!important}

  html body .mx-mobile-menu-section-v0162{min-width:0!important}
  html body .mx-mobile-menu-label-v0162{
    display:block!important;
    margin:0 4px 9px!important;
    color:rgba(255,255,255,.90)!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:.15em!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 6px rgba(0,27,48,.28)!important;
  }

  html body .mx-mobile-drawer-v0162 .mx-nav-list-v0148{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  html body .mx-mobile-drawer-v0162 .mx-nav-list-v0148>li{
    display:block!important;
    min-width:0!important;
    margin:0!important;
  }
  html body .mx-mobile-drawer-v0162 .mx-nav-list-v0148>li>a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    height:100%!important;
    padding:10px 29px 10px 13px!important;
    border:1px solid rgba(255,255,255,.54)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.82)!important;
    color:#0b3734!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:700!important;
    text-decoration:none!important;
    white-space:normal!important;
    box-shadow:0 9px 22px rgba(0,34,49,.12)!important;
  }
  html body .mx-mobile-drawer-v0162 .mx-nav-list-v0148>li>a:hover,
  html body .mx-mobile-drawer-v0162 .mx-nav-list-v0148>li>a:focus-visible{
    border-color:rgba(255,255,255,.92)!important;
    background:rgba(255,255,255,.96)!important;
    color:#075438!important;
    transform:translateY(-1px)!important;
  }
  html body .mx-mobile-drawer-v0162 .mx-nav-list-v0148>li>a.is-current{
    border-color:rgba(164,236,192,.80)!important;
    background:rgba(225,248,235,.93)!important;
    color:#075a34!important;
    font-weight:800!important;
    box-shadow:inset 4px 0 0 #12a15c,0 9px 24px rgba(0,45,43,.15)!important;
  }

  html body .mx-mobile-drawer-v0162 .mx-nav-utility-v0148{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }
  html body .mx-mobile-drawer-v0162 .mx-nav-utility-v0148 a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:48px!important;
    padding:8px!important;
    border:1px solid rgba(255,255,255,.48)!important;
    border-radius:14px!important;
    background:rgba(244,252,250,.76)!important;
    color:#0d4540!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    font-weight:720!important;
    text-align:center!important;
    text-decoration:none!important;
    box-shadow:0 7px 18px rgba(0,34,49,.10)!important;
  }
  html body .mx-mobile-drawer-v0162 .mx-nav-utility-v0148 a:hover,
  html body .mx-mobile-drawer-v0162 .mx-nav-utility-v0148 a:focus-visible,
  html body .mx-mobile-drawer-v0162 .mx-nav-utility-v0148 a.is-current{
    border-color:rgba(176,239,205,.82)!important;
    background:rgba(226,248,236,.94)!important;
    color:#075a34!important;
  }

  html body .mx-mobile-drawer-v0162 .mx280-saved-actions--mobile-drawer{gap:8px!important}
  html body .mx-mobile-drawer-v0162 .mx280-saved-actions--mobile-drawer .mx280-saved-action{
    min-height:48px!important;
    border-color:rgba(255,255,255,.46)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.78)!important;
    color:#0b403a!important;
    box-shadow:0 7px 18px rgba(0,34,49,.10)!important;
  }

  html body .mx-mobile-drawer-v0162 .mx286-mobile-auth-actions{display:grid!important;gap:8px!important}
  html body .mx-mobile-drawer-v0162 .mx-mobile-login-v0162,
  html body .mx-mobile-drawer-v0162 .mx286-mobile-register,
  html body .mx-mobile-drawer-v0162 .mx281-mobile-apex-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:50px!important;
    margin:0!important;
    padding:9px 14px!important;
    border:1px solid rgba(209,255,231,.72)!important;
    border-radius:15px!important;
    color:#fff!important;
    font-size:12.5px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-align:center!important;
    text-decoration:none!important;
    box-shadow:0 10px 24px rgba(0,37,42,.16)!important;
  }
  html body .mx-mobile-drawer-v0162 .mx-mobile-login-v0162{
    background:linear-gradient(135deg,rgba(7,137,75,.94),rgba(8,163,100,.92))!important;
  }
  html body .mx-mobile-drawer-v0162 .mx286-mobile-register,
  html body .mx-mobile-drawer-v0162 .mx281-mobile-apex-link{
    background:rgba(5,54,78,.62)!important;
  }

  html body .mx-mobile-menu-foot-v0162{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:10px 12px!important;
    border:1px solid rgba(255,255,255,.34)!important;
    border-radius:14px!important;
    background:rgba(3,44,66,.42)!important;
    color:#fff!important;
  }
  html body .mx-mobile-menu-foot-v0162 strong,
  html body .mx-mobile-menu-foot-v0162 span{color:#fff!important}
  html body .mx-mobile-menu-foot-v0162 span{font-size:10px!important;opacity:.88!important}
}

@media (max-width:767px){
  html body .mx-mobile-drawer-v0162{
    right:8px!important;
    bottom:8px!important;
    left:8px!important;
    width:auto!important;
    max-width:none!important;
    border-radius:0 0 22px 22px!important;
  }
  html body .mx-mobile-menu-head-v0162{min-height:98px!important;padding:9px 58px 8px!important}
  html body .mx-mobile-menu-brand-v0162 img,
  html body .mx-mobile-menu-emblem-v0162{width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important}
  html body .mx-site-menu-close-v0162{right:10px!important;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important}
  html body .mx-mobile-menu-body-v0162{gap:11px!important;padding:12px 11px calc(16px + env(safe-area-inset-bottom))!important}
  html body .mx-mobile-drawer-v0162 .mx-nav-list-v0148{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  html body .mx-mobile-drawer-v0162 .mx-nav-list-v0148>li>a{min-height:58px!important;padding:9px 27px 9px 11px!important;font-size:12.4px!important;border-radius:14px!important}
  html body .mx-mobile-drawer-v0162 .mx-nav-utility-v0148{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  html body .mx-mobile-drawer-v0162 .mx-nav-utility-v0148 a{min-height:45px!important;font-size:11px!important;border-radius:13px!important}
}

@media (max-width:370px){
  html body .mx-mobile-menu-head-v0162{min-height:91px!important;padding-right:53px!important;padding-left:53px!important}
  html body .mx-mobile-menu-brand-v0162 img,
  html body .mx-mobile-menu-emblem-v0162{width:49px!important;height:49px!important;max-width:49px!important;max-height:49px!important}
  html body .mx-mobile-menu-brand-v0162 strong{font-size:10.5px!important}
  html body .mx-site-menu-close-v0162{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;border-radius:14px!important}
  html body .mx-mobile-menu-body-v0162{padding-right:9px!important;padding-left:9px!important}
  html body .mx-mobile-drawer-v0162 .mx-nav-list-v0148>li>a{min-height:55px!important;padding-right:23px!important;padding-left:9px!important;font-size:11.5px!important}
  html body .mx-mobile-drawer-v0162 .mx-nav-utility-v0148 a{font-size:10.5px!important}
}

@media (max-height:600px) and (max-width:1279px){
  html body .mx-mobile-menu-head-v0162{min-height:82px!important}
  html body .mx-mobile-menu-brand-v0162 img,
  html body .mx-mobile-menu-emblem-v0162{width:45px!important;height:45px!important;max-width:45px!important;max-height:45px!important}
  html body .mx-mobile-menu-body-v0162{padding-top:10px!important}
}

@media (prefers-reduced-transparency:reduce){
  html body .mx-mobile-drawer-v0162 .mx-nav-list-v0148>li>a,
  html body .mx-mobile-drawer-v0162 .mx-nav-utility-v0148 a,
  html body .mx-mobile-drawer-v0162 .mx280-saved-actions--mobile-drawer .mx280-saved-action{background:#f7fbfa!important}
}

html.mxon-performance-lite body .mx-mobile-menu-overlay-v0161{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}