/* Discounts */

.discounts-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.discount-header {
    display: grid;
    grid-template-columns: 0.3fr 0.4fr 0.3fr;
    gap: 16px;
    padding-inline: 14px;
    text-align: center;
    text-transform: uppercase;
}

.discount-header > * {
    font-weight: 500;
    color: #2C2C2C80;
}

.discount-item {
    display: grid;
    grid-template-columns: 0.3fr 0.4fr 0.3fr;
    align-items: center;
    gap: 16px;
    padding: 14px;
    text-align: center;
    text-transform: uppercase;
    background-color: #F7F7F7;
    border-radius: 20px;
    transition: var(--transition);
    cursor: pointer;
}

.discount-item:hover {
    background-color: #F1F1F1;
}

.discounts-items:has(.discount-item:hover) .discount-item:not(:hover) {
    opacity: 0.45;
} 

.discount-item .discount-item__days {
    font-weight: 500;
}

@media (max-width: 767px) {
    .discounts-items {
        gap: 8px;
    }

    .discount-header {
        grid-template-columns: repeat(3, 1fr);
        gap: 6px;
        padding-inline: 12px;
        font-size: 12px;
        line-height: 1.25em;
    }

    .discount-item {
        grid-template-columns: repeat(3, 1fr);
        gap: 6px;
        padding: 12px;
    }

    .discount-item .discount-item__days {
        font-size: 14px;
    }

    .discount-item .discount-item__content {
        font-size: 18px;
    }

    .discount-item .discount-item__bonus {
        font-size: 14px;
        line-height: 1.21em;
    }
}

/* Discounts - END */