.pg-app{max-width:500px;margin:auto;font-family:sans-serif;padding-bottom:100px}
.card{border:1px solid #ddd;margin:10px;padding:12px;border-radius:12px}

/* PANEL */
.pg-panel{
 position:fixed;
 left:0;
 bottom:-100%;
 width:100%;
 max-width:500px;
 background:#fff;
 border-radius:20px 20px 0 0;
 box-shadow:0 -5px 20px rgba(0,0,0,0.2);
 padding:15px;
 transition:0.3s;
 z-index:9999;
}

.pg-panel.active{
 bottom:0;
}

.pg-panel-header{
 display:flex;
 justify-content:space-between;
 font-weight:bold;
 margin-bottom:10px;
}

.pg-panel input{
 width:100%;
 padding:10px;
 margin-top:5px;
 margin-bottom:10px;
 border-radius:8px;
 border:1px solid #ddd;
}

/* STICKY PAY */
.pg-sticky{
 position:sticky;
 bottom:0;
 background:#fff;
 padding-top:10px;
}

#payBtn{
 width:100%;
 padding:14px;
 background:#28a745;
 color:#fff;
 border:none;
 border-radius:10px;
 font-size:16px;
}

/* PRICE */
#total{
 font-weight:bold;
 font-size:18px;
 margin-bottom:10px;
}