/* Стили для фиксированного размера изображения */
.product-image {
    width: 100%;
    object-fit: cover;  /* Сохраняет пропорции и заполняет область */
}

/* Убираем эффект увеличения при наведении */
.product-image:hover {
    transform: none;  /* Убираем увеличение */
}

/* Установим минимальный размер карточки */
.product-card {
    height: 100%;  /* Карточка будет растягиваться по высоте */
    display: flex;
    flex-direction: column;
    text-align: center;  /* Центрируем весь текст в карточке */
}

/* Позиционирование и стили для тела карточки */
.product-card .card-body {
    flex-grow: 1;  /* Контент карточки заполняет оставшееся пространство */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Центрируем контент по вертикали */
    align-items: center; /* Центрируем контент по горизонтали */
}

/* Новый стиль для значка скидки */
.discount-badge {
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5rem;  /* Делаем квадратную форму */
    background-color: #e74c3c;
    color: #fff;
    border-radius: 0 !important; /* Убираем округление */
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Стиль для цен */
.old-price {
    color: #6c757d;
    font-size: 0.875rem;
    margin-right: 10px;
    text-decoration: line-through;
}

.new-price {
    color: #e74c3c;
    font-size: 1.1rem;
    font-weight: 400;
}

/* Стиль для обычной цены, если скидки нет */
.price {
    color: #2c3e50;
    font-size: 1.1rem;
    font-weight: 400;
}

/* Смещение цен ниже описания */
.product-description + .d-flex {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
