/* STADYUM PRO V7.90 - FTP ultra premium tam genis navbar */
:root{
  --v790-nav-ink:#10263f;
  --v790-nav-muted:#6e8195;
  --v790-nav-line:#d8e5f0;
  --v790-nav-soft:#f6f9fc;
  --v790-nav-blue:#1769d2;
  --v790-nav-mint:#19b78f;
}
body.shop-body > header.shop-head.shop-head-pro{
  width:calc(100% - 8px)!important;
  max-width:none!important;
  margin:4px auto 12px!important;
  border:1px solid var(--v790-nav-line)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 12px 36px rgba(22,52,83,.11)!important;
  overflow:visible!important;
}
body.shop-body > header.shop-head.shop-head-pro > .shop-head-inner{
  width:100%!important;
  max-width:none!important;
  min-height:72px!important;
  margin:0!important;
  padding:8px clamp(10px,1.15vw,22px)!important;
  display:flex!important;
  align-items:center!important;
  gap:clamp(10px,1vw,18px)!important;
}
body.shop-body .shop-brand{
  flex:0 0 clamp(205px,14vw,245px)!important;
  min-width:190px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:5px 7px!important;
  border-radius:14px!important;
  color:var(--v790-nav-ink)!important;
  text-decoration:none!important;
}
body.shop-body .shop-brand img,
body.shop-body .shop-brand .brand-mark{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border-radius:12px!important;
  background:#fff!important;
  border:1px solid #e4edf5!important;
  box-shadow:0 7px 18px rgba(35,74,112,.08)!important;
}
body.shop-body .shop-brand>div{min-width:0!important}
body.shop-body .shop-brand strong{
  display:block!important;
  color:var(--v790-nav-ink)!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.shop-body .shop-brand small{
  display:block!important;
  margin-top:3px!important;
  color:var(--v790-nav-muted)!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media (min-width:1320px){
  body.shop-body .shop-menu-toggle{display:none!important}
  body.shop-body .shop-navigation{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    gap:6px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.shop-body .shop-member-nav-links{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:0 1 auto!important;
    min-width:0!important;
    gap:6px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
  }
  body.shop-body .shop-navigation>a,
  body.shop-body .shop-member-nav-links>a,
  body.shop-body .shop-nav-logout>button{
    position:relative!important;
    min-height:50px!important;
    padding:6px 9px!important;
    border:1px solid #e2ebf3!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f9fbfd 100%)!important;
    color:var(--v790-nav-ink)!important;
    text-decoration:none!important;
    font-size:11.5px!important;
    font-weight:900!important;
    line-height:1.05!important;
    letter-spacing:-.005em!important;
    white-space:nowrap!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    box-shadow:0 3px 9px rgba(29,65,99,.035)!important;
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease!important;
  }
  body.shop-body .shop-navigation>a>span,
  body.shop-body .shop-member-nav-links>a>span,
  body.shop-body .shop-nav-logout>button>span{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:9px!important;
    border:1px solid #dce8f2!important;
    background:linear-gradient(145deg,#eef5ff 0%,#ecfaf6 100%)!important;
    color:#0d4c80!important;
    font-size:14px!important;
    line-height:1!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
  }
  body.shop-body .shop-navigation>a b,
  body.shop-body .shop-member-nav-links>a b,
  body.shop-body .shop-nav-logout>button b{
    color:inherit!important;
    font:inherit!important;
  }
  body.shop-body .shop-navigation>a:hover,
  body.shop-body .shop-member-nav-links>a:hover,
  body.shop-body .shop-nav-logout>button:hover{
    transform:translateY(-2px)!important;
    border-color:#c6dbea!important;
    background:linear-gradient(180deg,#ffffff 0%,#f1f8ff 100%)!important;
    color:#0a3d6f!important;
    box-shadow:0 10px 22px rgba(33,78,120,.11)!important;
  }
  body.shop-body .shop-navigation>a:hover>span,
  body.shop-body .shop-member-nav-links>a:hover>span,
  body.shop-body .shop-nav-logout>button:hover>span{
    border-color:#bdd8ea!important;
    background:linear-gradient(145deg,#e5f2ff 0%,#e3f8f1 100%)!important;
  }
  body.shop-body .shop-navigation>a.is-current,
  body.shop-body .shop-navigation>a.is-active,
  body.shop-body .shop-navigation>a[aria-current="page"],
  body.shop-body .shop-member-nav-links>a.is-current,
  body.shop-body .shop-member-nav-links>a.is-active,
  body.shop-body .shop-member-nav-links>a[aria-current="page"]{
    border-color:#a9cee6!important;
    background:linear-gradient(135deg,#edf6ff 0%,#e9faf4 100%)!important;
    color:#07385f!important;
    box-shadow:0 10px 24px rgba(24,95,145,.13),inset 0 -3px 0 var(--v790-nav-mint)!important;
  }
  body.shop-body .shop-navigation>a.is-current>span,
  body.shop-body .shop-navigation>a.is-active>span,
  body.shop-body .shop-navigation>a[aria-current="page"]>span,
  body.shop-body .shop-member-nav-links>a.is-current>span,
  body.shop-body .shop-member-nav-links>a.is-active>span,
  body.shop-body .shop-member-nav-links>a[aria-current="page"]>span{
    border-color:#a9cfe4!important;
    background:linear-gradient(145deg,#dcefff 0%,#dff7ef 100%)!important;
    color:#07548c!important;
  }
  body.shop-body .shop-nav-logout{flex:0 0 auto!important;margin:0!important}
  body.shop-body .shop-nav-logout>button{cursor:pointer!important;color:#40556b!important}
}

/* 1320 altinda menu sikismak yerine premium mobil/panel menusu olur */
@media (max-width:1319px){
  body.shop-body > header.shop-head.shop-head-pro{
    width:calc(100% - 10px)!important;
    margin:5px auto 9px!important;
    border-radius:16px!important;
  }
  body.shop-body > header.shop-head.shop-head-pro > .shop-head-inner{
    min-height:64px!important;
    padding:8px 10px!important;
  }
  body.shop-body .shop-brand{flex:1 1 auto!important;min-width:0!important}
  body.shop-body .shop-menu-toggle{
    min-width:86px!important;
    min-height:44px!important;
    border:1px solid #d7e5ef!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,#fff,#f5f9fc)!important;
    color:#16324e!important;
    box-shadow:0 6px 16px rgba(30,69,104,.08)!important;
  }
  body.shop-body .shop-navigation{
    background:#fff!important;
    color:var(--v790-nav-ink)!important;
    border:1px solid #d7e5ef!important;
    border-radius:16px!important;
    box-shadow:0 20px 50px rgba(16,48,79,.17)!important;
    padding:10px!important;
    gap:7px!important;
  }
  body.shop-body .shop-member-nav-links{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
  }
  body.shop-body .shop-navigation>a,
  body.shop-body .shop-member-nav-links>a,
  body.shop-body .shop-nav-logout>button{
    min-height:48px!important;
    border:1px solid #e0eaf2!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#183550!important;
    font-size:12px!important;
    font-weight:850!important;
    box-shadow:none!important;
  }
  body.shop-body .shop-navigation>a>span,
  body.shop-body .shop-member-nav-links>a>span,
  body.shop-body .shop-nav-logout>button>span{
    width:28px!important;height:28px!important;min-width:28px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    border-radius:9px!important;background:#eef7fa!important;border:1px solid #d7e8ee!important;
  }
  body.shop-body .shop-navigation>a.is-current,
  body.shop-body .shop-navigation>a[aria-current="page"],
  body.shop-body .shop-member-nav-links>a.is-current,
  body.shop-body .shop-member-nav-links>a[aria-current="page"]{
    background:linear-gradient(135deg,#edf6ff,#e9faf4)!important;
    border-color:#b8d8e7!important;
    color:#093f66!important;
    box-shadow:inset 3px 0 0 var(--v790-nav-mint)!important;
  }
  body.shop-body .shop-nav-logout{width:100%!important;margin:0!important}
  body.shop-body .shop-nav-logout>button{width:100%!important}
}

@media (max-width:640px){
  body.shop-body > header.shop-head.shop-head-pro{width:calc(100% - 6px)!important;margin:3px auto 7px!important;border-radius:14px!important}
  body.shop-body > header.shop-head.shop-head-pro > .shop-head-inner{min-height:58px!important;padding:7px 8px!important}
  body.shop-body .shop-brand img,body.shop-body .shop-brand .brand-mark{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:10px!important}
  body.shop-body .shop-brand strong{font-size:12.5px!important}
  body.shop-body .shop-brand small{display:none!important}
  body.shop-body .shop-member-nav-links{grid-template-columns:1fr!important}
  body.shop-body .shop-navigation>a,body.shop-body .shop-member-nav-links>a,body.shop-body .shop-nav-logout>button{min-height:48px!important;justify-content:flex-start!important;padding:8px 10px!important;font-size:12.5px!important}
}

@media (prefers-reduced-motion:reduce){
  body.shop-body .shop-navigation>a,
  body.shop-body .shop-member-nav-links>a,
  body.shop-body .shop-nav-logout>button{transition:none!important}
}