/* Custom Alert Styles */
.custom-alert {
    display: none;
    position: fixed;
    top: 10px;
    right: 10px;
    min-width: 500px;
    padding: 20px 35px;
    border-radius: 10px;
    background-color: #333;
    color: #fff;
    text-align: center;
    z-index: 9999;
}

.alert-message {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	align-items: flex-start;
	
	h2 {
		font-size: 36px;
		text-align: start;
	}
	.product-container {
		display: flex;
		flex-direction: row;
		gap: 50px;
		
		.image-container {
			max-width: 100px;
			overflow: hidden;
			border-radius: 10px;
			height: fit-content;
		}
		
		.product-info {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 10px;
			
			h3 {
				font-size: 28px;
				font-weight: normal;
			}
			
			p {
				font-size: 18px;
				color: black;
			}
		}
	}


}

.custom-alert.success {
    background-color: #fff;
	box-shadow: -10px 10px 10px 0px rgba(0,0,0,0.1); 
}

.custom-alert.error {
    background-color: #FF2300;
	box-shadow: -10px 10px 10px 0px rgba(0,0,0,0.1); 
}