/* Sitetasarla — unified main-site navbar (2026-10-14).
   Loaded LAST on every main site page. Does not affect page hero or portfolio cards. */
html body .navbar .navbar-container {
  box-sizing:border-box !important;
  height:76px !important;
  min-height:76px !important;
  max-height:76px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
html body .navbar .navbar-logo {
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  margin-right:auto !important;
}
html body .navbar .navbar-logo img {
  display:block !important;
  width:154px !important;
  max-width:154px !important;
  height:auto !important;
  max-height:49px !important;
  object-fit:contain !important;
}
html body .navbar #mainMenu.navbar-menu {
  list-style:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:3px !important;
  margin:0 !important;
  padding:0 !important;
  flex-wrap:nowrap !important;
}
html body .navbar #mainMenu > li {
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
}
html body .navbar #mainMenu > li:not(.nav-cart):not(.nav-search) > a,
html body .navbar #mainMenu > li:not(.nav-cart):not(.nav-search) > a.active {
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  width:118px !important;
  min-width:118px !important;
  max-width:118px !important;
  padding:0 4px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:10px !important;
  font-family:inherit !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:-.22px !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  text-decoration:none !important;
  vertical-align:middle !important;
  transform:none !important;
}
html body .navbar #mainMenu > li:not(.nav-cart):not(.nav-search) > a.active {
  background:#fff2e8 !important;
  color:#d85f0b !important;
  box-shadow:inset 0 0 0 1px rgba(216,95,11,.10) !important;
}
html body .navbar #mainMenu > li.nav-cart {order:98 !important;}
html body .navbar #mainMenu > li.nav-cart > a.cart-link {
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  width:148px !important;
  min-width:148px !important;
  max-width:148px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  padding:0 8px !important;
  margin:0 !important;
  border-radius:10px !important;
  border:1px solid #111827 !important;
  background:#111827 !important;
  color:#fff !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
html body .navbar #mainMenu > li.nav-cart .badge {
  box-sizing:border-box !important;
  position:static !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 22px !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  border-radius:50% !important;
  margin:0 !important;
  padding:0 !important;
  font-size:12px !important;
  line-height:1 !important;
}
html body .navbar #mainMenu > li.nav-search {order:99 !important;}
html body .navbar #mainMenu > li.nav-search > a {
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:10px !important;
  line-height:1 !important;
}
html body .navbar .navbar-hamburger {display:none !important;}
/* ST_NAV_COMPACT_20261016 - Desktop dar pencere: 861-1199px arasi butonlar yatay kalir,
   esit genislikte ve ekranla birlikte kuculur; mobil gorunum korunur. */
@media (min-width:861px) and (max-width:1199px){
  html body .navbar .navbar-container{
    height:72px !important;min-height:72px !important;max-height:72px !important;
    gap:7px !important;flex-wrap:nowrap !important;
  }
  html body .navbar .navbar-logo{flex:0 0 auto !important;margin-right:auto !important;}
  html body .navbar .navbar-logo img{
    width:clamp(103px,12vw,145px) !important;
    max-width:clamp(103px,12vw,145px) !important;
    max-height:47px !important;height:auto !important;
  }
  html body .navbar .navbar-hamburger{display:none !important;}
  html body .navbar #mainMenu.navbar-menu{
    display:flex !important;position:static !important;
    z-index:auto !important;flex-direction:row !important;flex-wrap:nowrap !important;
    justify-content:flex-end !important;align-items:center !important;
    width:auto !important;min-width:0 !important;
    gap:2px !important;margin:0 !important;padding:0 !important;
    max-height:none !important;overflow:visible !important;
    background:transparent !important;border:0 !important;box-shadow:none !important;
  }
  html body .navbar #mainMenu > li{width:auto !important;flex:0 0 auto !important;}
  html body .navbar #mainMenu > li:not(.nav-cart):not(.nav-search) > a,
  html body .navbar #mainMenu > li:not(.nav-cart):not(.nav-search) > a.active{
    width:clamp(88px,calc((100vw - 200px)/8),112px) !important;
    min-width:clamp(88px,calc((100vw - 200px)/8),112px) !important;
    max-width:clamp(88px,calc((100vw - 200px)/8),112px) !important;
    height:40px !important;min-height:40px !important;max-height:40px !important;
    padding:0 2px !important;
    font-size:clamp(10px,1.05vw,12.3px) !important;
    line-height:1.1 !important;letter-spacing:-.25px !important;
    justify-content:center !important;white-space:nowrap !important;
  }
  html body .navbar #mainMenu > li.nav-cart > a.cart-link{
    width:clamp(114px,11.5vw,138px) !important;
    min-width:clamp(114px,11.5vw,138px) !important;
    max-width:clamp(114px,11.5vw,138px) !important;
    height:40px !important;min-height:40px !important;max-height:40px !important;
    font-size:clamp(10px,1.05vw,12.3px) !important;
    gap:4px !important;padding:0 5px !important;
  }
  html body .navbar #mainMenu > li.nav-cart .badge{
    width:20px !important;min-width:20px !important;height:20px !important;min-height:20px !important;
    flex:0 0 20px !important;font-size:11px !important;
  }
  html body .navbar #mainMenu > li.nav-search > a{
    width:clamp(34px,3.4vw,40px) !important;
    min-width:clamp(34px,3.4vw,40px) !important;
    max-width:clamp(34px,3.4vw,40px) !important;
    height:40px !important;min-height:40px !important;max-height:40px !important;
  }
}
@media (max-width:860px){
  html body .navbar .navbar-container {
    height:72px !important;
    min-height:72px !important;
    max-height:72px !important;
  }
  html body .navbar .navbar-logo img {
    width:150px !important;
    max-width:150px !important;
    max-height:47px !important;
  }
  html body .navbar .navbar-hamburger {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    margin-left:auto !important;
    padding:0 !important;
    border-radius:10px !important;
    cursor:pointer !important;
    position:relative !important;
    z-index:103 !important;
  }
  html body .navbar #mainMenu.navbar-menu {
    display:none !important;
    position:absolute !important;
    z-index:102 !important;
    top:72px !important;
    left:0 !important;
    right:0 !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:5px !important;
    padding:14px max(20px,calc((100vw - 1160px)/2)) 18px !important;
    max-height:calc(100dvh - 72px) !important;
    overflow-y:auto !important;
    background:#fff !important;
    border-top:1px solid #e5e7eb !important;
    box-shadow:0 20px 25px rgba(17,24,39,.12) !important;
  }
  html body .navbar #mainMenu.navbar-menu.active {display:flex !important;}
  html body .navbar #mainMenu > li {width:100% !important;}
  html body .navbar #mainMenu > li:not(.nav-cart):not(.nav-search) > a,
  html body .navbar #mainMenu > li:not(.nav-cart):not(.nav-search) > a.active {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    justify-content:flex-start !important;
    padding:0 14px !important;
    font-size:14px !important;
  }
  html body .navbar #mainMenu > li.nav-cart > a.cart-link {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    justify-content:space-between !important;
    padding:0 14px !important;
    font-size:14px !important;
  }
  html body .navbar #mainMenu > li.nav-search {display:flex !important;justify-content:flex-end !important;}
  html body .navbar #mainMenu > li.nav-search > a {width:44px !important;min-width:44px !important;max-width:44px !important;height:44px !important;}
}

/* ST_NAV_COMPACT_V2_20261016; 761-860px icin duzeltme (861-1199px da tutarli kalir) */
@media (min-width:761px) and (max-width:1199px){
 html body .navbar .navbar-container{height:72px!important;min-height:72px!important;max-height:72px!important;gap:5px!important;flex-wrap:nowrap!important}
 html body .navbar .navbar-logo{flex:0 0 auto!important;margin-right:auto!important;}
 html body .navbar .navbar-logo img{width:clamp(94px,11.2vw,143px)!important;max-width:clamp(94px,11.2vw,143px)!important;max-height:47px!important;height:auto!important}
 html body .navbar .navbar-hamburger{display:none!important}
 html body .navbar #mainMenu.navbar-menu{display:flex!important;position:static!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-end!important;align-items:center!important;width:auto!important;min-width:0!important;gap:2px!important;margin:0!important;padding:0!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
 html body .navbar #mainMenu>li{width:auto!important;flex:0 0 auto!important}
 html body .navbar #mainMenu>li:not(.nav-cart):not(.nav-search)>a,html body .navbar #mainMenu>li:not(.nav-cart):not(.nav-search)>a.active{width:clamp(80px,calc((100vw - 218px)/8),112px)!important;min-width:clamp(80px,calc((100vw - 218px)/8),112px)!important;max-width:clamp(80px,calc((100vw - 218px)/8),112px)!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 1px!important;font-size:clamp(9.8px,1.1vw,12px)!important;line-height:1.1!important;letter-spacing:-.25px!important;justify-content:center!important;white-space:nowrap!important}
 html body .navbar #mainMenu>li.nav-cart>a.cart-link{width:clamp(105px,11.5vw,138px)!important;min-width:clamp(105px,11.5vw,138px)!important;max-width:clamp(105px,11.5vw,138px)!important;height:40px!important;min-height:40px!important;max-height:40px!important;font-size:clamp(10px,1.07vw,12px)!important;gap:3px!important;padding:0 4px!important}
 html body .navbar #mainMenu>li.nav-cart .badge{width:19px!important;min-width:19px!important;height:19px!important;min-height:19px!important;flex:0 0 19px!important;font-size:10.5px!important}
 html body .navbar #mainMenu>li.nav-search>a{width:clamp(30px,3.4vw,40px)!important;min-width:clamp(30px,3.4vw,40px)!important;max-width:clamp(30px,3.4vw,40px)!important;height:40px!important;min-height:40px!important;max-height:40px!important}
}