/* vipbebek-header.css v9 — bagi.com.tr header yapısı, ürün sayfası paleti (#1d3075 / #006dd5 / #03a9f4) */
:root{
  --vb-h-navy:#1d3075;
  --vb-h-deep:#1d3075;
  --vb-h-ink:#0f1a42;
  --vb-h-field:#24398a;
  --vb-h-blue:#03a9f4;
  --vb-h-on-accent:#fff;
  --vb-h-blue-hover:#006dd5;
  --vb-h-sky:#03a9f4;
  --vb-h-action:#006dd5;
  --vb-h-white:#f5f8fc;
  --vb-h-soft:rgba(245,248,252,.88);
  --vb-h-muted:rgba(245,248,252,.5);
  --vb-h-border:rgba(255,255,255,.1);
  --vb-h-tab:3.25rem;
}

/* GENERAL */
html body header.vb-header,
html body header.vb-header .bg-white,
html body header.vb-header .bg-light{
  background:var(--vb-h-navy) !important;
  color:var(--vb-h-white) !important;
}
html body header.vb-header{margin-bottom:0 !important;}
/* Logo satırı beyaz — logo kendi zemininde */
html body header.vb-header .vb-header-main{
  background:#fff !important;
  color:var(--vb-h-navy) !important;
}
html body header.vb-header a,
html body header.vb-header button,
html body header.vb-header input,
html body header.vb-header svg{
  transition:color .25s ease, background .25s ease, border-color .25s ease, opacity .25s ease, box-shadow .25s ease;
}

.vb-cart-count-sync{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

/* TOP BAR */
html body header.vb-header .vb-topbar{
  background:var(--vb-h-ink) !important;
  border-bottom:1px solid var(--vb-h-border) !important;
  padding-top:2px !important;
  padding-bottom:2px !important;
}
html body header.vb-header .vb-topbar a,
html body header.vb-header .vb-topbar span{
  color:var(--vb-h-soft) !important;
  font-weight:500;
}
html body header.vb-header .vb-topbar a:hover,
html body header.vb-header .vb-topbar span:hover{
  color:var(--vb-h-sky) !important;
  text-decoration:none !important;
}
html body header.vb-header .vb-topbar .border-e{border-color:var(--vb-h-border) !important;}
html body header.vb-header .vb-topbar .dropdown-body .text-body,
html body header.vb-header .vb-topbar .dropdown-body span{color:var(--vb-h-soft) !important;}

/* MAIN ROW */
@media(min-width:1024px){
  html body header.vb-header .vb-header-main-row{
    padding-top:0 !important;
    padding-bottom:0 !important;
    min-height:76px !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:1.25rem !important;
  }
}

/* LOGO — orijinal renkleriyle, beyaz zeminde */
.vb-logo-area{
  width:260px !important;
  min-width:260px !important;
  height:72px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
.vb-logo-link{
  display:flex !important;
  align-items:center !important;
  transition:transform .25s ease !important;
}
.vb-logo-link:hover{transform:scale(1.03);}
.vb-header-logo{
  width:250px !important;
  max-width:250px !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  filter:none !important;
}

/* SEARCH */
html body header.vb-header input[type="search"]{
  background:#f5f8fc !important;
  border:1px solid #e8eef5 !important;
  border-radius:14px !important;
  height:42px !important;
  color:var(--vb-h-navy) !important;
  box-shadow:none !important;
  padding-right:48px !important;
}
html body header.vb-header input[type="search"]::placeholder{color:#6b7280 !important;}
html body header.vb-header input[type="search"]:focus{
  background:#fff !important;
  border-color:var(--vb-h-navy) !important;
  box-shadow:0 0 0 3px rgba(29,48,117,.12) !important;
}
.vb-search-form{width:100% !important;position:relative !important;}
.vb-search-submit{
  position:absolute !important;
  right:12px !important;
  left:auto !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:32px !important;
  height:32px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  color:var(--vb-h-navy) !important;
  z-index:5 !important;
}
.vb-search-submit:hover{color:#006dd5 !important;}

@media(min-width:1024px){
  .vb-header-search{
    flex:0 1 380px !important;
    width:100% !important;
    max-width:380px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .vb-search-form{max-width:380px !important;}
}

/* ICONS */
html body header.vb-header [data-qa="favorites-link"],
html body header.vb-header [data-qa="account-dropdown"] > a,
html body header.vb-header [data-qa="cart-link"]{
  color:var(--vb-h-navy) !important;
}
html body header.vb-header [data-qa="favorites-link"]:hover,
html body header.vb-header [data-qa="account-dropdown"] > a:hover,
html body header.vb-header [data-qa="account-dropdown"]:hover > a,
html body header.vb-header [data-qa="cart-link"]:hover{
  color:#006dd5 !important;
}
html body header.vb-header [data-toggle="cart-count"]:not(.vb-cart-count-sync),
html body header.vb-header [data-toggle="favourite-count"]{
  background:var(--vb-h-navy) !important;
  border:2px solid #fff !important;
  color:#fff !important;
  font-weight:700;
}

/* CATEGORY BAR */
html body header.vb-header .vb-catbar{
  background:var(--vb-h-deep) !important;
  border-top:1px solid var(--vb-h-border) !important;
  border-bottom:1px solid var(--vb-h-border) !important;
  box-shadow:none !important;
  min-height:46px !important;
}
html body header.vb-header [data-toggle="menu"] > .group > a,
html body header.vb-header [data-toggle="menu"] > .group > span{
  color:var(--vb-h-white) !important;
  font-size:14px !important;
  font-weight:500;
  letter-spacing:-0.01em;
}
html body header.vb-header [data-toggle="menu"] > .group > a{
  padding-left:18px !important;
  padding-right:18px !important;
}
html body header.vb-header [data-toggle="menu"] > .group:hover > a,
html body header.vb-header [data-toggle="menu"] > .group:hover > span{
  color:var(--vb-h-sky) !important;
}

/* MAIN_MENU alt açılır */
html body header.vb-header .vb-main-drop{
  background:var(--vb-h-deep) !important;
  border-top:1px solid var(--vb-h-border) !important;
  color:var(--vb-h-white) !important;
}
html body header.vb-header .vb-main-drop a{color:rgba(255,255,255,.82) !important;}
html body header.vb-header .vb-main-drop a.vb-mega-sub-title{color:#fff !important;}
html body header.vb-header .vb-main-drop a:hover{color:var(--vb-h-sky) !important;}

/* DROPDOWNS */
html body header.vb-header .dropdown-body{
  background:var(--vb-h-deep) !important;
  border:1px solid var(--vb-h-border) !important;
  border-radius:18px !important;
  box-shadow:0 20px 60px rgba(15,26,66,.45) !important;
}
html body header.vb-header .dropdown-body .bg-white{
  background:transparent !important;
  color:var(--vb-h-white) !important;
}
html body header.vb-header .dropdown-body a,
html body header.vb-header .dropdown-body span{color:var(--vb-h-soft) !important;}
html body header.vb-header .vb-account-links > a:hover,
html body header.vb-header .vb-account-links > span:hover{
  color:#fff !important;
  background:rgba(255,255,255,.07) !important;
}
html body header.vb-header .vb-member-name{
  color:var(--vb-h-sky) !important;
  border-color:var(--vb-h-border) !important;
}

/* ACCOUNT DROPDOWN */
html body header.vb-header [data-qa="account-dropdown"]{
  position:relative;
  padding-bottom:24px;
  margin-bottom:-24px;
}
html body header.vb-header [data-qa="account-dropdown"] .dropdown-body{
  margin-top:0 !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  min-width:176px !important;
  border:1px solid rgba(3,169,244,.25) !important;
  box-shadow:0 24px 60px rgba(15,26,66,.55) !important;
  overflow:visible !important;
}
html body header.vb-header [data-qa="account-dropdown"] .dropdown-body::after{
  content:"";
  position:absolute;
  top:-7px;
  left:50%;
  transform:translateX(-50%) rotate(45deg);
  width:14px;
  height:14px;
  background:var(--vb-h-deep);
  border-top:1px solid rgba(3,169,244,.25);
  border-left:1px solid rgba(3,169,244,.25);
}
html body header.vb-header .dropdown-body .btn-primary{
  background:var(--vb-h-blue) !important;
  border:1px solid var(--vb-h-blue) !important;
  color:var(--vb-h-on-accent) !important;
  font-weight:600 !important;
}
html body header.vb-header .dropdown-body .btn-primary:hover{
  background:var(--vb-h-blue-hover) !important;
  border-color:var(--vb-h-blue-hover) !important;
}
html body header.vb-header .dropdown-body .btn-outline-primary{
  border:1px solid rgba(3,169,244,.5) !important;
  color:var(--vb-h-sky) !important;
  background:transparent !important;
}
html body header.vb-header .dropdown-body .btn-outline-primary:hover{
  background:var(--vb-h-blue) !important;
  border-color:var(--vb-h-blue) !important;
  color:var(--vb-h-on-accent) !important;
}

/* CANLI ARAMA */
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full{
  background:#fff !important;
  color:var(--vb-h-navy) !important;
  border:1px solid #e8eef5 !important;
  border-radius:18px !important;
  box-shadow:0 24px 60px rgba(15,26,66,.18), 0 2px 6px rgba(15,26,66,.06) !important;
}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full > .flex{scrollbar-width:thin;scrollbar-color:#c3cfdf transparent;}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full .border-gray-100{border-color:#e8eef5 !important;}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full .bg-white{background:#fff !important;}

/* Bölüm başlıkları ve sayaçlar */
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full .text-sm.font-semibold{
  color:var(--vb-h-navy) !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full span.rounded-full.text-xs{
  background:var(--vb-h-navy) !important;
  color:#fff !important;
  font-weight:700 !important;
  font-size:11px !important;
}

/* Arama geçmişi */
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full button.text-gray-500{
  color:#6b7280 !important;
  text-decoration:underline;
  text-underline-offset:3px;
}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full button.text-gray-500:hover{color:var(--vb-h-navy) !important;}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full ul.flex-wrap button{
  gap:6px;
  padding:6px 14px !important;
  background:#e8eef5 !important;
  border-color:#e8eef5 !important;
  color:var(--vb-h-navy) !important;
  font-weight:600;
}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full ul.flex-wrap button::before{
  content:"";
  width:12px;
  height:12px;
  background:currentColor;
  opacity:.55;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;
}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full ul.flex-wrap button:hover{
  background:var(--vb-h-navy) !important;
  border-color:var(--vb-h-navy) !important;
  color:#fff !important;
}

/* Tümünü gör */
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full button.text-primary{
  padding:7px 14px !important;
  border-radius:999px !important;
  background:var(--vb-h-navy) !important;
  color:#fff !important;
  font-weight:600 !important;
}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full button.text-primary:hover{background:var(--vb-h-action) !important;}

/* Ürün kartları */
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full ul.flex-col.gap-2{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-product-"]{
  height:100%;
  padding:8px !important;
  gap:12px !important;
  border:1px solid #e8eef5 !important;
  border-radius:14px !important;
  background:#fff !important;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-product-"]:hover{
  border-color:var(--vb-h-navy) !important;
  box-shadow:0 8px 20px rgba(29,48,117,.12) !important;
  transform:translateY(-1px);
}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-product-"] figure{
  width:64px !important;
  height:64px !important;
  border-radius:10px !important;
  background:#f5f8fc !important;
}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-product-"] > span{
  color:var(--vb-h-navy) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
}

/* Kategori, marka, etiket listeleri */
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-category-"],
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-brand-"],
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-tag-"]{
  justify-content:space-between;
  padding:9px 10px !important;
  border-radius:10px !important;
  color:#374151 !important;
  font-size:13px !important;
  font-weight:500;
}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-category-"]::after,
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-brand-"]::after,
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-tag-"]::after{
  content:"›";
  font-size:16px;
  line-height:1;
  color:#c3cfdf;
  transition:transform .2s ease, color .2s ease;
}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-category-"]:hover,
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-brand-"]:hover,
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-tag-"]:hover{
  background:#e8eef5 !important;
  color:var(--vb-h-navy) !important;
}
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-category-"]:hover::after,
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-brand-"]:hover::after,
html body header.vb-header [data-toggle="live-search"] > .absolute.top-full a[id^="live-search-tag-"]:hover::after{
  color:var(--vb-h-navy);
  transform:translateX(3px);
}

@media(min-width:1024px){
  html body header.vb-header [data-toggle="live-search"] > .absolute.top-full{width:780px !important;}
}
@media(max-width:639px){
  html body header.vb-header [data-toggle="live-search"] > .absolute.top-full ul.flex-col.gap-2{grid-template-columns:1fr !important;}
}

/* MEGA MENU */
.vb-mega-menu{
  height:600px !important;
  background:var(--vb-h-deep) !important;
  border:1px solid rgba(3,169,244,.16) !important;
  box-shadow:0 24px 70px rgba(15,26,66,.45) !important;
}
.vb-mega-layout{
  display:flex !important;
  width:100% !important;
  height:100% !important;
  background:var(--vb-h-deep) !important;
  position:relative !important;
}
.vb-mega-left{
  flex:0 0 270px !important;
  width:270px !important;
  height:100% !important;
  background:var(--vb-h-ink) !important;
  border-right:1px solid var(--vb-h-border) !important;
  overflow-y:auto !important;
  position:static !important;
}
.vb-mega-left > li{position:static !important;}
.vb-mega-left > li > a{
  position:relative !important;
  z-index:100 !important;
  color:#fff !important;
  background:transparent !important;
}
.vb-mega-left > li > a span{color:#fff !important;}
.vb-mega-left > li:hover > a{background:#fff !important;}
.vb-mega-left > li:hover > a,
.vb-mega-left > li:hover > a span,
.vb-mega-left > li:hover > a svg{color:var(--vb-h-navy) !important;}

/* Alt kategori paneli: sol listenin sağına, öne çıkanların üstüne biner */
.vb-mega-sub{
  position:absolute !important;
  top:0 !important;
  left:270px !important;
  width:calc(100% - 270px) !important;
  height:100% !important;
  overflow-y:auto !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:40 !important;
  background:var(--vb-h-deep) !important;
  color:#fff !important;
  transition:opacity .2s ease, visibility .2s ease !important;
}
.vb-mega-left > li:hover > .vb-mega-sub{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
.vb-mega-sub a{color:rgba(255,255,255,.8) !important;}
.vb-mega-sub a.vb-mega-sub-title{color:#fff !important;}
.vb-mega-sub a:hover{color:var(--vb-h-sky) !important;}

.vb-mega-featured{
  position:relative !important;
  z-index:20 !important;
  flex:1 1 auto !important;
  height:100% !important;
  padding:34px 38px !important;
  background:
    radial-gradient(circle at 80% 20%, rgba(3,169,244,.14), transparent 38%),
    linear-gradient(135deg,var(--vb-h-navy) 0%,var(--vb-h-ink) 100%) !important;
  color:#fff !important;
}
.vb-mega-eyebrow{
  color:var(--vb-h-sky) !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  margin-bottom:8px !important;
}
.vb-mega-title{
  font-size:24px !important;
  font-weight:700 !important;
  letter-spacing:-.03em !important;
  margin-bottom:8px !important;
  color:#fff !important;
}
.vb-mega-desc{
  max-width:460px !important;
  color:rgba(255,255,255,.62) !important;
  font-size:13px !important;
  line-height:1.55 !important;
  margin-bottom:24px !important;
}
.vb-mega-products{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}
.vb-mega-product{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  padding:14px !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(3,169,244,.16) !important;
  border-radius:18px !important;
  color:#fff !important;
  text-decoration:none !important;
  transition:transform .25s ease,border-color .25s ease,background .25s ease !important;
}
.vb-mega-product:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(3,169,244,.5) !important;
  background:rgba(255,255,255,.09) !important;
}
.vb-mega-product img{
  width:100% !important;
  aspect-ratio:346 / 450 !important;
  height:auto !important;
  object-fit:contain !important;
  border-radius:14px !important;
  margin-bottom:12px !important;
  background:#fff !important;
}
.vb-mega-product span{
  display:block !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:700 !important;
  margin-bottom:4px !important;
}
.vb-mega-product small{
  display:block !important;
  color:rgba(255,255,255,.58) !important;
  font-size:12px !important;
}
.vb-mega-left,
.vb-mega-sub{scrollbar-width:none !important;}
.vb-mega-left::-webkit-scrollbar,
.vb-mega-sub::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important;}

/* MOBİL HEADER */
@media(max-width:1023px){
  body{padding-bottom:calc(var(--vb-h-tab) + env(safe-area-inset-bottom,0px)) !important;}

  html body header.vb-header .vb-header-main-row{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:18px 5px 14px !important;
    padding-top:calc(18px + env(safe-area-inset-top,0px)) !important;
    min-height:0 !important;
  }
  .vb-header-actions{display:none !important;}

  .vb-logo-area{
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    justify-content:center !important;
    flex:0 0 100% !important;
    order:1 !important;
  }
  .vb-logo-link{justify-content:center !important;}
  .vb-header-logo{
    width:180px !important;
    max-width:180px !important;
  }

  .vb-header-search{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    margin:0 0 6px !important;
    padding:0 2px !important;
    display:flex !important;
    order:2 !important;
    flex:0 0 100% !important;
    min-width:0 !important;
  }
  .vb-search-form,
  .vb-search-form > div:first-child{width:100% !important;position:relative !important;}

  html body header.vb-header input[type="search"]{
    width:100% !important;
    height:44px !important;
    min-height:44px !important;
    border-radius:999px !important;
    border:1px solid #e8eef5 !important;
    background:#f5f8fc !important;
    padding:0 44px 0 16px !important;
    font-size:16px !important;
    line-height:1.25 !important;
  }
  html body header.vb-header input[type="search"]::placeholder{font-size:16px !important;}
  .vb-search-submit{right:8px !important;width:28px !important;height:28px !important;color:var(--vb-h-navy) !important;}

  /* Mobilde sticky kapalı */
  html body header.vb-header #vb-header-sticky,
  html body header.vb-header [data-toggle="sticky"],
  html body header.vb-header .sticky-wrapper,
  html body header.vb-header .sticky-wrapper > *,
  html body header.vb-header .sticky-active,
  html body header.vb-header .sticky-down{
    position:static !important;
    top:auto !important;
    transform:none !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  /* Canlı arama — input'un altından tam genişlik */
  .vb-search-form > .absolute.top-full,
  .vb-search-form > div.absolute.z-50{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:100% !important;
    width:100vw !important;
    min-width:100vw !important;
    max-width:100vw !important;
    transform:translateX(-50%) !important;
    margin-top:6px !important;
    border-radius:12px !important;
    z-index:100050 !important;
    max-height:min(52dvh,420px) !important;
    overflow:hidden !important;
    box-shadow:0 12px 40px rgba(15,26,66,.2) !important;
  }
  .vb-search-form > .absolute.top-full > .flex,
  .vb-search-form > div.absolute.z-50 > .flex{
    max-height:min(52dvh,420px) !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .vb-mega-menu{display:none !important;}

  .drawer[data-position="bottom"],
  .drawer[id^="mobile-menu-"]{
    bottom:calc(var(--vb-h-tab) + env(safe-area-inset-bottom,0px)) !important;
  }

  [data-toggle="order-page"] .fixed.bottom-0,
  [data-toggle="order-page"] .sticky.bottom-0,
  [data-toggle="order-page"] .sticky.inset-x-0{
    bottom:calc(var(--vb-h-tab) + env(safe-area-inset-bottom,0px)) !important;
    z-index:99990 !important;
  }

  html body #cookieBanner,
  html body #cookieBanner.fixed,
  html body #cookieBanner.bottom-0{
    bottom:calc(var(--vb-h-tab) + env(safe-area-inset-bottom,0px)) !important;
    z-index:100000 !important;
    max-height:42vh;
    overflow:auto;
  }
}

/* Desktop: çerez bandı üstte. Mobil: tab bar üstünde (yukarıdaki kural) */
@media (min-width:1024px){
  html body #cookieBanner,
  html body #cookieBanner.fixed,
  html body #cookieBanner.bottom-0{
    top:0 !important;
    bottom:auto !important;
    left:0 !important;
    right:0 !important;
    z-index:100001 !important;
    border-top:0 !important;
    border-bottom:1px solid #e5e7eb !important;
  }
  html body #cookieBanner.translate-y-full{transform:translateY(-100%) !important;}
}
html body #cookie_law{display:none !important;}

/* T-Soft 360 "powered by" şeridi (sınıf adları rastgele) */
html body div:has(> a[href*="utm_campaign=powered_by"]),
html body div:has(a[href*="utm_campaign=powered_by"] img[src*="tsoft360"]){
  display:none !important;
  height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

/* ALT SEKME ÇUBUĞU */
#vb-mobile-tab-bar{
  z-index:99999 !important;
  position:fixed !important;
  bottom:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  min-height:var(--vb-h-tab) !important;
  padding:0 .25rem calc(.375rem + env(safe-area-inset-bottom,0px)) !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  background:var(--vb-h-navy) !important;
  border-top:1px solid rgba(3,169,244,.25) !important;
  box-shadow:0 -8px 28px rgba(15,26,66,.4) !important;
  user-select:none;
}
.vb-tab-item{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:1 1 0 !important;
  min-width:0 !important;
  min-height:44px !important;
  gap:.125rem !important;
  padding:0 !important;
  margin:0 !important;
  text-decoration:none !important;
  color:var(--vb-h-soft) !important;
  background:transparent !important;
  border:0 !important;
  cursor:pointer !important;
  font:inherit !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  overflow:visible !important;
}
.vb-tab-item > span:not(.vb-cart-icon):not(.vb-tab-fab-slot){
  display:block !important;
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:-.02em !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  color:inherit !important;
}
.vb-tab-item svg{width:22px !important;height:22px !important;flex-shrink:0 !important;}
.vb-tab-item:hover,
.vb-tab-item.is-active{color:var(--vb-h-sky) !important;}

.vb-cart-icon{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.vb-cart-badge{
  position:absolute !important;
  top:-7px !important;
  right:-9px !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:18px !important;
  height:18px !important;
  padding:0 4px !important;
  border-radius:9999px !important;
  background:var(--vb-h-blue) !important;
  color:var(--vb-h-on-accent) !important;
  font-size:10px !important;
  font-weight:700 !important;
  line-height:1 !important;
  box-shadow:0 0 0 2px var(--vb-h-navy) !important;
  pointer-events:none !important;
}
.vb-cart-badge:not(:empty){display:inline-flex !important;}

#vb-mobile-categories-btn{position:relative !important;z-index:5 !important;isolation:isolate !important;}
#vb-mobile-categories-btn .vb-tab-fab-slot{
  position:relative !important;
  display:block !important;
  width:22px !important;
  height:22px !important;
  overflow:visible !important;
}
#vb-mobile-categories-btn .vb-tab-categories-fab{
  position:absolute !important;
  left:50% !important;
  bottom:2px !important;
  width:3.75rem !important;
  height:3.75rem !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:9999px !important;
  background:linear-gradient(180deg,#03a9f4 0%,#006dd5 100%) !important;
  color:var(--vb-h-on-accent) !important;
  box-shadow:0 10px 26px rgba(3,169,244,.35), 0 0 0 4px var(--vb-h-navy) !important;
}
.vb-categories-label{
  display:block !important;
  font-size:10px !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  color:var(--vb-h-soft) !important;
}
.vb-nav-icon-container{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:24px !important;
  height:24px !important;
}
.vb-nav-icon-container svg{width:24px !important;height:24px !important;color:var(--vb-h-on-accent) !important;}
.vb-nav-icon-container .vb-close-icon{display:none !important;}
.vb-drawer-open .vb-nav-icon-container .vb-hamburger-icon{display:none !important;}
.vb-drawer-open .vb-nav-icon-container .vb-close-icon{display:block !important;}
.vb-drawer-open #vb-mobile-categories-btn .vb-categories-label{color:var(--vb-h-sky) !important;}

.drawer,
[id^="mobile-menu-"]{z-index:99990 !important;}
.drawer-backdrop{z-index:99988 !important;}

@media(min-width:1024px){
  #vb-mobile-tab-bar{display:none !important;}
  .vb-header-actions{display:flex !important;}
}

/* DESKTOP RAFİNE */
@media(min-width:1024px){
  html body header.vb-header{
    position:relative;
    box-shadow:0 8px 24px rgba(15,26,66,.12) !important;
    margin-bottom:16px !important;
  }

  html body header.vb-header .vb-topbar a,
  html body header.vb-header .vb-topbar span{font-size:12px !important;letter-spacing:.01em;}

  html body header.vb-header .vb-header-main-row{min-height:96px !important;}

  .vb-header-search{flex:0 1 460px !important;max-width:460px !important;}
  .vb-search-form{max-width:460px !important;}
  html body header.vb-header input[type="search"]{
    height:46px !important;
    border-radius:999px !important;
    padding-left:22px !important;
    padding-right:56px !important;
    font-size:14px !important;
  }
  html body header.vb-header .vb-search-submit{
    right:5px !important;
    width:36px !important;
    height:36px !important;
    border-radius:999px !important;
    background:var(--vb-h-navy) !important;
    color:#fff !important;
  }
  html body header.vb-header .vb-search-submit:hover{background:var(--vb-h-action) !important;color:#fff !important;}

  .vb-header-actions > div{gap:10px !important;}
  html body header.vb-header [data-qa="favorites-link"],
  html body header.vb-header [data-qa="account-dropdown"] > a,
  html body header.vb-header [data-qa="cart-link"]{
    height:44px;
    gap:8px !important;
    padding:0 14px 0 4px;
    border-radius:999px;
    font-size:13px;
    font-weight:600;
  }
  html body header.vb-header [data-qa="favorites-link"] > span.relative,
  html body header.vb-header [data-qa="cart-link"] > span.relative,
  html body header.vb-header [data-qa="account-dropdown"] > a > svg{
    box-sizing:content-box;
  }
  html body header.vb-header [data-qa="favorites-link"] > span.relative,
  html body header.vb-header [data-qa="cart-link"] > span.relative{
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:999px;
    background:#e8eef5;
  }
  html body header.vb-header [data-qa="account-dropdown"] > a > svg{
    width:20px;
    height:20px;
    padding:8px;
    border-radius:999px;
    background:#e8eef5;
  }
  html body header.vb-header [data-qa="favorites-link"] svg,
  html body header.vb-header [data-qa="cart-link"] svg{width:22px;height:22px;}
  html body header.vb-header [data-qa="favorites-link"]:hover,
  html body header.vb-header [data-qa="account-dropdown"]:hover > a{
    background:#f5f8fc;
    color:var(--vb-h-navy) !important;
  }
  html body header.vb-header [data-toggle="favourite-count"]{top:-4px !important;right:-4px !important;}

  html body header.vb-header [data-qa="cart-link"]{
    background:var(--vb-h-navy);
    color:#fff !important;
    box-shadow:0 6px 16px rgba(29,48,117,.25);
  }
  html body header.vb-header [data-qa="cart-link"]:hover{background:var(--vb-h-action);color:#fff !important;}
  html body header.vb-header [data-qa="cart-link"] > span.relative{background:rgba(255,255,255,.14);}
  html body header.vb-header [data-qa="cart-link"] [data-toggle="cart-count"]:not(.vb-cart-count-sync){
    top:-4px !important;
    right:-4px !important;
    background:var(--vb-h-blue) !important;
    color:var(--vb-h-navy) !important;
    border-color:var(--vb-h-navy) !important;
  }

  html body header.vb-header .vb-catbar{min-height:50px !important;}
  html body header.vb-header [data-toggle="menu"] > .group > a{position:relative;height:50px !important;}
  html body header.vb-header [data-toggle="menu"] > .group > a::after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    bottom:0;
    height:3px;
    border-radius:3px 3px 0 0;
    background:var(--vb-h-blue);
    transform:scaleX(0);
    transition:transform .25s ease;
  }
  html body header.vb-header [data-toggle="menu"] > .group:hover > a::after{transform:scaleX(1);}
  html body header.vb-header [data-toggle="menu"] > .group:hover > a{color:#fff !important;}

  html body header.vb-header .vb-mega-trigger{
    height:50px !important;
    padding:0 22px 0 18px !important;
    margin-right:10px !important;
    gap:8px !important;
    background:var(--vb-h-ink) !important;
    color:#fff !important;
    font-weight:600 !important;
  }
  html body header.vb-header .vb-mega-trigger{transition:background .2s ease,color .2s ease !important;}
  html body header.vb-header [data-toggle="menu"] > .group:hover > .vb-mega-trigger{background:#fff !important;color:var(--vb-h-navy) !important;}
}