/* Bazarestan v1.0.147 — deep mobile header clean
   Real header DOM: header.head .top-nav > .logo-brand + .flex-grow-1 + .actions
   Uses CSS grid to avoid flex-direction side effects and never targets bottom navigation. */
@media (max-width: 992px){
  html body header.head .top #headerTopContainer,
  html body header.head .top .container{
    max-width:100%!important;
  }

  html body header.head .top-nav{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    width:100%!important;
    min-height:64px!important;
    gap:0!important;
    direction:ltr!important;
    box-sizing:border-box!important;
  }

  /* LTR / English: actions physically left, logo physically right. */
  html body.bz-header-ltr-mode header.head .top-nav > .actions,
  html[dir="ltr"] body header.head .top-nav > .actions,
  html body.bz-ltr-english-mode header.head .top-nav > .actions{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
  }
  html body.bz-header-ltr-mode header.head .top-nav > .flex-grow-1,
  html[dir="ltr"] body header.head .top-nav > .flex-grow-1,
  html body.bz-ltr-english-mode header.head .top-nav > .flex-grow-1{
    grid-column:2!important;
    grid-row:1!important;
  }
  html body.bz-header-ltr-mode header.head .top-nav > a.logo-brand,
  html[dir="ltr"] body header.head .top-nav > a.logo-brand,
  html body.bz-ltr-english-mode header.head .top-nav > a.logo-brand,
  html body.bz-header-ltr-mode header.head .top-nav > .logo-brand,
  html[dir="ltr"] body header.head .top-nav > .logo-brand,
  html body.bz-ltr-english-mode header.head .top-nav > .logo-brand{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
  }

  /* RTL / Persian: logo physically left, actions physically right. */
  html body.bz-header-rtl-mode header.head .top-nav > .actions,
  html[dir="rtl"] body:not(.bz-header-ltr-mode):not(.bz-ltr-english-mode) header.head .top-nav > .actions,
  html body:not(.bz-header-ltr-mode):not(.bz-ltr-english-mode):not(.ltr) header.head .top-nav > .actions{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
  }
  html body.bz-header-rtl-mode header.head .top-nav > .flex-grow-1,
  html[dir="rtl"] body:not(.bz-header-ltr-mode):not(.bz-ltr-english-mode) header.head .top-nav > .flex-grow-1,
  html body:not(.bz-header-ltr-mode):not(.bz-ltr-english-mode):not(.ltr) header.head .top-nav > .flex-grow-1{
    grid-column:2!important;
    grid-row:1!important;
  }
  html body.bz-header-rtl-mode header.head .top-nav > a.logo-brand,
  html[dir="rtl"] body:not(.bz-header-ltr-mode):not(.bz-ltr-english-mode) header.head .top-nav > a.logo-brand,
  html body:not(.bz-header-ltr-mode):not(.bz-ltr-english-mode):not(.ltr) header.head .top-nav > a.logo-brand,
  html body.bz-header-rtl-mode header.head .top-nav > .logo-brand,
  html[dir="rtl"] body:not(.bz-header-ltr-mode):not(.bz-ltr-english-mode) header.head .top-nav > .logo-brand,
  html body:not(.bz-header-ltr-mode):not(.bz-ltr-english-mode):not(.ltr) header.head .top-nav > .logo-brand{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
  }

  html body header.head .top-nav > a.logo-brand,
  html body header.head .top-nav > .logo-brand{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    line-height:0!important;
    transform:none!important;
  }

  html body header.head .top-nav > a.logo-brand img,
  html body header.head .top-nav > .logo-brand img,
  html body header.head .top-nav .logo-brand img{
    width:140px!important;
    height:38px!important;
    max-width:140px!important;
    max-height:38px!important;
    min-width:0!important;
    min-height:0!important;
    object-fit:contain!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  html body header.head .top-nav > .flex-grow-1{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  html body header.head .top-nav > .actions,
  html body header.head .top-nav > .actions[data-v-565d3f0f]{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  /* One source of truth in mobile header: ul.mobile only. Desktop ul stays hidden. */
  html body header.head .top-nav > .actions > ul.desktop,
  html body header.head .top-nav > .actions > ul.desktop[data-v-565d3f0f],
  html body header.head .top-nav > .actions ul.desktop,
  html body header.head .top-nav > .actions ul.desktop[data-v-565d3f0f]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    max-width:0!important;
    max-height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
    position:absolute!important;
  }

  html body header.head .top-nav > .actions > ul.mobile,
  html body header.head .top-nav > .actions > ul.mobile[data-v-565d3f0f],
  html body header.head .top-nav > .actions ul.mobile,
  html body header.head .top-nav > .actions ul.mobile[data-v-565d3f0f]{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    list-style:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    gap:8px!important;
    overflow:visible!important;
  }

  html body.bz-header-ltr-mode header.head .top-nav > .actions > ul.mobile,
  html[dir="ltr"] body header.head .top-nav > .actions > ul.mobile,
  html body.bz-ltr-english-mode header.head .top-nav > .actions > ul.mobile{
    direction:ltr!important;
    flex-direction:row!important;
  }

  html body.bz-header-rtl-mode header.head .top-nav > .actions > ul.mobile,
  html[dir="rtl"] body:not(.bz-header-ltr-mode):not(.bz-ltr-english-mode) header.head .top-nav > .actions > ul.mobile,
  html body:not(.bz-header-ltr-mode):not(.bz-ltr-english-mode):not(.ltr) header.head .top-nav > .actions > ul.mobile{
    direction:rtl!important;
    flex-direction:row!important;
  }

  html body header.head .top-nav > .actions > ul.mobile > li,
  html body header.head .top-nav > .actions > ul.mobile > li[data-v-565d3f0f]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    vertical-align:middle!important;
  }

  html body header.head .top-nav > .actions > ul.mobile > li > a,
  html body header.head .top-nav > .actions > ul.mobile > li > a[data-v-565d3f0f],
  html body header.head .top-nav > .actions > ul.mobile > li > div,
  html body header.head .top-nav > .actions > ul.mobile > li > div[data-v-565d3f0f]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:8px!important;
    box-sizing:border-box!important;
    line-height:1!important;
    text-decoration:none!important;
  }

  html body header.head .top-nav > .actions > ul.mobile svg.icon,
  html body header.head .top-nav > .actions > ul.mobile svg.icon[data-v-565d3f0f]{
    width:28px!important;
    height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    padding:0!important;
  }

  html body header.head .top-nav > .actions > ul.mobile .cart-icon,
  html body header.head .top-nav > .actions > ul.mobile .cart-icon.icon,
  html body header.head .top-nav > .actions > ul.mobile .bz-v147-mobile-cart .cart-icon{
    width:28px!important;
    height:28px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
  }

  html body header.head .top-nav > .actions > ul.mobile .cart-items,
  html body header.head .top-nav > .actions .cart-items{
    display:none!important;
    visibility:hidden!important;
  }

  html body header.head .top-nav > .actions > ul.mobile .badge:not(.img){
    position:absolute!important;
    right:-9px!important;
    bottom:-9px!important;
    top:auto!important;
  }

  /* Prevent accidental mounting of bottom navigation inside the header only. */
  html body header.head .bottom-navigation,
  html body header.head .bz-bottom-navigation,
  html body header.head .mobile-bottom-nav,
  html body header.head .fixed-bottom{
    display:none!important;
    visibility:hidden!important;
  }

  /* LTR drawer opens from the right but its text remains LTR. */
  html body.bz-header-ltr-mode .drawer-wrapper,
  html body.bz-header-ltr-mode .drawer-wrapper .background{
    direction:ltr!important;
  }
  html body.bz-header-ltr-mode .drawer-wrapper .drawer{
    right:0!important;
    left:auto!important;
    transform-origin:right center!important;
    direction:ltr!important;
    text-align:left!important;
  }
  html body.bz-header-ltr-mode .drawer-wrapper:not(.show) .drawer{
    transform:translateX(105%)!important;
  }
  html body.bz-header-ltr-mode .drawer-wrapper.show .drawer{
    transform:translateX(0)!important;
  }
  html body.bz-header-ltr-mode .drawer-wrapper .drawer ul.menu,
  html body.bz-header-ltr-mode .drawer-wrapper .drawer .nav-link{
    direction:ltr!important;
    text-align:left!important;
  }
}