/* MouSou compact mobile product buy bar v1 */
@media (max-width: 767.98px){
  body.mousou-product-detail-page main.main-shell{
    padding-bottom:6.5rem !important;
  }

  /* Compact fixed purchase bar */
  body.mousou-product-detail-page .mousou-mobile-buy-bar,
  body.mousou-product-detail-page .mobile-sticky-buy{
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    bottom:calc(74px + env(safe-area-inset-bottom, 0px)) !important;
    transform:translateX(-50%) !important;
    width:calc(100% - 24px) !important;
    max-width:420px !important;
    min-height:56px !important;
    padding:7px 8px 7px 12px !important;
    gap:8px !important;
    border-radius:16px !important;
    border:1px solid rgba(16,33,63,.09) !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 8px 24px rgba(16,33,63,.13) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
    z-index:1055 !important;
  }

  body.mousou-product-detail-page .mobile-sticky-buy > div:first-child,
  body.mousou-product-detail-page .mousou-mobile-buy-bar > div:first-child{
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  body.mousou-product-detail-page .mobile-sticky-label{
    margin:0 0 1px !important;
    font-size:10px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    color:#7b8494 !important;
  }

  body.mousou-product-detail-page .mobile-sticky-price{
    margin:0 !important;
    font-size:18px !important;
    line-height:1.12 !important;
    font-weight:900 !important;
    color:#10213f !important;
    white-space:nowrap !important;
  }

  body.mousou-product-detail-page .mousou-mobile-buy-button,
  body.mousou-product-detail-page .mobile-sticky-buy .btn,
  body.mousou-product-detail-page .mousou-mobile-buy-bar .btn{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:116px !important;
    min-height:42px !important;
    height:42px !important;
    margin:0 !important;
    padding:0 14px !important;
    border-radius:12px !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    box-shadow:none !important;
  }

  /* The fixed bar already submits the same form, so hide the duplicated button inside content. */
  body.mousou-product-detail-page .mousou-buy-row > .col-sm-8{
    display:none !important;
  }

  body.mousou-product-detail-page .mousou-buy-row > .col-sm-4{
    width:100% !important;
  }

  /* Keep floating contact buttons above the compact bar. */
  body.mousou-product-detail-page .whatsapp-fab,
  body.mousou-product-detail-page .whatsapp-float,
  body.mousou-product-detail-page .floating-whatsapp,
  body.mousou-product-detail-page [data-whatsapp-button]{
    bottom:142px !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    padding:0 !important;
    z-index:1070 !important;
  }

  body.mousou-product-detail-page .live-chat-trigger,
  body.mousou-product-detail-page .live-chat-trigger.live-chat-customer-service,
  body.mousou-product-detail-page [data-chat-toggle],
  body.mousou-product-detail-page [data-open-chat],
  body.mousou-product-detail-page .chat-toggle,
  body.mousou-product-detail-page .floating-chat-button,
  body.mousou-product-detail-page .chat-widget-toggle{
    bottom:142px !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    border-radius:16px !important;
    z-index:1070 !important;
  }

  body.mousou-product-detail-page .live-chat-customer-service .live-chat-trigger__icon,
  body.mousou-product-detail-page .live-chat-customer-service .live-chat-trigger__icon svg{
    width:28px !important;
    height:28px !important;
  }
}

@media (max-width: 380px){
  body.mousou-product-detail-page .mousou-mobile-buy-bar,
  body.mousou-product-detail-page .mobile-sticky-buy{
    width:calc(100% - 16px) !important;
    min-height:54px !important;
    padding:6px 7px 6px 10px !important;
    border-radius:15px !important;
  }

  body.mousou-product-detail-page .mobile-sticky-price{
    font-size:16px !important;
  }

  body.mousou-product-detail-page .mousou-mobile-buy-button,
  body.mousou-product-detail-page .mobile-sticky-buy .btn,
  body.mousou-product-detail-page .mousou-mobile-buy-bar .btn{
    min-width:108px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 11px !important;
    font-size:13px !important;
  }
}