/* Fleetexo v70 - Mobil public header kesin hizalama
   - Sadece public üst menüyü hedefler: body.fx-v70-public-header
   - Panel/sidebar menülerine, logo/ikon dosyalarına dokunmaz.
   - Önceki v66-v69 hamburger CSS/JS dosyaları layout'tan çıkarıldı; tek kontrol bu dosyadadır. */

@media (max-width: 920px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.fx-v70-public-header{
    --fx70-header-h:82px;
    --fx70-header-side:14px;
    --fx70-menu-size:46px;
    --fx70-logo-w:clamp(160px, 47vw, 190px);
    --fx70-logo-h:54px;
  }

  body.fx-v70-public-header main{
    padding-top:var(--fx70-header-h)!important;
  }

  body.fx-v70-public-header .topbar[data-topbar]{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    height:var(--fx70-header-h)!important;
    min-height:var(--fx70-header-h)!important;
    max-height:var(--fx70-header-h)!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    display:block!important;
    overflow:visible!important;
    transform:none!important;
    z-index:100500!important;
    isolation:isolate!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(23,70,120,.22),transparent 62%),
      linear-gradient(180deg,rgba(3,8,15,.985),rgba(3,8,15,.91))!important;
    border-bottom:1px solid rgba(255,255,255,.085)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.42)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  body.fx-v70-public-header .topbar[data-topbar]::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,transparent,rgba(240,199,109,.08),transparent),
      linear-gradient(180deg,rgba(255,255,255,.035),transparent 58%)!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .brand{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate3d(-50%,-50%,0)!important;
    width:var(--fx70-logo-w)!important;
    min-width:0!important;
    max-width:var(--fx70-logo-w)!important;
    height:var(--fx70-logo-h)!important;
    min-height:var(--fx70-logo-h)!important;
    max-height:var(--fx70-logo-h)!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    z-index:2!important;
    will-change:transform!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .brand img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .brand span{
    display:none!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle{
    position:absolute!important;
    top:50%!important;
    right:calc(var(--fx70-header-side) + env(safe-area-inset-right, 0px))!important;
    left:auto!important;
    bottom:auto!important;
    transform:translate3d(0,-50%,0)!important;
    width:var(--fx70-menu-size)!important;
    min-width:var(--fx70-menu-size)!important;
    max-width:var(--fx70-menu-size)!important;
    height:var(--fx70-menu-size)!important;
    min-height:var(--fx70-menu-size)!important;
    max-height:var(--fx70-menu-size)!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 var(--fx70-menu-size)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    overflow:hidden!important;
    border-radius:15px!important;
    border:1.35px solid rgba(255,224,146,.92)!important;
    background:
      radial-gradient(circle at 28% 16%,rgba(255,255,255,.20),transparent 34%),
      linear-gradient(180deg,rgba(27,39,58,.98),rgba(7,13,23,.98))!important;
    box-shadow:
      0 8px 20px rgba(0,0,0,.44),
      0 0 0 1px rgba(255,255,255,.04) inset,
      0 0 18px rgba(239,197,105,.12)!important;
    color:#fff2cf!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
    z-index:4!important;
    contain:layout paint!important;
    transition:
      border-color .22s ease,
      background .22s ease,
      box-shadow .22s ease,
      transform .18s cubic-bezier(.2,.8,.2,1)!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle::before{
    content:""!important;
    position:absolute!important;
    inset:3px!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 42%,rgba(240,199,109,.10))!important;
    pointer-events:none!important;
    opacity:.85!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle::after{
    content:""!important;
    position:absolute!important;
    inset:5px!important;
    border-radius:11px!important;
    border:1px solid rgba(255,255,255,.095)!important;
    pointer-events:none!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle:active{
    transform:translate3d(0,-50%,0) scale(.965)!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle:focus-visible{
    outline:2px solid rgba(255,224,146,.62)!important;
    outline-offset:3px!important;
  }

  body.fx-v70-public-header .topbar[data-topbar].nav-open .nav-toggle{
    border-color:rgba(255,238,184,1)!important;
    background:
      radial-gradient(circle at 28% 16%,rgba(255,255,255,.24),transparent 36%),
      linear-gradient(180deg,rgba(33,48,70,.99),rgba(7,13,23,.99))!important;
    box-shadow:
      0 10px 24px rgba(0,0,0,.48),
      0 0 0 1px rgba(255,255,255,.055) inset,
      0 0 26px rgba(239,197,105,.20)!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle > *:not(.fx-v70-menu-bars){
    display:none!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle .fx-v70-menu-bars{
    position:relative!important;
    display:block!important;
    width:23px!important;
    min-width:23px!important;
    max-width:23px!important;
    height:17px!important;
    min-height:17px!important;
    max-height:17px!important;
    margin:0!important;
    padding:0!important;
    z-index:2!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle .fx-v70-menu-line{
    position:absolute!important;
    left:0!important;
    right:auto!important;
    display:block!important;
    width:23px!important;
    min-width:23px!important;
    max-width:23px!important;
    height:2.8px!important;
    min-height:2.8px!important;
    max-height:2.8px!important;
    margin:0!important;
    padding:0!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#fffdf6 0%,#ffe7aa 58%,#efc56b 100%)!important;
    box-shadow:0 0 7px rgba(239,197,105,.44)!important;
    opacity:1!important;
    transform-origin:center center!important;
    will-change:top,transform,opacity,width!important;
    transition:
      top .28s cubic-bezier(.22,1,.36,1),
      width .24s cubic-bezier(.22,1,.36,1),
      transform .28s cubic-bezier(.22,1,.36,1),
      opacity .16s ease!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle .fx-v70-menu-line:nth-child(1){
    top:0!important;
    width:19px!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle .fx-v70-menu-line:nth-child(2){
    top:7.1px!important;
    width:23px!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle .fx-v70-menu-line:nth-child(3){
    top:14.2px!important;
    width:16px!important;
  }

  body.fx-v70-public-header .topbar[data-topbar]:not(.nav-open) .nav-toggle:hover .fx-v70-menu-line:nth-child(1),
  body.fx-v70-public-header .topbar[data-topbar]:not(.nav-open) .nav-toggle:focus-visible .fx-v70-menu-line:nth-child(1),
  body.fx-v70-public-header .topbar[data-topbar]:not(.nav-open) .nav-toggle:hover .fx-v70-menu-line:nth-child(3),
  body.fx-v70-public-header .topbar[data-topbar]:not(.nav-open) .nav-toggle:focus-visible .fx-v70-menu-line:nth-child(3){
    width:23px!important;
  }

  body.fx-v70-public-header .topbar[data-topbar].nav-open .nav-toggle .fx-v70-menu-line:nth-child(1){
    top:7.1px!important;
    width:23px!important;
    transform:rotate(45deg)!important;
  }

  body.fx-v70-public-header .topbar[data-topbar].nav-open .nav-toggle .fx-v70-menu-line:nth-child(2){
    opacity:0!important;
    transform:scaleX(.12)!important;
  }

  body.fx-v70-public-header .topbar[data-topbar].nav-open .nav-toggle .fx-v70-menu-line:nth-child(3){
    top:7.1px!important;
    width:23px!important;
    transform:rotate(-45deg)!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .topnav{
    position:fixed!important;
    top:calc(var(--fx70-header-h) + 10px)!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - var(--fx70-header-h) - 24px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    align-items:stretch!important;
    padding:14px!important;
    margin:0!important;
    border-radius:22px!important;
    border:1px solid rgba(240,199,109,.22)!important;
    background:
      radial-gradient(circle at 85% 0%,rgba(33,74,125,.18),transparent 44%),
      linear-gradient(180deg,rgba(13,24,39,.985),rgba(5,9,15,.985))!important;
    box-shadow:0 24px 70px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.035)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    z-index:100490!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(0,-10px,0) scale(.985)!important;
    transform-origin:top center!important;
    transition:
      opacity .22s ease,
      transform .24s cubic-bezier(.22,1,.36,1),
      visibility .22s ease!important;
  }

  body.fx-v70-public-header .topbar[data-topbar].nav-open .topnav{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0) scale(1)!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .topnav a,
  body.fx-v70-public-header .topbar[data-topbar] .topnav .btn{
    width:100%!important;
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    padding:14px 16px!important;
    border-radius:16px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:linear-gradient(180deg,rgba(18,29,45,.96),rgba(10,17,28,.96))!important;
    color:#f4f7fb!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1.15!important;
    text-align:center!important;
    text-decoration:none!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .topnav a.btn:not(.ghost){
    background:linear-gradient(135deg,#ffe18e,#c7972e)!important;
    color:#08101b!important;
    border-color:rgba(255,225,142,.55)!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .topnav a.btn.ghost{
    background:linear-gradient(180deg,rgba(18,29,45,.96),rgba(10,17,28,.96))!important;
    color:#f4f7fb!important;
  }
}

@media (max-width: 430px){
  body.fx-v70-public-header{
    --fx70-header-h:80px;
    --fx70-header-side:13px;
    --fx70-menu-size:44px;
    --fx70-logo-w:clamp(152px, 46vw, 182px);
    --fx70-logo-h:52px;
  }
}

@media (max-width: 370px){
  body.fx-v70-public-header{
    --fx70-header-h:78px;
    --fx70-header-side:11px;
    --fx70-menu-size:42px;
    --fx70-logo-w:clamp(142px, 45vw, 164px);
    --fx70-logo-h:50px;
  }

  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle .fx-v70-menu-bars{
    width:21px!important;
    min-width:21px!important;
    max-width:21px!important;
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle .fx-v70-menu-line,
  body.fx-v70-public-header .topbar[data-topbar].nav-open .nav-toggle .fx-v70-menu-line:nth-child(1),
  body.fx-v70-public-header .topbar[data-topbar].nav-open .nav-toggle .fx-v70-menu-line:nth-child(3){
    width:21px!important;
    min-width:21px!important;
    max-width:21px!important;
  }

  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle .fx-v70-menu-line:nth-child(1){top:0!important;width:18px!important;}
  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle .fx-v70-menu-line:nth-child(2){top:6.6px!important;width:21px!important;}
  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle .fx-v70-menu-line:nth-child(3){top:13.2px!important;width:15px!important;}
  body.fx-v70-public-header .topbar[data-topbar].nav-open .nav-toggle .fx-v70-menu-line:nth-child(1),
  body.fx-v70-public-header .topbar[data-topbar].nav-open .nav-toggle .fx-v70-menu-line:nth-child(3){top:6.6px!important;}
}

@media (prefers-reduced-motion: reduce){
  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle,
  body.fx-v70-public-header .topbar[data-topbar] .nav-toggle *,
  body.fx-v70-public-header .topbar[data-topbar] .topnav{
    transition:none!important;
  }
}