/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 20 2025 | 09:27:17 */
.hn__alert-added-to-cart {
	width: 400px;
	position: fixed;
	top: 50px;
	z-index: 1000;
	background-color: #fff;
	padding: 16px 28px;
	border-radius: 12px;
	box-shadow: 1px 1px 10px 0px #00000026;
}
.hn__alert-added-to-cart.hidden {
	
	right: 0;
	opacity: 0;
	transform: translateX(100%);
}
.hn__alert-added-to-cart.show {
	transition: all .5s ease;
	right: 40px;
	opacity: 1;
	transform: translateX(0%);
}

.hn__alert-added-to-cart > p {
	font-weight: 600;
	padding-bottom: 16px;
	border-bottom: 1px solid #ededed;
	font-size: 16px;
}
.hn__alert-added-to-cart .info-product h3.title {
	margin: 0;
	font-size: 16px;
}
.hn__alert-added-to-cart .info-product { display:flex; gap:10px; margin:8px 0; }
.hn__alert-added-to-cart img { 
	width:50px; height:50px; object-fit:cover; border-radius:6px; 
	display:block; /* Mặc định hiển thị */
}
.hn__alert-added-to-cart .variable {
	font-size: 13px;
	opacity: 0.8;
	margin: 2px 0;
}
.hn__alert-added-to-cart .price {
	font-weight: 600;
	color: #4CAF50;
}
.hn__alert-added-to-cart .btn-view-cart {
    display: inline-block;
    margin-top: 8px;
    padding: 8px 24px;
    background: #fff;
    color: #111;
    text-decoration: none;
    font-weight: 600;
    border: 1px solid;
    border-radius: 100px;
}
.hn__alert-added-to-cart .close {
	position: absolute;
	top: 10px;
	right: 14px;
	background: transparent;
	border: none;
	color: #000;
	font-size: 32px;
	cursor: pointer;
	padding: 0;
	line-height: 20px;
}

@media (max-width: 576px) {
	.hn__alert-added-to-cart {
    width: calc(100vw - 32px);
    max-width: 400px;
		top: 32px;
}
	.hn__alert-added-to-cart.show {
	right: 16px;
		
}
}