@import url('cart_button_responsive.css?v=20260614b');      
@import url('product_options_inline.css?v=20260614b');       
#real_time_order, .rpp-card, #rpp-toast, #real_time_order .content,
.rpp-card .content,
#rpp-toast .content,
.recent-purchase-popup .content{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding-right: 18px;  
}
#real_time_order .pro_image { flex: 0 0 48px; width:48px; height:48px; margin-right:10px; }
#real_time_order .pro_image img { width:48px; height:48px; object-fit:cover; display:block; }

#real_time_order .title a,
.rpp-card .title a,
#rpp-toast .title a,
.recent-purchase-popup .title a{
  display:-webkit-box;
  -webkit-line-clamp:2;     
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.25;
  max-height:calc(1.25em * 2);
  word-break:break-word;
}
#real_time_order .time,
.rpp-card .time,
#rpp-toast .time,
.recent-purchase-popup .time{
  margin-top:2px;
  font-size:12px;
  opacity:.85;
  flex:0 0 auto;            
}

 
#rpp-box .content{ position:relative!important; display:flex!important; flex-direction:column!important; gap:4px!important;
                   padding:12px 18px 10px 14px!important; }
#rpp-box .close{ position:absolute!important; right:10px!important; top:8px!important; line-height:1!important; opacity:.85!important; }

 

 
#rpp-box {
  position: fixed;               
  left: 16px;                    
  bottom: 90px;                  
  z-index: 2147483647;           
  min-width: 260px;
  max-width: 420px;
  width: calc(100vw - 136px);    
  pointer-events: auto;
}
@media (max-width: 480px){
  #rpp-box { max-width: 92vw; width: calc(100vw - 24px); left: 12px; bottom: 84px; }
}

#rpp-box .content{
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  padding: 12px 18px 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

#rpp-box .title a{
  color: #147bff;                
  text-decoration: underline;    
}

#rpp-box .time{
  font-size: 12px;
  opacity: .85;
}

#rpp-box .close{
  position: absolute;
  right: 10px;
  top: 8px;
  line-height: 1;
  opacity: .85;
}
 
#rpp-box-custom ~ #rpp-box,
#rpp-box-custom ~ #rpp-toast,
#rpp-box-custom ~ #real_time_order{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

 
#rpp-box .buy_info,
#rpp-box .buy_info *,
#real_time_order .buy_info,
#real_time_order .buy_info *,
.rpp-card .buy_info,
.rpp-card .buy_info *,
#rpp-toast .buy_info,
#rpp-toast .buy_info *,
.recent-purchase-popup .buy_info,
.recent-purchase-popup .buy_info *,
.popup_content .buy_info,
.popup_content .buy_info *,
.themes_popups .buy_info,
.themes_popups .buy_info * {
  font-weight: 400 !important;
}