
#rpk48-badge{
 display:inline-block;background:#8e99cf;color:#fff;border-radius:22px;
 padding:8px 12px;line-height:1.15;cursor:pointer;
 max-width:208px;min-width:208px;font-family:Arial,sans-serif;
 box-shadow:0 2px 8px rgba(0,0,0,.12);margin-left:12px;vertical-align:middle;
}
#rpk48-badge .r1,#rpk48-badge .r2{
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 font-size:13px;font-weight:700;
}
#rpk48-overlay{
 position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99999;
}
#rpk48-modal{
 background:#f5f5f5;max-width:440px;width:calc(100% - 24px);
 margin:4vh auto;padding:50px;border-radius:16px;position:relative;
 font-family:Arial,sans-serif; margin-top: 5%;
}
#rpk48-close{
 position:absolute;top:8px;right:10px;border:none;background:none;
 font-size:18px;cursor:pointer;color:#4e62b0;
}
#rpk48-modal h2{margin:0 0 12px;text-align:center;color:#8e9ecd !important;font-size:18px}
#rpk48-modal .lbl_1{font-size:11px;text-align: center;color:#000000;margin:10px 0 6px; line-height: 0px !important}
#rpk48-modal .lbl{font-size:11px;font-weight:700;color:#000000;margin:10px 0 6px; margin-top:20px !important}
#rpk48-modal .card{
 background:#e4e5e6;border:1px solid #d7dfff;border-radius:12px;padding:12px;
}
#rpk48-modal .name{font-weight:700;color:#4e62b0;font-size:15px}
#rpk48-modal .addr{font-size:13px;color:#333;margin-top:8px;line-height:1.45}
#rpk48-modal .state{font-size:13px;color:#77b800;font-weight:700;margin-top:10px}
#rpk48-modal .state1{font-size:13px;color:#77b800;font-weight:700;margin-top:10px}
#rpk48-modal .mode{
 display:block;width:100%;padding:3px;margin-top:10px;border-radius:12px;
 border:1px solid #dde3fb;background:#fff;color:#ffffff;font-weight:700;
 cursor:pointer;
}
#pickupPanel{
 margin-top:12px;padding:14px;border-radius:14px;
  display: inline-grid !important;
}
#pickupPanel .ptitle{font-weight:700;color:#000000;font-size:13px;margin-bottom:8px}
#pickupPanel .paddr{font-size:13px;line-height:1.55;color:#444;word-break:break-word}


.contenedor-botones {
  display: flex;     
  gap: 10px;          
  width: 100%;        
}

.contenedor-botones {
  flex: 1; 
  text-transform: capitalize;
  color: : #ffffff !important;  
  justify-content: center !important; 
}

.contenedor_delivery {
  display: flex;     
  gap: 10px;          
  width: 100%;        
}

.contenedor_delivery {
  flex: 1; 
  text-transform: capitalize; 
  justify-content: center !important; 
}

.contenedor_retiro {
  display: flex;     
  gap: 10px;          
  width: 100%;        
}

.contenedor_retiro {
  flex: 1; 
  text-transform: capitalize;
  justify-content: center !important; 
}

.color_boton {
  
  background-color: #de5851 !important;      
  color: : #ffffff !important;   
  text-transform: capitalize;
  display: flex !important;
  justify-content: center !important;
  width: 46% !important;
}

.color_boton1 {

  background-color: #8e9ecd !important;      
   color: : #ffffff !important;   
  text-transform: capitalize;
  display: flex !important;
  justify-content: center !important;
  width: 46% !important;

}