/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
 
/* Glassmorphism effect for product banners */
 
@media (max-width: 768px) {
    .glass-card {
        padding: 18px 8px;
    }
}
 
/* For Style 1 */
.card {
    transition: transform 0.3s ease;
}
.card:hover {
    transform: translateY(-10px);
}
 
/* For Style 2 */
.product-box {
    background: linear-gradient(145deg, #2193b0, #6dd5ed);
    color: white;
}
.product-box:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
 
/* For Style 3 */
.product-minimal {
    transition: all 0.3s ease;
}
.product-minimal:hover {
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}
@media (max-width: 768px) {
    .glass-card {
        padding: 18px 8px;
    }
}