/* Hiba Creative v60 - Header Redesign
   Slider korunur, sadece public header ve mobil drawer iyilestirilir. */
:root{
  --h60-ink:#0f172a;
  --h60-muted:#64748b;
  --h60-line:rgba(15,23,42,.10);
  --h60-soft:#f8fafc;
  --h60-green:#12b981;
  --h60-teal:#0f766e;
  --h60-orange:#ff6b16;
  --h60-dark:#071426;
}
body:not(.wclient) .h42-header.h54-header,
body:not(.wclient) .h42-header.h47-header{
  position:relative!important;
  z-index:1500!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  isolation:isolate!important;
}
body:not(.wclient) .h54-header .h47-topbar{
  height:42px!important;
  min-height:42px!important;
  background:linear-gradient(90deg,#071426 0%,#0b2138 48%,#0f3b37 100%)!important;
  border:0!important;
  color:#dbeafe!important;
  overflow:hidden!important;
}
body:not(.wclient) .h54-header .h47-topbar-inner{
  width:min(1280px,calc(100% - 40px))!important;
  max-width:1280px!important;
  height:42px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}
body:not(.wclient) .h54-header .h47-contact,
body:not(.wclient) .h54-header .h47-top-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
body:not(.wclient) .h54-header .h47-contact a,
body:not(.wclient) .h54-header .h47-top-link,
body:not(.wclient) .h54-header .h47-support{
  height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.045)!important;
  color:#e5eef8!important;
  text-decoration:none!important;
  font-size:12.5px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
body:not(.wclient) .h54-header .h47-contact a + a,
body:not(.wclient) .h54-header .h47-top-link,
body:not(.wclient) .h54-header .h47-support{border-left:1px solid rgba(255,255,255,.10)!important;}
body:not(.wclient) .h54-header .h47-contact i,
body:not(.wclient) .h54-header .h47-top-link i,
body:not(.wclient) .h54-header .h47-support i{color:#5eead4!important;font-size:14px!important;}
body:not(.wclient) .h54-header .h47-social{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding-right:2px!important;
  border-right:0!important;
}
body:not(.wclient) .h54-header .h47-social a,
body:not(.wclient) .h54-header .h47-social span{
  width:28px!important;
  height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  color:#e2e8f0!important;
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  text-decoration:none!important;
}
body:not(.wclient) .h54-header .h47-social a:hover{background:rgba(94,234,212,.16)!important;color:#fff!important;transform:translateY(-1px)!important;}
body:not(.wclient) .h54-header .h47-nav-shell{
  position:relative!important;
  height:auto!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.93))!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 18px 50px rgba(15,23,42,.10)!important;
  backdrop-filter:saturate(155%) blur(14px)!important;
  -webkit-backdrop-filter:saturate(155%) blur(14px)!important;
}
body:not(.wclient) .h54-header .h47-nav-shell:after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:-1px!important;
  height:3px!important;
  background:linear-gradient(90deg,var(--h60-teal),var(--h60-green),var(--h60-orange))!important;
  opacity:.95!important;
}
body:not(.wclient) .h54-header .h47-nav-shell .h42-container{
  width:min(1280px,calc(100% - 40px))!important;
  max-width:1280px!important;
  margin:0 auto!important;
}
body:not(.wclient) .h54-header .h47-navbar{
  height:86px!important;
  min-height:86px!important;
  display:grid!important;
  grid-template-columns:minmax(185px,250px) minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body:not(.wclient) .h54-header .h47-brand{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  width:max-content!important;
  max-width:100%!important;
  padding:8px 0!important;
  text-decoration:none!important;
}
body:not(.wclient) .h54-header .h47-brand:before{
  content:""!important;
  position:absolute!important;
  left:-14px!important;right:-14px!important;top:10px!important;bottom:10px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(15,118,110,.08),rgba(34,197,94,.05))!important;
  opacity:0!important;
  transition:opacity .2s ease!important;
}
body:not(.wclient) .h54-header .h47-brand:hover:before{opacity:1!important;}
body:not(.wclient) .h54-header .h47-brand img{
  position:relative!important;
  z-index:1!important;
  width:auto!important;
  max-width:230px!important;
  max-height:64px!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
}
body:not(.wclient) .h54-header .h47-menu,
body:not(.wclient) .h54-header .h47-menu>ul{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
body:not(.wclient) .h54-header .h47-menu>ul>li{position:relative!important;margin:0!important;padding:0!important;}
body:not(.wclient) .h54-header .h47-menu>ul>li>a{
  position:relative!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  background:transparent!important;
  border:1px solid transparent!important;
  color:#182235!important;
  text-decoration:none!important;
  font-size:14.5px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  line-height:1!important;
  transition:all .18s ease!important;
  box-shadow:none!important;
}
body:not(.wclient) .h54-header .h47-menu>ul>li>a:after{display:none!important;}
body:not(.wclient) .h54-header .h47-menu>ul>li:hover>a,
body:not(.wclient) .h54-header .h47-menu>ul>li>a:hover{
  color:var(--h60-teal)!important;
  background:#ecfdf5!important;
  border-color:#bbf7d0!important;
  transform:translateY(-1px)!important;
}
body:not(.wclient) .h54-header .h47-menu>ul>li.has-menu>a i{font-size:12px!important;color:#94a3b8!important;}
body:not(.wclient) .h54-header .h47-menu>ul>li.has-menu:hover>a i{color:var(--h60-teal)!important;}
body:not(.wclient) .h54-header .h47-menu .h42-dropdown{
  top:calc(100% + 14px)!important;
  left:0!important;
  min-width:245px!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 30px 80px rgba(15,23,42,.17)!important;
  overflow:hidden!important;
  z-index:9999!important;
  backdrop-filter:blur(14px)!important;
}
body:not(.wclient) .h54-header .h42-drop-list{padding:0!important;min-width:230px!important;display:grid!important;gap:4px!important;}
body:not(.wclient) .h54-header .h42-drop-list a{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 13px!important;
  border-radius:15px!important;
  text-decoration:none!important;
  color:#1f2937!important;
  background:transparent!important;
  font-weight:850!important;
  font-size:14px!important;
}
body:not(.wclient) .h54-header .h42-drop-list a i{width:18px!important;text-align:center!important;color:var(--h60-teal)!important;}
body:not(.wclient) .h54-header .h42-drop-list a:hover{background:#f0fdfa!important;color:var(--h60-teal)!important;}
body:not(.wclient) .h54-header .h47-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:0!important;
  min-width:max-content!important;
}
body:not(.wclient) .h54-header .h54-cart,
body:not(.wclient) .h54-header .h47-cart{
  position:relative!important;
  width:auto!important;
  min-width:54px!important;
  height:50px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 15px!important;
  border-radius:18px!important;
  border:1px solid #dbeafe!important;
  background:#f8fafc!important;
  color:#0f172a!important;
  text-decoration:none!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
}
body:not(.wclient) .h54-header .h54-cart i{color:var(--h60-teal)!important;font-size:17px!important;}
body:not(.wclient) .h54-header .h54-cart span{font-size:13px!important;font-weight:900!important;}
body:not(.wclient) .h54-header .h54-cart b{
  min-width:20px!important;height:20px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0 6px!important;background:var(--h60-orange)!important;color:#fff!important;
  font-size:11px!important;font-weight:950!important;line-height:1!important;
}
body:not(.wclient) .h54-header .h54-burger,
body:not(.wclient) .h54-header .h47-burger{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:6px!important;
  border-radius:18px!important;
  border:1px solid rgba(15,118,110,.18)!important;
  background:linear-gradient(135deg,#0f766e,#16a34a)!important;
  box-shadow:0 16px 34px rgba(15,118,110,.24)!important;
  cursor:pointer!important;
}
body:not(.wclient) .h54-header .h54-burger i,
body:not(.wclient) .h54-header .h47-burger i{width:22px!important;height:2px!important;border-radius:2px!important;background:#fff!important;display:block!important;}
body:not(.wclient).h42-menu-open{overflow:hidden!important;}
body:not(.wclient) .h42-mobile-backdrop{
  position:fixed!important;inset:0!important;z-index:99998!important;
  background:rgba(7,20,38,.62)!important;opacity:0!important;transition:opacity .22s ease!important;
  backdrop-filter:blur(4px)!important;
}
body:not(.wclient) .h42-mobile-backdrop.is-open{opacity:1!important;}
body:not(.wclient) .h42-mobile{
  position:fixed!important;top:0!important;right:0!important;bottom:0!important;
  width:min(430px,92vw)!important;height:100dvh!important;z-index:99999!important;
  display:block!important;overflow:auto!important;transform:translateX(108%)!important;
  transition:transform .25s cubic-bezier(.22,.8,.2,1)!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
  border-left:1px solid rgba(15,23,42,.10)!important;
  box-shadow:-28px 0 90px rgba(7,20,38,.28)!important;
}
body:not(.wclient) .h42-mobile.is-open{transform:translateX(0)!important;}
body:not(.wclient) .h42-mobile-head{
  position:sticky!important;top:0!important;z-index:2!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:18px!important;border-bottom:1px solid rgba(15,23,42,.08)!important;
  background:rgba(255,255,255,.94)!important;backdrop-filter:blur(10px)!important;
}
body:not(.wclient) .h42-mobile-head img{max-width:190px!important;max-height:54px!important;object-fit:contain!important;}
body:not(.wclient) .h42-mobile-head button{
  width:44px!important;height:44px!important;border-radius:15px!important;border:1px solid #e2e8f0!important;
  background:#fff!important;color:#0f172a!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
body:not(.wclient) .h47-mobile-contact,
body:not(.wclient) .h42-mobile-nav,
body:not(.wclient) .h42-mobile-actions{padding:14px 18px!important;}
body:not(.wclient) .h47-mobile-contact{display:grid!important;gap:9px!important;background:linear-gradient(135deg,#ecfdf5,#f8fafc)!important;border-bottom:1px solid rgba(15,23,42,.06)!important;}
body:not(.wclient) .h42-mobile-link,
body:not(.wclient) .h42-mobile-toggle,
body:not(.wclient) .h42-mobile-actions a,
body:not(.wclient) .h47-mobile-contact a{
  width:100%!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;
  margin:0 0 9px!important;padding:13px 14px!important;border-radius:17px!important;
  border:1px solid #e2e8f0!important;background:#fff!important;color:#0f172a!important;text-decoration:none!important;
  font-size:15px!important;font-weight:900!important;line-height:1.25!important;box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
}
body:not(.wclient) .h42-mobile-link i,
body:not(.wclient) .h42-mobile-toggle i,
body:not(.wclient) .h42-mobile-actions a i,
body:not(.wclient) .h47-mobile-contact a i{width:22px!important;text-align:center!important;color:var(--h60-teal)!important;font-size:17px!important;}
body:not(.wclient) .h42-mobile-toggle{border:0!important;cursor:pointer!important;text-align:left!important;}
body:not(.wclient) .h42-mobile-toggle em{margin-left:auto!important;color:#94a3b8!important;transition:transform .2s ease!important;}
body:not(.wclient) .h42-mobile-toggle.active{background:#ecfdf5!important;color:var(--h60-teal)!important;}
body:not(.wclient) .h42-mobile-toggle.active em{transform:rotate(180deg)!important;color:var(--h60-teal)!important;}
body:not(.wclient) .h42-mobile-sub{display:none!important;padding:2px 0 8px 14px!important;margin:0 0 6px!important;border-left:2px solid #ccfbf1!important;}
body:not(.wclient) .h42-mobile-sub.is-open{display:block!important;}
body:not(.wclient) .h42-mobile-actions a.primary{background:linear-gradient(135deg,#0f766e,#16a34a)!important;color:#fff!important;border-color:transparent!important;}
body:not(.wclient) .h42-mobile-actions a.primary i{color:#fff!important;}
@media(max-width:1280px){
  body:not(.wclient) .h54-header .h47-navbar{grid-template-columns:minmax(170px,225px) minmax(0,1fr) auto!important;gap:14px!important;}
  body:not(.wclient) .h54-header .h47-brand img{max-width:205px!important;}
  body:not(.wclient) .h54-header .h47-menu>ul>li>a{font-size:13.5px!important;padding:0 9px!important;}
  body:not(.wclient) .h54-header .h54-cart span{display:none!important;}
}
@media(max-width:1080px){
  body:not(.wclient) .h54-header .h47-menu{display:none!important;}
  body:not(.wclient) .h54-header .h54-burger,
  body:not(.wclient) .h54-header .h47-burger{display:flex!important;}
  body:not(.wclient) .h54-header .h47-navbar{grid-template-columns:minmax(0,1fr) auto!important;height:78px!important;min-height:78px!important;}
  body:not(.wclient) .h54-header .h47-brand img{max-width:210px!important;max-height:58px!important;}
  body:not(.wclient) .h54-header .h47-social{display:none!important;}
  body:not(.wclient) .h54-header .h47-top-link{display:none!important;}
}
@media(max-width:720px){
  body:not(.wclient) .h54-header .h47-topbar{display:none!important;}
  body:not(.wclient) .h54-header .h47-nav-shell .h42-container{width:calc(100% - 24px)!important;}
  body:not(.wclient) .h54-header .h47-navbar{height:70px!important;min-height:70px!important;gap:8px!important;}
  body:not(.wclient) .h54-header .h47-brand{padding:5px 0!important;}
  body:not(.wclient) .h54-header .h47-brand img{max-width:168px!important;max-height:48px!important;}
  body:not(.wclient) .h54-header .h54-cart,
  body:not(.wclient) .h54-header .h47-cart{width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;border-radius:15px!important;}
  body:not(.wclient) .h54-header .h54-cart span{display:none!important;}
  body:not(.wclient) .h54-header .h54-cart b{position:absolute!important;right:-6px!important;top:-6px!important;min-width:18px!important;height:18px!important;font-size:10px!important;padding:0 5px!important;}
  body:not(.wclient) .h54-header .h54-burger,
  body:not(.wclient) .h54-header .h47-burger{width:44px!important;height:44px!important;min-width:44px!important;border-radius:15px!important;}
}
@media(max-width:390px){
  body:not(.wclient) .h54-header .h47-brand img{max-width:145px!important;}
  body:not(.wclient) .h54-header .h47-actions{gap:6px!important;}
  body:not(.wclient) .h54-header .h54-cart,
  body:not(.wclient) .h54-header .h47-cart,
  body:not(.wclient) .h54-header .h54-burger,
  body:not(.wclient) .h54-header .h47-burger{width:41px!important;min-width:41px!important;height:41px!important;}
}