/* JBA v16.20.116 — definitive purchase alignment + attached mobile search. */

/* Desktop/tablet product purchase block: physical price on the left, action on the right. */
@media (min-width:768px){
  html body #pro-indo .jba-v162116-purchase-grid{
    display:grid!important;
    grid-template-columns:minmax(0,58fr) minmax(190px,40fr)!important;
    grid-template-areas:"price buy"!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    direction:ltr!important;
  }
  html body #pro-indo .jba-v162116-purchase-grid>.jba-v162032-price-wrap{
    grid-area:price!important;
    width:100%!important;
    min-width:0!important;
    float:none!important;
    margin:0!important;
    direction:rtl!important;
  }
  html body #pro-indo .jba-v162116-purchase-grid>.jba-v162115-buy-row{
    grid-area:buy!important;
    display:flex!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    float:none!important;
    margin:0!important;
    direction:rtl!important;
  }
  html body #pro-indo .jba-v162116-purchase-grid>.jba-v162115-buy-row>*,
  html body #pro-indo .jba-v162116-purchase-grid>.jba-v162115-buy-row [onclick*="addToCart"],
  html body #pro-indo .jba-v162116-purchase-grid>.jba-v162115-buy-row #sabad-kharid{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    margin:0!important;
  }
}

@media (max-width:767px){
  html body #pro-indo .jba-v162116-purchase-grid{display:block!important;width:100%!important;direction:rtl!important}
  html body #pro-indo .jba-v162116-purchase-grid>.jba-v162032-price-wrap,
  html body #pro-indo .jba-v162116-purchase-grid>.jba-v162115-buy-row{width:100%!important;float:none!important;margin:0 0 10px!important}

  /* Modern sticky buy bar: action is physically right, price physically left. */
  html body .jba-v15266-sticky-buy{
    direction:rtl!important;
    flex-direction:row!important;
  }
  html body .jba-v15266-sticky-buy .jba-v15266-sticky-action{
    order:-10!important;
    flex:0 0 54%!important;
  }
  html body .jba-v15266-sticky-buy .jba-v15266-sticky-price{
    order:10!important;
    flex:1 1 auto!important;
    align-items:flex-start!important;
    text-align:right!important;
  }

  /* Search belongs to the upper-left edge of the header, not a detached floating bubble. */
  html body .jba-v162115-mobile-search{
    top:max(4px,env(safe-area-inset-top))!important;
    left:3px!important;
    width:49px!important;
    height:49px!important;
    border-radius:0 0 14px 0!important;
    border-top:0!important;
    border-left:0!important;
    box-shadow:0 5px 14px rgba(8,45,100,.13)!important;
  }
  html body .jba-v162115-mobile-search svg{
    width:26px!important;
    height:26px!important;
    stroke-width:2.25!important;
  }
}