.elementor-3629 .elementor-element.elementor-element-a4bd35e{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-2bd614b */.qr-cafe-cart{

max-width:600px;
margin:auto;
padding:15px;

}



.qr-cart-item{

background:white;

border-radius:12px;

padding:15px;

margin-bottom:12px;

box-shadow:0 2px 10px #0002;

}



.qr-product-box{

display:flex;

gap:15px;

}



.qr-product-image img{

width:90px;
height:90px;

object-fit:cover;

border-radius:10px;

}



.qr-product-detail{

flex:1;

}



.qr-product-name{

font-size:18px;

font-weight:600;

}



.qr-price{

color:#e65c00;

font-weight:bold;

margin:10px 0;

}



.qr-product-control{

display:flex;

align-items:center;

justify-content:center;

gap:8px;

margin-top:10px;

}



/* tombol minus dan plus */

.qr-product-control button{

width:36px;

height:36px;

display:flex;

align-items:center;

justify-content:center;

padding:0;

border-radius:6px;

border:1px solid #ddd;

background:white;

color:#8b5e3c;

font-size:22px;

line-height:1;

}



/* angka jumlah */

.qr-qty{

width:45px !important;

height:36px !important;

padding:0 !important;

text-align:center;

display:flex;

align-items:center;

justify-content:center;

border:1px solid #ddd !important;

border-radius:6px !important;

font-size:16px;

}



.qr-product-control button{

width:32px;

height:32px;

border:1px solid #ddd;

background:white;

border-radius:5px;

}



.qr-qty{

width:45px!important;

height:32px!important;

text-align:center;

}



.qr-remove{

border:none;

background:none;

color:#999;

margin-top:8px;

}



.qr-total{

background:#C08552;

color:white;

padding:18px;

border-radius:12px;

display:flex;

justify-content:space-between;

font-size:20px;

}



.qr-form{

margin-top:20px;

}



.qr-form input,
.qr-form select,
.qr-form textarea{

width:100%;

padding:13px;

margin-bottom:15px;

border-radius:10px;

border:1px solid #ddd;

}



#qr-wa-button{

position:static;

width:100%;

margin-top:20px;

background:#3b2415;

color:white;

border:none;

padding:15px;

border-radius:10px;

font-size:17px;

font-weight:600;

cursor:pointer;

display:block;

}


#qr-wa-button:hover{

background:#5a3620;

}





.qr-cafe-cart{

padding-bottom:20px;

}
.qr-product-control button{

width:38px;
height:38px;

border-radius:8px;

border:1px solid #ddd;

background:white;

color:#8b5e3c;

font-size:22px;

font-weight:bold;

cursor:pointer;

transition:.2s;

}



/* efek klik */

.qr-product-control button:active{

transform:scale(.75);

opacity:.3;

}



/* animasi hilang muncul */

.qr-product-control button.clicked{

opacity:0;

transform:scale(.5);

}



.qr-product-control button.show{

opacity:1;

transform:scale(1);

}/* End custom CSS */