.recipes {
    position: relative
}

.recipes__bg-bottom {
    position: absolute;
    bottom: -280px;
    right: 0;
    z-index: -1;
    pointer-events: none;
    display: none
}

.recipes__bg-bottom img {
    width: auto;
    height: auto
}

.recipes .custom-slider__head {
    margin-bottom: 40px
}

@media (min-width: 1200px) {
    .recipes__bg-bottom {
        display: block
    }

    .recipes .custom-slider__head {
        margin-bottom: 45px
    }
}

.recipes__filter {
    margin-bottom: 28px
}

.recipes__filter-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.recipes__filter-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px 28px
}

.recipes__filter-toggle .dropdown-menu {
    margin-top: 12px !important
}

.recipes__filter-all {
    display: none
}

@media (min-width: 760px) {
    .recipes__filter-all {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

.recipes__filter-link {
    text-transform: uppercase;
    padding: 4px 0;
    gap: 8px
}

.recipes__filter-selected {
    margin-top: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 20px
}

.recipes__filter-selected-item {
    color: var(--gray);
    font-size: var(--text-size-12);
    font-weight: var(--fw-normal);
    line-height: var(--lh-sm);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.recipes__filter-selected-item:hover {
    color: var(--white)
}

.recipes__filter-selected-item .icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 12px;
    height: 12px
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .recipes .swiper-button-next, .recipes .swiper-button-prev {
        top: 15vw
    }
}

@media (max-width: 575.98px) {
    .recipes .swiper-button-next, .recipes .swiper-button-prev {
        top: 30vw
    }
}

.recipes .swiper-button-prev {
    left: 0
}

.recipes .swiper-button-next {
    right: 0
}

.recipes .swiper-pagination--relative {
    margin-top: 40px
}

.recipes__all-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 40px
}

@media (min-width: 760px) {
    .recipes__all-mob {
        display: none
    }
}

.recipes__all-mob-link {
    text-transform: uppercase;
    padding: 4px 0;
    gap: 8px
}

.recipe-not-found {
    margin-top: 30px;
}