/* JBA v15.2.72 - instant cart, compact header, white dock icons and live search */
@media (max-width:900px), (pointer:coarse) {
  :root{
    --jba172-navy:#062550;
    --jba172-navy2:#0a356f;
    --jba172-gold:#f7c374;
    --jba172-active:#f1f4f8;
    --jba172-dock-h:78px;
  }

  body .jba-v15272-hidden-legacy-mobile-bar,
  body .menu-bot-mob,
  body #jbaMobileDockV15269,
  body #jbaMobileDockV15267,
  body #jbaMobileDockV15271{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  html.jba-v15272-mobile-shop body{
    padding-bottom:calc(var(--jba172-dock-h) + env(safe-area-inset-bottom,0px) + 12px)!important;
  }

  body > #jbaMobileDockV15272{
    position:fixed!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    top:auto!important;
    z-index:2147482500!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;
    grid-auto-flow:column!important;
    align-items:stretch!important;
    direction:rtl!important;
    width:100vw!important;
    max-width:100vw!important;
    height:calc(var(--jba172-dock-h) + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:7px 7px calc(7px + env(safe-area-inset-bottom,0px))!important;
    gap:5px!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;
    transform:none!important;
    contain:layout paint style!important;
  }

  #jbaMobileDockV15272 > .jba-v15272-dock-item{
    position:relative!important;
    inset:auto!important;
    grid-row:1!important;
    grid-column:auto!important;
    box-sizing:border-box!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(--jba172-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;
  }
  #jbaMobileDockV15272 > .jba-v15272-dock-item.is-active{
    background:var(--jba172-navy2)!important;
    color:#fff!important;
    box-shadow:inset 0 0 0 1px #dfe6ef!important;
  }
  #jbaMobileDockV15272 > .jba-v15272-dock-item:active{
    transform:scale(.965)!important;
    filter:brightness(.97)!important;
  }
  #jbaMobileDockV15272 .jba-v15272-dock-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;
    color:inherit!important;
  }
  #jbaMobileDockV15272 .jba-v15272-dock-icon svg{
    display:block!important;
    width:25px!important;
    height:25px!important;
    margin:0!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  #jbaMobileDockV15272 .jba-v15272-dock-icon svg path[d^="M4 4"]{
    fill:currentColor!important;
    stroke:none!important;
  }
  #jbaMobileDockV15272 .jba-v15272-dock-icon,
  #jbaMobileDockV15272 .jba-v15272-dock-icon svg{
    color:#fff!important;
    stroke:#fff!important;
  }
  #jbaMobileDockV15272 .jba-v15272-dock-icon svg path,
  #jbaMobileDockV15272 .jba-v15272-dock-icon svg circle{
    stroke:#fff!important;
  }
  #jbaMobileDockV15272 .jba-v15272-dock-item.is-categories .jba-v15272-dock-icon svg path{
    fill:#fff!important;
    stroke:none!important;
  }
  #jbaMobileDockV15272 .jba-v15272-dock-label{
    display:block!important;
    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;
  }
  #jbaMobileDockV15272 .jba-v15272-cart-count{
    position:absolute!important;
    top:2px!important;
    right:calc(50% - 20px)!important;
    z-index:4!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;
    padding:0!important;
    overflow:hidden!important;
    background:#d22f46!important;
    color:#fff!important;
    border:2px solid var(--jba172-navy)!important;
    border-radius:999px!important;
    font-size:9px!important;
    font-weight:950!important;
    line-height:14px!important;
  }
  #jbaMobileDockV15272 .is-active .jba-v15272-cart-count{border-color:var(--jba172-navy2)!important}
  #jbaMobileDockV15272 .jba-v15272-cart-count[data-jba-count="0"]{display:none!important}

  body.jba-v15272-cart-open #jbaMobileDockV15272{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(110%)!important;
  }

  /* The sticky product bar stays above the dock instead of covering it. */
  body .jba-v15266-sticky-buy{
    right:10px!important;
    left:10px!important;
    bottom:calc(var(--jba172-dock-h) + env(safe-area-inset-bottom,0px) + 10px)!important;
    z-index:2147481800!important;
  }
  body .jba-v15266-filter-trigger{
    bottom:calc(var(--jba172-dock-h) + env(safe-area-inset-bottom,0px) + 12px)!important;
    z-index:2147481700!important;
  }

  /* Cart remains independently closable even while a request is running. */
  #jbaModernCartRoot[data-jba-v15272="1"]{
    z-index:2147483300!important;
  }
  #jbaModernCartRoot[data-jba-v15272="1"] .jba-modern-cart-dialog{
    max-height:min(90dvh,760px)!important;
  }
  #jbaModernCartRoot[data-jba-v15272="1"] .jba-modern-cart-top{
    position:relative!important;
    z-index:20!important;
  }
  #jbaModernCartRoot[data-jba-v15272="1"] [data-jba-v15272-close="1"]{
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    cursor:pointer!important;
  }
  #jbaModernCartRoot[data-jba-v15272="1"] .jba-modern-cart-close{
    position:relative!important;
    z-index:40!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    font-size:32px!important;
    line-height:1!important;
  }
  #jbaModernCartRoot[data-jba-v15272="1"] .jba-modern-cart-body{
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #jbaModernCartRoot[data-jba-v15272="1"] .jba-v15272-cart-loading,
  #jbaModernCartRoot[data-jba-v15272="1"] .jba-v15272-cart-error{
    min-height:300px!important;
  }
  #jbaModernCartRoot[data-jba-v15272="1"] .jba-v15272-cart-loading small{
    display:block!important;
    margin-top:8px!important;
    color:#7b8798!important;
    font-size:11px!important;
  }
  #jbaModernCartRoot[data-jba-v15272="1"] .jba-v15272-cart-retry{
    min-width:170px!important;
    min-height:46px!important;
    margin-top:8px!important;
    padding:8px 18px!important;
    background:var(--jba172-navy)!important;
    color:#fff!important;
    border:0!important;
    border-radius:14px!important;
    font-weight:850!important;
  }

  .jba-v15272-cart-toast{
    position:fixed!important;
    right:16px!important;
    bottom:calc(var(--jba172-dock-h) + env(safe-area-inset-bottom,0px) + 14px)!important;
    left:16px!important;
    z-index:2147483500!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:48px!important;
    padding:10px 14px!important;
    background:#102a4f!important;
    color:#fff!important;
    border-radius:14px!important;
    box-shadow:0 15px 40px rgba(0,0,0,.22)!important;
    font-size:12px!important;
    font-weight:800!important;
    transform:translateY(24px)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:.2s ease!important;
  }
  .jba-v15272-cart-toast.is-show{transform:translateY(0)!important;opacity:1!important}
  .jba-v15272-cart-toast.is-error{background:#a52638!important}


  /* Remove the empty strip between the simplified mobile header and the first banner. */
  html.jba-v15272-compact-header body #menu-indo,
  html.jba-v15272-compact-header body #menu-indo .jba-v1018-topbar{
    margin-bottom:0!important;
  }
  html.jba-v15272-compact-header body #content,
  html.jba-v15272-compact-header body #content.row,
  html.jba-v15272-compact-header body #content > #main{
    margin-top:0!important;
    padding-top:0!important;
  }
  html.jba-v15272-compact-header body #module-top{
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    line-height:0!important;
  }
  html.jba-v15272-compact-header body #module-top.jba-v15272-empty-top-module{
    display:none!important;
    height:0!important;
    overflow:hidden!important;
  }
  html.jba-v15272-compact-header body #main > :first-child,
  html.jba-v15272-compact-header body #module-top + *{
    margin-top:0!important;
  }

  /* Cached cart is shown immediately; this thin line indicates silent refresh/update. */
  #jbaModernCartRoot[data-jba-v15272="1"] .jba-modern-cart-dialog::before{
    content:"";
    position:absolute;
    top:0;right:0;left:0;
    z-index:60;
    height:3px;
    background:linear-gradient(90deg,transparent,var(--jba172-gold),transparent);
    transform:scaleX(0);
    opacity:0;
    transform-origin:right center;
    pointer-events:none;
  }
  #jbaModernCartRoot[data-jba-v15272="1"].is-refreshing .jba-modern-cart-dialog::before,
  #jbaModernCartRoot[data-jba-v15272="1"].is-updating .jba-modern-cart-dialog::before{
    opacity:1;
    animation:jba-v15272-cart-progress 1s linear infinite;
  }
  @keyframes jba-v15272-cart-progress{
    0%{transform:translateX(100%) scaleX(.25)}
    50%{transform:translateX(0) scaleX(.65)}
    100%{transform:translateX(-100%) scaleX(.25)}
  }
  #jbaV15266MobileSearch[data-jba-v15272-search="1"] .jba-v15266-search-state{
    min-height:24px!important;
  }

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

@media (min-width:901px) and (pointer:fine){
  #jbaMobileDockV15272{display:none!important}
}