.wishlist-top {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--Gap-20);
    justify-content: space-between;
    margin-bottom: var(--Margin-20);

    @media(max-width: 380px) {
        flex-direction: column;
        align-items: start;
    }
}
.wishlist-count {
    position: relative;
    color: var(--Main-text-secondary);
}
.wishlist-clear {
    position: relative;
    display: flex;
    color: var(--Main-text-secondary);
    align-items: center;
    gap: 5px;
    cursor: pointer;
    transition: var(--Transition);

    & svg {
        width: 0px;
        height: auto;
        min-width: var(--Size-24);
        aspect-ratio: 1;

        & path {
            stroke: var(--Stroke-secondary);
            transition: var(--Transition);
        }
    }

    &:hover {
        color: var(--Fourth);

        & svg path {
            stroke: var(--Fourth);
        }
    }
}

.wishlist-content {
    position: relative;
    width: 100%;
    height: fit-content;

    & .catalog-products {
        position: relative;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: var(--Gap-20);

        @media(max-width: 1380px) {
            & {
                grid-template-columns: repeat(4, 1fr);
            }
        }
        @media(max-width: 1000px) {
            & {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        @media(max-width: 800px) {
            & {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media(max-width: 480px) {
            & {
                grid-template-columns: repeat(1, 1fr);
            }
        }
    }
}







.wishlist-not-found {
    color: var(--Main-text-secondary);
}