.discover-card {
    width: 250px;            
    height: 270px;           
    border-radius: 20px;     
    overflow: hidden;
    position: relative;
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.10);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.discover-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 32px rgba(0,0,0,0.14);
}

.discover-image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.discover-image img {
    width: 75%;
    height: 75%;
    object-fit: contain;
    padding: 0;
}

.discover-title {
    position: absolute;
    bottom: 12px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: #1e2a3a;
    font-size: 14px;
}

/* Allow hover animation to overflow safely */
.spotlight-widget .swiper,
.spotlight-widget .swiper-wrapper,
.spotlight-widget .swiper-slide {
    overflow: visible !important;
}

.spotlight-widget .swiper-slide {
    width: 260px !important;   /* control card width */
}