/* Bi'Tişört v6.8.57 — mobile header hard lock
   Amaç: StoreShell kullanan tüm iç sayfalarda mobil header'ı ana sayfa düzeniyle eşitlemek.
   Sıra: logo solda | sepet + sayaç sağda | hamburger en sağda.
*/
@media (max-width: 760px){
  html body .site-header.hybrid-site-header.bt-global-header-v641,
  html body .site-header.hybrid-site-header.bt-global-header-v642,
  html body header.site-header#top{
    width:100%!important;
    min-width:0!important;
    background:var(--bt-header-bg,#fff)!important;
    border-bottom:1px solid var(--bt-header-border,#ece6e0)!important;
    box-shadow:var(--bt-header-shadow,none)!important;
  }

  html body .site-header .nav.shell.hybrid-nav,
  html body .site-header nav.hybrid-nav{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    justify-content:stretch!important;
    column-gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:var(--bt-header-mobile-height,66px)!important;
    height:var(--bt-header-mobile-height,66px)!important;
    margin:0!important;
    padding:0 20px!important;
    box-sizing:border-box!important;
  }

  /* Logo: her sayfada sol blok */
  html body .site-header .brand.bt-store-brand,
  html body .site-header .brand{
    position:static!important;
    inset:auto!important;
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:150px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    z-index:3!important;
  }
  html body .site-header .brand img.bt-store-logo,
  html body .site-header .brand img{
    display:block!important;
    width:auto!important;
    max-width:138px!important;
    height:auto!important;
    max-height:42px!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    object-fit:contain!important;
  }

  /* Desktop navigasyon mobilde drawer controller tarafından yönetilir. */
  html body .site-header .nav-links.hybrid-nav-links{
    grid-column:auto!important;
  }

  /* Sağ aksiyon alanı sadece sepeti taşır; böylece sepet ortada kalmaz. */
  html body .site-header .hybrid-nav-actions{
    position:static!important;
    inset:auto!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    z-index:4!important;
  }
  html body .site-header .hybrid-nav-actions .bt-account-chip,
  html body .site-header .hybrid-nav-actions .nav-cta,
  html body .site-header .hybrid-nav-actions .hybrid-nav-cta{
    display:none!important;
  }

  html body .site-header .hybrid-nav-actions .store-cart-button{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:auto!important;
    min-width:54px!important;
    max-width:none!important;
    height:44px!important;
    margin:0!important;
    padding:0 4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--bt-header-action-color,#171717)!important;
    text-decoration:none!important;
    transform:none!important;
    overflow:visible!important;
  }
  html body .site-header .store-cart-button .bt-cart-label{
    display:none!important;
  }
  html body .site-header .store-cart-button .bt-cart-icon{
    display:block!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    font-size:23px!important;
    line-height:1!important;
    filter:none!important;
    transform:none!important;
  }
  html body .site-header .store-cart-button .store-cart-count{
    position:static!important;
    inset:auto!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 22px!important;
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:#ff6812!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    box-shadow:none!important;
    transform:none!important;
  }

  /* Hamburger: her sayfada en sağda ve sepetle aynı satırda */
  html body .site-header .menu-btn#storeMenuButton,
  html body .site-header button.menu-btn{
    position:static!important;
    inset:auto!important;
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    display:grid!important;
    place-items:center!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#171717!important;
    font-size:38px!important;
    font-weight:400!important;
    line-height:.8!important;
    letter-spacing:-4px!important;
    transform:none!important;
    z-index:5!important;
  }
}

@media (max-width: 390px){
  html body .site-header .nav.shell.hybrid-nav,
  html body .site-header nav.hybrid-nav{
    column-gap:8px!important;
    padding-left:16px!important;
    padding-right:14px!important;
  }
  html body .site-header .brand.bt-store-brand,
  html body .site-header .brand{max-width:128px!important;}
  html body .site-header .brand img.bt-store-logo,
  html body .site-header .brand img{max-width:122px!important;max-height:38px!important;}
  html body .site-header .hybrid-nav-actions .store-cart-button{min-width:50px!important;}
  html body .site-header .menu-btn#storeMenuButton,
  html body .site-header button.menu-btn{width:42px!important;min-width:42px!important;height:42px!important;font-size:34px!important;}
}