/* Botixx unified public header v24
   Canonical visual source: /kurumsal-cozumler header. */
:root{
  --bx-public-blue:#1265ff;
  --bx-public-blue2:#0755da;
  --bx-public-ink:#101828;
  --bx-public-muted:#667085;
  --bx-public-line:#e1e7f0;
  --bx-public-soft:#f0f5ff;
  --bx-public-radius:14px;
  --header:72px;
}
html{scrollbar-gutter:stable}
.bx-public-top{
  position:sticky!important;
  top:0!important;
  z-index:240!important;
  width:100%!important;
  height:72px!important;
  margin:0!important;
  background:rgba(255,255,255,.96)!important;
  border:0!important;
  border-bottom:1px solid var(--bx-public-line)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  color:var(--bx-public-ink)!important;
  view-transition-name:botixx-public-header;
}
.bx-public-top.scrolled{box-shadow:0 8px 30px -18px rgba(16,24,40,.18)!important}
.bx-public-top .top-in{
  width:min(1480px,calc(100% - 42px))!important;
  max-width:none!important;
  height:72px!important;
  min-height:72px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr)!important;
  align-items:center!important;
  gap:24px!important;
}
.bx-public-top .logo{
  flex:0 0 139px!important;
  width:139px!important;
  height:40px!important;
  min-width:139px!important;
  display:flex!important;
  align-items:center!important;
  justify-self:start!important;
  margin:0!important;
  padding:0!important;
}
.bx-public-top .logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
}
.bx-public-top .nav{
  display:flex!important;
  flex:0 1 auto!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:750!important;
  color:var(--bx-public-muted)!important;
}
.bx-public-top .nav a,
.bx-public-top .nav .nav-btn{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  color:var(--bx-public-muted)!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font:750 13px/1 Inter,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:0!important;
  cursor:pointer!important;
  transition:background .18s ease,color .18s ease!important;
}
.bx-public-top .nav a:hover,
.bx-public-top .nav a.is-active,
.bx-public-top .nav .nav-btn:hover,
.bx-public-top .nav .nav-btn.active{
  background:var(--bx-public-soft)!important;
  color:#155eef!important;
}
.bx-public-top .nav-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  justify-self:end!important;
  gap:8px!important;
  margin:0!important;
}
.bx-public-top .header-account{display:flex!important;align-items:center!important;gap:8px!important}
.bx-public-top .header-account a,
.bx-public-top .bx-context-cta{
  height:42px!important;
  min-height:42px!important;
  padding:0 15px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font:800 12.5px/1 Inter,"Segoe UI",Arial,sans-serif!important;
  text-decoration:none!important;
}
.bx-public-top .header-account .account-login-link,
.bx-public-top .header-account .account-panel-link{
  background:#f7f9fc!important;
  color:#17243d!important;
  border:1px solid #dce5f1!important;
}
.bx-public-top .header-account .account-register-link,
.bx-public-top .bx-context-cta{
  background:#1265ff!important;
  color:#fff!important;
  border:1px solid #1265ff!important;
  box-shadow:0 8px 18px rgba(18,101,255,.14)!important;
}
.bx-public-menu-toggle{
  display:none;
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border:1px solid #dce5f1!important;
  border-radius:12px!important;
  background:#fff!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:4px!important;
  padding:0!important;
}
.bx-public-menu-toggle span{width:17px!important;height:2px!important;border-radius:999px!important;background:#17243d!important;display:block!important}
.bx-public-mobile-menu{position:fixed!important;inset:0!important;z-index:2400!important;pointer-events:none!important;visibility:hidden!important}
.bx-public-mobile-menu.open{pointer-events:auto!important;visibility:visible!important}
.bx-public-mobile-backdrop{position:absolute!important;inset:0!important;border:0!important;background:rgba(5,16,36,.36)!important;opacity:0!important;transition:opacity .18s ease!important}
.bx-public-mobile-menu.open .bx-public-mobile-backdrop{opacity:1!important}
.bx-public-mobile-panel{position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:min(340px,88vw)!important;background:#fff!important;transform:translateX(100%)!important;transition:transform .22s ease!important;box-shadow:-18px 0 50px rgba(16,24,40,.15)!important;padding:18px!important}
.bx-public-mobile-menu.open .bx-public-mobile-panel{transform:none!important}
.bx-public-mobile-head{height:52px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #edf1f6!important;padding-bottom:12px!important;margin-bottom:12px!important}
.bx-public-mobile-head img{width:122px!important;height:auto!important}
.bx-public-mobile-close{width:38px!important;height:38px!important;border:0!important;border-radius:10px!important;background:#f5f7fa!important;font-size:24px!important;color:#344054!important}
.bx-public-mobile-panel nav{display:grid!important;gap:6px!important}
.bx-public-mobile-panel nav a{display:flex!important;align-items:center!important;min-height:48px!important;padding:0 12px!important;border-radius:11px!important;color:#344054!important;text-decoration:none!important;font:750 14px/1.2 Inter,"Segoe UI",Arial,sans-serif!important;background:transparent!important}
.bx-public-mobile-panel nav a:hover,
.bx-public-mobile-panel nav a.is-active,
.bx-public-mobile-panel nav a.active{background:#f0f5ff!important;color:#155eef!important}

/* Cross-document page changes keep the header visually anchored instead of flashing as a new page. */
@view-transition{navigation:auto}
::view-transition-group(botixx-public-header){animation-duration:0s}
::view-transition-old(botixx-public-header),
::view-transition-new(botixx-public-header){animation:none;mix-blend-mode:normal}
::view-transition-old(root){animation:bx-public-page-out .11s ease both}
::view-transition-new(root){animation:bx-public-page-in .16s ease both}
@keyframes bx-public-page-out{to{opacity:.72}}
@keyframes bx-public-page-in{from{opacity:.72}to{opacity:1}}

@media(max-width:980px){
  :root{--header:66px}
  .bx-public-top{height:66px!important}
  .bx-public-top .top-in{width:calc(100% - 28px)!important;height:66px!important;min-height:66px!important;display:flex!important;justify-content:space-between!important;gap:12px!important}
  .bx-public-top .logo{flex-basis:126px!important;width:126px!important;min-width:126px!important}
  .bx-public-top .nav,.bx-public-top .header-account{display:none!important}
  .bx-public-menu-toggle{display:flex!important}
  .bx-public-top .bx-context-cta{height:40px!important;min-height:40px!important;padding:0 13px!important;font-size:12px!important}
}
@media(max-width:520px){.bx-public-top .bx-context-cta{display:none!important}}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}


/* Botixx mobile header refinement v25 */
.bx-public-mobile-account{display:none}
@media(max-width:980px){
  html,body{max-width:100%;overflow-x:hidden}
  .bx-public-top .top-in{max-width:100%!important;box-sizing:border-box!important}
  .bx-public-mobile-panel{width:min(360px,92vw)!important;padding:18px 18px max(18px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important}
  .bx-public-mobile-panel nav{flex:0 0 auto!important}
  .bx-public-mobile-backdrop{background:rgba(5,16,36,.48)!important}
  .bx-public-mobile-account{display:grid!important;grid-template-columns:1fr 1fr;gap:9px!important;margin-top:16px!important;padding-top:16px!important;border-top:1px solid #edf1f6!important}
  .bx-public-mobile-account a{min-height:46px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font:800 13px/1 Inter,"Segoe UI",Arial,sans-serif!important}
  .bx-public-mobile-account .account-login-link,.bx-public-mobile-account .account-panel-link{background:#f7f9fc!important;color:#17243d!important;border:1px solid #dce5f1!important}
  .bx-public-mobile-account .account-register-link{background:#1265ff!important;color:#fff!important;border:1px solid #1265ff!important}
  .bx-public-mobile-account .account-panel-link{grid-column:1/-1!important}
}
@media(max-width:380px){
  .bx-public-mobile-panel{width:94vw!important;padding-left:15px!important;padding-right:15px!important}
}

/* v25 — force the homepage header to use the same interaction language as
   E-Commerce and Corporate: neutral text, soft-blue rounded hover/active pill. */
body.bx-home-mode .bx-public-top .nav .nav-btn,
body.bx-home-mode .bx-public-top .nav a,
body:has(.screen[data-screen="home"].active) .bx-public-top .nav .nav-btn,
body:has(.screen[data-screen="home"].active) .bx-public-top .nav a{
  height:42px!important;
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  background:transparent!important;
  color:var(--bx-public-muted)!important;
  font:750 13px/1 Inter,"Segoe UI",Arial,sans-serif!important;
  transition:background .18s ease,color .18s ease!important;
}
body.bx-home-mode .bx-public-top .nav .nav-btn:hover,
body.bx-home-mode .bx-public-top .nav a:hover,
body.bx-home-mode .bx-public-top .nav .nav-btn.active,
body:has(.screen[data-screen="home"].active) .bx-public-top .nav .nav-btn:hover,
body:has(.screen[data-screen="home"].active) .bx-public-top .nav a:hover,
body:has(.screen[data-screen="home"].active) .bx-public-top .nav .nav-btn.active{
  background:var(--bx-public-soft)!important;
  color:#155eef!important;
}