/* ============================================================
   SISTEM TICARET - KOMPAKT KADEMELI FLYOUT MENU FINAL
   Referans: dar, nazik, pratik, sağa doğru açılan kurumsal menü
   ============================================================ */
:root{
  --st-fly-navy:#071a44;
  --st-fly-orange:#ff5a00;
  --st-fly-text:#525866;
  --st-fly-border:#e8ebf0;
  --st-fly-hover:#f3f4f6;
  --st-fly-shadow:0 8px 24px rgba(15,23,42,.13);
}

/* Eski mega/stair panellerini tamamen etkisizleştir */
.st-premium-mega2026,.st-left-stair2026{display:none!important}

/* ---------- ÜST MENÜ ---------- */
.st-flynav2026{
  position:relative!important;
  z-index:3000!important;
  background:#fff!important;
  border-top:1px solid var(--st-fly-border)!important;
  border-bottom:1px solid var(--st-fly-border)!important;
  overflow:visible!important;
}
.st-flynav-bar2026{
  min-height:44px!important;
  display:flex!important;
  align-items:stretch!important;
  overflow:visible!important;
}
.st-flynav-home2026,
.st-flynav-rootlink2026,
.st-flynav-deal2026{
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:0 13px!important;
  color:var(--st-fly-navy)!important;
  text-decoration:none!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  border-right:1px solid #f0f1f4!important;
  box-sizing:border-box!important;
}
.st-flynav-root2026{
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
}
.st-flynav-rootlink2026 b{
  font-size:11px!important;
  font-weight:800!important;
  opacity:.6!important;
}
.st-flynav-home2026:hover,
.st-flynav-root2026:hover>.st-flynav-rootlink2026,
.st-flynav-root2026.is-open>.st-flynav-rootlink2026{
  background:#f8f8f9!important;
  color:var(--st-fly-orange)!important;
}
.st-flynav-deal2026{
  margin-left:auto!important;
  background:var(--st-fly-orange)!important;
  color:#fff!important;
  border:0!important;
}
.st-flynav-dropdown2026{
  display:none;
  position:absolute!important;
  left:0!important;
  top:100%!important;
  min-width:270px!important;
  width:max-content!important;
  max-width:320px!important;
  background:#fff!important;
  border:1px solid #dfe3e8!important;
  box-shadow:var(--st-fly-shadow)!important;
  z-index:5000!important;
}
.st-flynav-root2026:hover>.st-flynav-dropdown2026,
.st-flynav-root2026.is-open>.st-flynav-dropdown2026{
  display:block!important;
}

/* ---------- ORTAK KADEMELI LISTE ---------- */
.st-cascade-list{
  list-style:none!important;
  margin:0!important;
  padding:5px 0!important;
  min-width:270px!important;
  background:#fff!important;
}
.st-cascade-item{
  position:relative!important;
  margin:0!important;
  padding:0!important;
}
.st-cascade-item>a{
  min-height:29px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:5px 13px!important;
  color:#555b66!important;
  text-decoration:none!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:500!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.st-cascade-item>a span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.st-cascade-item>a b{
  color:#20252c!important;
  font-size:13px!important;
  font-weight:700!important;
}
.st-cascade-item:hover>a,
.st-cascade-item.is-open>a{
  background:#f0f1f3!important;
  color:#343942!important;
}
.st-cascade-sub{
  display:none;
  position:absolute!important;
  left:100%!important;
  top:-6px!important;
  min-width:270px!important;
  background:#fff!important;
  border:1px solid #dfe3e8!important;
  box-shadow:var(--st-fly-shadow)!important;
  z-index:5001!important;
}
.st-cascade-item:hover>.st-cascade-sub,
.st-cascade-item.is-open>.st-cascade-sub{
  display:block!important;
}

/* ---------- SOL KATEGORI ---------- */
.st-flyleft2026{
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  position:relative!important;
  z-index:2500!important;
  overflow:visible!important;
  background:#fff!important;
  border:1px solid var(--st-fly-border)!important;
  border-radius:13px!important;
  box-shadow:0 10px 28px rgba(7,26,68,.06)!important;
}
.st-flyleft-title2026{
  width:100%!important;
  height:44px!important;
  border:0!important;
  border-radius:13px 13px 0 0!important;
  padding:0 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:var(--st-fly-orange)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.st-flyleft-rootlist2026{
  list-style:none!important;
  margin:0!important;
  padding:3px 0!important;
}
.st-flyleft-rootitem2026{
  position:relative!important;
  margin:0!important;
}
.st-flyleft-rootitem2026>a{
  height:35px!important;
  min-height:35px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:0 12px!important;
  color:var(--st-fly-navy)!important;
  text-decoration:none!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:800!important;
  border-bottom:1px solid #eef0f3!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.st-flyleft-rootitem2026>a span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.st-flyleft-rootitem2026>a b{
  font-size:14px!important;
  font-weight:800!important;
}
.st-flyleft-rootitem2026:hover>a,
.st-flyleft-rootitem2026.is-open>a{
  background:#f0f1f3!important;
  color:#20252c!important;
}
.st-flyleft-dropdown2026{
  display:none;
  position:absolute!important;
  left:100%!important;
  top:-4px!important;
  min-width:270px!important;
  background:#fff!important;
  border:1px solid #dfe3e8!important;
  box-shadow:var(--st-fly-shadow)!important;
  z-index:5000!important;
}
.st-flyleft-rootitem2026:hover>.st-flyleft-dropdown2026,
.st-flyleft-rootitem2026.is-open>.st-flyleft-dropdown2026{
  display:block!important;
}

/* Kademeler küçük kalsın */
.st-flyleft-dropdown2026 .st-cascade-list,
.st-flyleft-dropdown2026 .st-cascade-sub{
  min-width:270px!important;
  max-width:300px!important;
}
.st-flynav-dropdown2026 .st-cascade-list,
.st-flynav-dropdown2026 .st-cascade-sub{
  min-width:270px!important;
  max-width:310px!important;
}

/* Sayfa konteynerleri flyout'u kesmesin */
html,body,.site-wrap,.main-shell,.home-center{overflow-x:clip!important}
.main-shell,.st-flyleft2026{overflow:visible!important}

/* ---------- MOBIL ---------- */
@media(max-width:900px){
  .st-flynav2026{z-index:4000!important}
  .st-flynav-bar2026{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .st-flynav-home2026,.st-flynav-rootlink2026,.st-flynav-deal2026{
    height:40px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }
  .st-flynav-root2026:hover>.st-flynav-dropdown2026{display:none!important}
  .st-flynav-root2026.is-open>.st-flynav-dropdown2026{
    display:block!important;
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:108px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:calc(100vh - 125px)!important;
    overflow:auto!important;
    border-radius:10px!important;
  }

  .st-flyleft2026{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin-bottom:12px!important;
  }
  .st-flyleft-body2026{display:none!important}
  .st-flyleft2026.mobile-open .st-flyleft-body2026{display:block!important}
  .st-flyleft-rootitem2026:hover>.st-flyleft-dropdown2026{display:none!important}
  .st-flyleft-rootitem2026.is-open>.st-flyleft-dropdown2026{
    display:block!important;
    position:static!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0 7px 7px 18px!important;
    border-radius:8px!important;
    box-shadow:none!important;
    border-left:2px solid var(--st-fly-orange)!important;
  }

  .st-cascade-item:hover>.st-cascade-sub{display:none!important}
  .st-cascade-item.is-open>.st-cascade-sub{
    display:block!important;
    position:static!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin-left:14px!important;
    border:0!important;
    border-left:1px solid #dde1e6!important;
    box-shadow:none!important;
  }
  .st-cascade-list{min-width:0!important;width:100%!important}
  .st-cascade-item>a{
    min-height:31px!important;
    font-size:11.5px!important;
    padding:6px 10px!important;
  }
}



/* ============================================================
   KADEMELI FLYOUT - OKUNAKLILIK / HOVER GORSEL GUCLENDIRME
   Boyut ve sistem degismez.
   ============================================================ */

/* Üst menü ana yazılar */
.st-flynav-home2026,
.st-flynav-rootlink2026{
  color:#111827!important;
  font-weight:900!important;
}
.st-flynav-rootlink2026 b{
  color:#374151!important;
  opacity:1!important;
}
.st-flynav-home2026:hover,
.st-flynav-root2026:hover>.st-flynav-rootlink2026,
.st-flynav-root2026.is-open>.st-flynav-rootlink2026{
  background:#fff3e8!important;
  color:#d94d00!important;
}

/* Üst ve alt kademeli menü satırları */
.st-cascade-item>a{
  color:#111827!important;
  font-weight:700!important;
}
.st-cascade-item>a b{
  color:#111827!important;
}
.st-cascade-item:hover>a,
.st-cascade-item.is-open>a{
  background:#fff3e8!important;
  color:#d94d00!important;
}
.st-cascade-item:hover>a b,
.st-cascade-item.is-open>a b{
  color:#d94d00!important;
}

/* Sol ana kategori yazıları */
.st-flyleft-rootitem2026>a{
  color:#111827!important;
  font-weight:900!important;
}
.st-flyleft-rootitem2026>a b{
  color:#111827!important;
}
.st-flyleft-rootitem2026:hover>a,
.st-flyleft-rootitem2026.is-open>a{
  background:#fff3e8!important;
  color:#d94d00!important;
}
.st-flyleft-rootitem2026:hover>a b,
.st-flyleft-rootitem2026.is-open>a b{
  color:#d94d00!important;
}

/* Açılır paneller biraz daha net */
.st-flynav-dropdown2026,
.st-flyleft-dropdown2026,
.st-cascade-sub{
  border-color:#d9dde3!important;
  background:#ffffff!important;
}

/* Mobilde de aynı okunaklılık */
@media(max-width:900px){
  .st-cascade-item>a,
  .st-flyleft-rootitem2026>a,
  .st-flynav-rootlink2026,
  .st-flynav-home2026{
    color:#111827!important;
  }
}