modalProduct{position:fixed;top:0px;left:0px;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.4);z-index:+99998;width:100%;height:100vh;}
modalProduct .contentModule{width:1500px;display:none;max-width:100%;min-height:10vh;position:relative;overflow:hidden;padding:0;border-radius:var(--border-radius-btn);box-shadow:0px 5px 20px -7px rgba(0,0,0,0.8);background:#ffffff;}
modalProduct .content{overflow-x:hidden;overflow-y:auto;max-height:100%;max-height:90vh;width:100%;}

modalProduct a.controlModal{position:absolute;z-index:+10;color:#ffffff;display:inline-flex;text-decoration:none;align-items:center;justify-content:center;font-family:Arial;width:100px;height:100px;font-weight:600;border-radius:var(--border-radius);}

modalProduct a.closeModalProduct{background:var(--main-color);top:-50px;right:-50px;transition:all .4s;}
modalProduct a.closeModalProduct:hover{background:var(--main-hover);color:var(--main-color);transition:all .4s;}
modalProduct a.closeModalProduct span{position:absolute;bottom:15px;left:22px;}

modalProduct a.prevModalProduct{background:#0F172A;top:-50px;left:-50px;display:none;}
modalProduct a.prevModalProduct:hover{background:#272551;}
modalProduct a.prevModalProduct span{position:absolute;bottom:5px;left:67%;font-size:25px;}

modalProduct .product__content{background:var(--bg);}
modalProduct .footerProduct{margin-top:30px;position:relative;}
modalProduct .footerProduct button{margin-left:10px;}

modalProduct .addCart{width:250px;height:50px;overflow:hidden;}
modalProduct .addCart span{flex:1;}
modalProduct .product__img{max-width:100%;}
modalProduct .product__title{font-size:30px;}

modalProduct .confirmAddCart{width:100%;position:absolute;top:0px;z-index:-10;opacity:0;transform:translateY(0px);}
modalProduct .confirmAddCart.open{opacity:1;z-index:+1;transform:translateY(-60px);}
modalProduct .confirmAddCart i{margin-left:10px;margin-right:0px;}
modalProduct .confirmAddCart a{background:#208908;padding:8px 25px;border:0px;}
modalProduct .confirmAddCart a:hover{background:#29c306}

modalProduct div.header_product{background:var(--secondary);padding:25px 15px;}
modalProduct div.header_product div.productImage{width:200px;overflow:hidden;}
modalProduct div.header_product div.productImage img{width:100%;}
modalProduct h2{margin:0;font-size:1.1rem;color:var(--main-color);font-weight:700;text-transform:uppercase;padding:0;}
modalProduct order-title{padding:15px;}

modalProduct .outConfirmCart{animation-name:outConfirmCart;animation-duration:1s;animation-delay:.7s;animation-fill-mode:forwards;}
@-webkit-keyframes outConfirmCart{
	0%{transform:translateX(0px);}
	100%{transform:translateX(150%);}
}

modalProduct .inLabelCart{animation-name:inLabelCart;animation-duration:1s;animation-delay:.4s;animation-fill-mode:forwards;}
@-webkit-keyframes inLabelCart{
	0%{transform:translateX(150%);}
	100%{transform:translateX(0px);}
}

@media screen and (max-width:700px){
	modalProduct .product__detail .el__float{width:100%;flex:auto;}
	modalProduct .footerProduct{position:absolute;bottom:20px;left:0px;width:100%;}
	modalProduct .addCart{width:auto;padding:5px 15px!important;font-size:0.90rem;height:42px;}
}