/** MSB Shop 7.0.7 — one premium mobile purchase bar: price + quantity + cart. */

/* Desktop/tablet keep the current 7.0.6 experience unchanged. */
@media (max-width:782px){
  /* The old source buybox must no longer become a second fixed bottom bar. */
  .single-product .msb-single-v52__buybox{
    position:relative!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    top:auto!important;
    z-index:auto!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:16px 0 0!important;
    padding:14px!important;
    border:1px solid #ece8ea!important;
    border-radius:14px!important;
    background:#f7f7f9!important;
    box-shadow:none!important;
  }
  .single-product .msb-single-v52__buy-prices{
    width:100%!important;
    margin:0 0 10px!important;
    padding:0!important;
  }
  .single-product .msb-single-v52__bulk-row{display:flex!important}
  .single-product .msb-single-v52__buy-divider{display:block!important}

  /* One floating bar only. It intentionally looks like the preferred price + cart bar. */
  body.single-product{padding-bottom:92px!important}
  .msb-product-float-v705{
    position:fixed!important;
    z-index:10020!important;
    right:0!important;
    left:0!important;
    bottom:0!important;
    display:grid!important;
    grid-template-columns:minmax(92px,.72fr) minmax(210px,1.55fr)!important;
    align-items:center!important;
    gap:10px!important;
    min-height:72px!important;
    padding:9px max(12px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
    border:0!important;
    border-top:1px solid rgba(227,221,225,.95)!important;
    border-radius:0!important;
    background:rgba(255,255,255,.975)!important;
    box-shadow:0 -12px 34px rgba(34,12,16,.12)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  /* Price block on the RTL/right side. */
  .msb-product-float-v705__meta{
    min-width:0!important;
    display:block!important;
    padding:0 2px!important;
  }
  .msb-product-float-v705__thumb,
  .msb-product-float-v705__text>strong{display:none!important}
  .msb-product-float-v705__text{display:block!important;min-width:0!important}
  .msb-product-float-v705__text small{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:48px!important;
    margin:0!important;
    color:#221117!important;
    font-size:11px!important;
    line-height:1.7!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  .msb-product-float-v705__text small .price,
  .msb-product-float-v705__text small .amount,
  .msb-product-float-v705__text .price,
  .msb-product-float-v705__text .amount{
    color:#221117!important;
    font-size:12px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  .msb-product-float-v705__text del{
    display:none!important;
  }
  .msb-product-float-v705__text ins{text-decoration:none!important}

  /* Quantity + CTA become one compact, playful control cluster. */
  .msb-product-float-v705__actions{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
  }
  .msb-product-float-v705__qty{
    width:92px!important;
    min-width:92px!important;
    height:48px!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:30px 32px 30px!important;
    align-items:center!important;
    margin:0!important;
    border:1px solid #eadfe3!important;
    border-radius:15px!important;
    background:#f8f7f9!important;
    overflow:hidden!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)!important;
  }
  .msb-product-float-v705__qty .msb-qty-step{
    width:30px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#2a1920!important;
    font-size:18px!important;
    font-weight:900!important;
  }
  .msb-product-float-v705__qty .msb-qty-step:active{
    background:#ffe8ef!important;
    color:var(--msb-primary,#f30a49)!important;
  }
  .msb-product-float-v705__qty .qty{
    width:32px!important;
    min-width:32px!important;
    height:46px!important;
    padding:0!important;
    border:0!important;
    border-right:1px solid #ece6e9!important;
    border-left:1px solid #ece6e9!important;
    background:#fff!important;
    text-align:center!important;
    font-size:11px!important;
    font-weight:900!important;
    box-shadow:none!important;
  }
  .msb-product-float-v705__add{
    width:100%!important;
    min-width:0!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border:0!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,var(--msb-primary,#f30a49),#ff2d65)!important;
    color:#fff!important;
    box-shadow:0 9px 22px rgba(243,10,73,.22)!important;
    font:800 10px/1.2 Vazirmatn,Tahoma,Arial,sans-serif!important;
    white-space:nowrap!important;
  }
  .msb-product-float-v705__add .msb-icon{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
  }

  /* Product pages already hide the regular mobile nav; keep utilities clear of this bar. */
  body.single-product .msb-floating-support,
  body.single-product .msb-back-to-top{bottom:86px!important}
}

@media (max-width:410px){
  .msb-product-float-v705{
    grid-template-columns:minmax(82px,.68fr) minmax(196px,1.55fr)!important;
    gap:7px!important;
    padding-inline:9px!important;
  }
  .msb-product-float-v705__actions{grid-template-columns:86px minmax(0,1fr)!important;gap:6px!important}
  .msb-product-float-v705__qty{width:86px!important;min-width:86px!important;grid-template-columns:28px 30px 28px!important}
  .msb-product-float-v705__qty .msb-qty-step{width:28px!important}
  .msb-product-float-v705__qty .qty{width:30px!important;min-width:30px!important}
  .msb-product-float-v705__add{padding-inline:8px!important;font-size:9px!important;gap:5px!important}
  .msb-product-float-v705__text small,.msb-product-float-v705__text small .amount,.msb-product-float-v705__text .amount{font-size:10px!important}
}