/* JBA v15.2.68 - Mobile navigation visual rollback + clean mobile header */
@media (max-width:900px), (pointer:coarse) {
  :root{
    --jba168-navy:#062550;
    --jba168-gold:#f7c374;
    --jba168-active:#f1f4f8;
    --jba168-nav-h:76px;
  }

  /* Mobile header: logo only, separated from the page by one navy line. */
  body #menu-indo{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:76px!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body #menu-indo .jba-v1018-topbar{
    position:relative!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:76px!important;
    min-height:76px!important;
    margin:0!important;
    padding:8px 16px 10px!important;
    background:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body #menu-indo .jba-v1018-topbar::after{
    content:""!important;
    position:absolute!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    display:block!important;
    width:100%!important;
    height:3px!important;
    background:var(--jba168-navy)!important;
    border:0!important;
    opacity:1!important;
    pointer-events:none!important;
  }
  body #menu-indo .jba-v1018-loginbox,
  body #menu-indo .jba-v1018-top-search,
  body #menu-indo #full-menu,
  body #menu-indo #shop,
  body #menu-indo #submit,
  body #menu-indo #toggleButton,
  body #menu-indo .navbar-header,
  body #menu-indo .navbar-toggle,
  body #menu-indo #bs-example-navbar-collapse-1{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body #menu-indo .jba-v1018-logo-link{
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:72vw!important;
    height:56px!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    float:none!important;
    transform:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body #menu-indo .jba-v1018-logo-link img{
    display:block!important;
    width:auto!important;
    max-width:190px!important;
    height:auto!important;
    max-height:52px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
  }

  /* Hide every legacy duplicate bottom bar. The v15.2.66 bar is the single source. */
  body .menu-bot-mob:not(.jba-v15266-mobile-nav),
  body .jba-v15268-legacy-nav-hidden{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  html.jba-v15268-mobile-clean body,
  html.jba-v15267-mobile-cart-stable body,
  html.jba-v15266-mobile-shop body{
    padding-bottom:calc(var(--jba168-nav-h) + env(safe-area-inset-bottom,0px) + 10px)!important;
  }

  /* Restore the clean v15.2.66 dark-tile appearance, with five equal items. */
  body .menu-bot-mob.jba-v15266-mobile-nav,
  body .menu-bot-mob.jba-v15266-mobile-nav[data-jba-v15267="1"],
  body .menu-bot-mob.jba-v15266-mobile-nav[data-jba-v15268="1"]{
    position:fixed!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    top:auto!important;
    z-index:2147482000!important;
    isolation:isolate!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:62px!important;
    align-items:stretch!important;
    direction:ltr!important;
    width:100%!important;
    max-width:100%!important;
    height:calc(var(--jba168-nav-h) + env(safe-area-inset-bottom,0px))!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:7px 7px calc(7px + env(safe-area-inset-bottom,0px))!important;
    gap:5px!important;
    float:none!important;
    transform:none!important;
    overflow:hidden!important;
    background:#fff!important;
    border:0!important;
    border-top:1px solid #dfe6ef!important;
    border-radius:0!important;
    box-shadow:0 -8px 28px rgba(6,37,80,.15)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body .menu-bot-mob.jba-v15266-mobile-nav::before,
  body .menu-bot-mob.jba-v15266-mobile-nav::after{
    display:none!important;
    content:none!important;
  }
  body .menu-bot-mob.jba-v15266-mobile-nav > :not(.jba-v15266-nav-item){
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  body .menu-bot-mob.jba-v15266-mobile-nav > .jba-v15266-nav-item,
  body .menu-bot-mob.jba-v15266-mobile-nav[data-jba-v15267="1"] > .jba-v15266-nav-item,
  body .menu-bot-mob.jba-v15266-mobile-nav[data-jba-v15268="1"] > .jba-v15266-nav-item{
    position:relative!important;
    inset:auto!important;
    box-sizing:border-box!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    direction:rtl!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    margin:0!important;
    padding:5px 2px!important;
    float:none!important;
    overflow:hidden!important;
    background:var(--jba168-navy)!important;
    color:#fff!important;
    border:0!important;
    border-radius:16px!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    text-decoration:none!important;
    font-family:IRANSans,Estedad,Tahoma,sans-serif!important;
    line-height:1!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body .menu-bot-mob.jba-v15266-mobile-nav > .is-home{grid-column:5!important}
  body .menu-bot-mob.jba-v15266-mobile-nav > .is-categories{grid-column:4!important}
  body .menu-bot-mob.jba-v15266-mobile-nav > .is-search{grid-column:3!important}
  body .menu-bot-mob.jba-v15266-mobile-nav > .is-cart{grid-column:2!important}
  body .menu-bot-mob.jba-v15266-mobile-nav > .is-account{grid-column:1!important}

  body .menu-bot-mob.jba-v15266-mobile-nav .jba-v15266-nav-item.is-active{
    background:var(--jba168-active)!important;
    color:var(--jba168-navy)!important;
    box-shadow:inset 0 0 0 1px #dfe6ef!important;
  }
  body .menu-bot-mob.jba-v15266-mobile-nav .jba-v15266-nav-item:active{
    transform:scale(.965)!important;
    filter:brightness(.97)!important;
  }
  body .menu-bot-mob.jba-v15266-mobile-nav .jba-v15266-nav-item::before,
  body .menu-bot-mob.jba-v15266-mobile-nav .jba-v15266-nav-item::after{
    display:none!important;
    content:none!important;
  }
  body .menu-bot-mob.jba-v15266-mobile-nav .jba-v15266-nav-icon{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:27px!important;
    min-width:27px!important;
    height:27px!important;
    min-height:27px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    color:inherit!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body .menu-bot-mob.jba-v15266-mobile-nav .is-active .jba-v15266-nav-icon{
    background:transparent!important;
    box-shadow:none!important;
  }
  body .menu-bot-mob.jba-v15266-mobile-nav .jba-v15266-nav-icon svg{
    display:block!important;
    width:25px!important;
    height:25px!important;
    margin:0!important;
    fill:none!important;
    stroke:currentColor!important;
  }
  body .menu-bot-mob.jba-v15266-mobile-nav .jba-v15266-nav-label{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 1px!important;
    color:inherit!important;
    font-size:10px!important;
    font-weight:850!important;
    line-height:1.2!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body .menu-bot-mob.jba-v15266-mobile-nav #jba-v15267-cart-btn,
  body .menu-bot-mob.jba-v15266-mobile-nav #jba-mobile-cart-btn{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  body .menu-bot-mob.jba-v15266-mobile-nav #jba-mobile-cart-count{
    position:absolute!important;
    top:2px!important;
    right:auto!important;
    left:calc(50% + 5px)!important;
    z-index:5!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:18px!important;
    min-width:18px!important;
    max-width:18px!important;
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#d22f46!important;
    color:#fff!important;
    border:2px solid var(--jba168-navy)!important;
    border-radius:999px!important;
    font-size:9px!important;
    font-weight:950!important;
    line-height:14px!important;
    text-align:center!important;
  }
  body .menu-bot-mob.jba-v15266-mobile-nav .is-active #jba-mobile-cart-count{
    border-color:var(--jba168-active)!important;
  }
  body .menu-bot-mob.jba-v15266-mobile-nav #jba-mobile-cart-count[data-jba-count="0"]{
    display:none!important;
  }

  body.jba-modern-cart-open .menu-bot-mob.jba-v15266-mobile-nav{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(105%)!important;
  }

  @media (max-width:360px){
    body .menu-bot-mob.jba-v15266-mobile-nav{gap:3px!important;padding-right:5px!important;padding-left:5px!important}
    body .menu-bot-mob.jba-v15266-mobile-nav > .jba-v15266-nav-item{border-radius:14px!important;padding-right:1px!important;padding-left:1px!important}
    body .menu-bot-mob.jba-v15266-mobile-nav .jba-v15266-nav-label{font-size:9.2px!important}
    body .menu-bot-mob.jba-v15266-mobile-nav .jba-v15266-nav-icon{width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important}
    body .menu-bot-mob.jba-v15266-mobile-nav .jba-v15266-nav-icon svg{width:23px!important;height:23px!important}
  }
}

@media (min-width:901px) and (pointer:fine){
  .jba-v15268-legacy-nav-hidden{display:initial!important}
}