section.favorites {
    margin-bottom: 100px;
    

    .favorites__wrap {
        display: flex;
        column-gap: 40px;
        margin-top: 32px;
    }

    .favorites__result {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        row-gap: 60px;
    }

    .favorites__header {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        justify-content: space-between;
        column-gap: 24px;
        row-gap: 24px;
    }

    .favorites__title {
        color: var(--Base-Dark, #171717);
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: 0.8px;
    }

    .favorites__info {
        display: flex;
        column-gap: 30px;
    }

    .favorites__count {
        color: var(--Gray-6, #9A9AA2);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 0.16px;
        align-self: flex-end;
        margin-bottom: 6px;
    }

    .favorites__control {
        display: flex;
        align-items: center;
        margin-left: auto;
    }

    .favorites__sort {
        margin-left: auto;

        .custom-select__wrapper {
            border: none;
            
            .custom-select__active {
                min-height: auto;
                padding: 0px;
            }
        }
    }

    .favorites__views {
        margin-left: 32px;
        display: flex;
        align-items: center;
    }

    .favorites__items {
        display: flex;
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .favorites__footer {
        margin-top: auto;
        align-self: center;
    }

    .favorites__empty-title {
        color: var(--Base-Dark, #171717);
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        letter-spacing: 0.64px;
    }

    .favorites__empty-text {
        color: var(--Gray-6, #9A9AA2);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: 0.2px;
        margin-top: 16px;
    }

    .favorites__empty-button {
        margin-top: 60px;
    }

    .favorites__empty-button .button {
        width: 100%;
        max-width: 250px;
    }

    .favorites__text {
        grid-column: 1/3;
        color: var(--Base-Dark, #171717);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.16px;

        a {
            color: var(--Dark-wine-2, #770E16);

            &:hover {
                text-decoration: underline;
            }
        }

        p {
            &:not(:last-child) {
                margin-bottom: 8px;
            }
        }
    }

    .favorites__actions {
        margin-left: auto;
    }

    .favorites__share {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 32px;

        .share-favorites {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            width: 28px;
            height: 28px;
            fill: none;
            stroke: var(--Gray-6, #9A9AA2);
            transition: all .3s ease;

            &:hover {
                stroke: var(--Dark-wine-2, #770E16);
            }
        }
    }

    .clear-favorites {
        color: var(--Base-Dark, #202020);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: 0.2px;
        cursor: pointer;
        transition: color .3s ease;

        &:hover {
            color: var(--Dark-wine-2, #770E16);
        }
    }

    .favorites__filter {
        .filter__wrap {
            & .filter__section {
                .filter__section-content {
                    padding-top: 12px;
                    padding-bottom: 12px;
                    display: block;
                }
            }
        }
    }
}

.favorites__share-block {
    .favorites__share-title {
        color: var(--Base-Dark, #171717);
        text-align: center;
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        letter-spacing: 0.8px;
    }

    .favorites__share-link {
        margin-top: 32px;

        a {
            color: var(--Dark-wine-1, #92111C);
            fill: var(--Dark-wine-1, #92111C);
            text-align: center;
            font-size: 26px;
            font-style: normal;
            font-weight: 600;
            line-height: 130%;
            letter-spacing: 0.52px;
            word-wrap: break-word;
            display: block;
            text-decoration: underline;

            &:hover {
              text-decoration: none;  
            }
        }

        .finespirits-icon {
            margin-left: 8px;
            position: relative;
            top: 4px;
        }
    }

    .favorites__share-description {
        color: var(--Gray-7, #7A7A85);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.16px;
        margin-top: 16px;
    }

    .favorites__share-button {
        margin-top: 40px;

        .button {
            width: 100%;
        }
    }
}