/* Только эффекты — тёмная тема полностью на Bootstrap */
.card--hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.3) !important;
    transition: all 0.3s ease;
}

.card__image {
    height: 280px;
    object-fit: cover;
}

.card--selected {
    border: 3px solid #0d6efd !important;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25) !important;
}

.progress {
    height: 12px;
    border-radius: 6px;
}

/* Скидка всегда */
.card__discount {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    font-size: 1.1em;
    padding: 0.4em 0.6em;
}