body{
    margin: 0;
    padding: 0;
}

.box-container{
    padding: 15px 15px 0;
}


.box-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: -1;
}


.flex{
    display: flex;
    gap: 15px;
    flex-direction: row;
    justify-content: center;
}


.flex.md{
    flex-direction: column-reverse;
    justify-content: flex-end;
    flex: 1 1 0px;
}

.box.xl{
    /* width: 37.5rem; */
    height: 465px;
    flex: 1 1 0px;
}

.box.md{
    height: 225px;
    /* width: 37.5rem; */
    position: relative;
}

.box{
    position: relative;
}

.box:hover{
    display:inline-block;
    background: linear-gradient(180deg, rgba(28, 53, 97, 0) 0%, #002D53 100%)
}

.info.block{
    margin-bottom: 40px;
}

.box .title{
    position: absolute;
    bottom: 32px;
    left: 32px;
    font-size: 25px;
    color: white;
    padding-right: 32px;
}

.box.xl .title{
    bottom:56px;
}

.hidden{
    display: none !important;
}

.stars{
    position: absolute;
    right: 8px;
    bottom: 12px;
    display: flex;
    align-items: end;
    color: white;
    font-size: 16px;
}

.stars::before{
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_756_5395' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3E%3Crect width='32' height='32' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_756_5395)'%3E%3Cpath d='M9.8243 27.7333C9.57986 27.9333 9.31875 27.9444 9.04097 27.7667C8.76319 27.5889 8.67986 27.3444 8.79097 27.0333L11.291 18.8667L4.79097 14.2C4.5243 14.0222 4.44097 13.7778 4.54097 13.4667C4.64097 13.1556 4.84653 13 5.15764 13H13.2243L15.791 4.46667C15.8354 4.28889 15.9187 4.16667 16.041 4.1C16.1632 4.03333 16.291 4 16.4243 4C16.5576 4 16.6854 4.03333 16.8076 4.1C16.9299 4.16667 17.0132 4.28889 17.0576 4.46667L19.6243 13H27.691C28.0021 13 28.2076 13.1556 28.3076 13.4667C28.4076 13.7778 28.3243 14.0222 28.0576 14.2L21.5576 18.8667L24.0576 27.0333C24.1688 27.3444 24.0854 27.5889 23.8076 27.7667C23.5299 27.9444 23.2688 27.9333 23.0243 27.7333L16.4243 22.7333L9.8243 27.7333Z' fill='%23F5CD00'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 30px;
    height: 30px;
    margin-right: 6px
}

.recipe-description .recipe-image{
    max-height: 460px;
    max-width: 435px;
    position: absolute;
    /* left: -220px; */
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}

.recipe-description .recipe-image-mobile{
    display: none;
    height: 234px;
    width: 221px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    width: fit-content;
    top: -81px;
    z-index: 2;
}

.recipe-description .recipe-image img{
    width: 100%;
    height: 100%;
}

.recipe-description{
    max-width: 839px;
    margin-top: 66px;
    margin-bottom: 56px;
    position: relative;
}

.recipe-description .recipe-data{
    padding-left: 273px;
    padding-bottom: 38px;
    padding-top: 48px;
    position: relative;
    border: 6px solid #002D53;
    border-radius: 6px;
    right: -220px;
}

.recipe-description .recipe-data li{
    list-style-type: none;
    list-style: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99967 9.66683C3.71079 9.66683 2.61079 9.21127 1.69967 8.30016C0.788563 7.38905 0.333008 6.28905 0.333008 5.00016C0.333008 3.71127 0.788563 2.61127 1.69967 1.70016C2.61079 0.789052 3.71079 0.333496 4.99967 0.333496C6.28856 0.333496 7.38856 0.789052 8.29967 1.70016C9.21078 2.61127 9.66634 3.71127 9.66634 5.00016C9.66634 6.28905 9.21078 7.38905 8.29967 8.30016C7.38856 9.21127 6.28856 9.66683 4.99967 9.66683ZM4.99967 8.3335C5.9219 8.3335 6.70801 8.0085 7.35801 7.3585C8.00801 6.7085 8.33301 5.92238 8.33301 5.00016C8.33301 4.07794 8.00801 3.29183 7.35801 2.64183C6.70801 1.99183 5.9219 1.66683 4.99967 1.66683C4.07745 1.66683 3.29134 1.99183 2.64134 2.64183C1.99134 3.29183 1.66634 4.07794 1.66634 5.00016C1.66634 5.92238 1.99134 6.7085 2.64134 7.3585C3.29134 8.0085 4.07745 8.3335 4.99967 8.3335Z' fill='%23002D53'/%3E%3C/svg%3E%0A");
}

.big-title{
    color:#002D53;
    font-size: 25px;
    text-align: center;
    font-weight: 700;
}

.recipe-description .subtitle{
    color:#636466;
    font-style: italic;
    font-size: 18px;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 48px;
}

.title::before{
    content: "";
    height: 3px;
    background-color: #002D53;
    width: 147px;
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.box .title::before{
    display: none;
}

.title{
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    color:#002D53;
    margin-bottom: 16px;
}

.recipes-title{
    font-size: 40px;
    color:#002D53;
    font-weight: 700;
    margin-bottom: 32px;
}

/* .recipes-filters{
    display: flex;
    gap:17px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 32px;
} */

.recipes-filters{
    margin-top: 32px;
    margin-left: 25px !important;
}

.recipes-filters .swiper-slide{
    width: fit-content;
}

.recipe-list .swiper-scrollbar{
    margin-top: 17px;
    height: 3px;
}

.recipes-filters .filter{
    color:#002D53;
    font-size: 13px;
    padding: 8px 12px;
    border: 1px solid #002D53;
    border-radius: 20px;
    display: block;
    width: fit-content;
}

.recipes-filters .swiper-slide.selected a{
    background-color:#002D53;
    color:#FFF
}

.recipe-description .list{
    width: fit-content;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-left: 16px;
    gap:4px;
    color: #636466;
}

.list, .list-mobile{
    list-style: none;
  }

.list-mobile{
    display: none;
}

.list-mobile{
    width: fit-content;
}

.recipe-description .list li{
    width: min-content;
    white-space: nowrap;
    margin-right: 56px;
}

.recipe-description .tools .content{
    margin-top: 8px;
    color: #636466;
}

.product-use-title{
    font-size: 25px;
}

.recipe-description .product-use{
    width: 130px;
    margin-top: 16px;
}

.recipe-description .product-use .image{
    max-width: 130px;
    height: 120px;
    position: relative;
    left: 0;
}


.recipe-description .product-use img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.product-use a{
    background-color: #002D53;
    color: white;
    text-decoration: none;
    font-style: normal;
    padding: 12px 0;
    text-align: center;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
    max-width: 126px;
    margin: auto;
    margin-top: 36px;
    font-size: 12px;
}

.swiper-recipe .button:hover, .product-use a:hover{
    background-color: #f2f2f2 !important;
    color: #636466;
    border: 1px solid transparent;
}

.product-use{
    display: flex;
    margin-bottom: 56px;
    justify-content: space-between;
}

.product-use .description .text{
    color: #636466;
    padding-right: 171px;
    padding-top: 108px;
}

.preparation .phase{
    display: flex;
    align-items: center;
    color:#333333;
    font-size: 16px;
    gap:32px
}

.preparation .number{
    background: #002D53;
    padding: 12px 19px;
    text-align: center;
    box-shadow: -4px 4px #0095D6;
    color: white;
    font-weight: 700;
    font-size: 18px;
}

/* .container{
    padding: 0 50px;
    margin: auto;
    max-width: 1100px;
    box-sizing: border-box;
} */

.media-container{
    padding: 0 50px;
    margin: auto;
    box-sizing: border-box;
}

.preparation .title{
    text-align: left;
    margin-bottom: 32px;
    font-size: 25px;
    font-weight: 700;
    color:#002D53;
}

.preparation .step{
    margin-bottom: 32px;
}

.preparation .content{
    max-width: 805px;
}

.stars-survey{
    background-color: #F2F2F2;
    padding: 32px;
    width: fit-content;
    margin-bottom: 56px;
}

.stars-survey .stars-title{
    color:#002D53;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 22px;
}

.stars-box {
    display: flex;
    gap: 20px;
}

.stars-box .label{
    color: #333333;
    font-size: 18px;
    font-weight: 700;
}

.stars-box .average-label{
    border-left: 1px #333333 solid;
    padding-left: 16px;
    font-size: 16px;
    color: #000;
}

.advice{
    margin-bottom: 56px;
}

.advice .title{
    font-size: 25px;
    font-weight: 700;
}

.recipe-related{
    margin-bottom: 72px;
    position: relative;
}

.recipe-related .title{
    margin-bottom: 32px;
    font-weight: 700;
    font-size: 25px;
}

.swiper-recipe{
    height: auto !important;
}

.swiper-recipe .swiper-slide{
    width: 292px !important;
}

.swiper-recipe .recipe-image{
    width: 292px;
    height: 190px;
}

.swiper-recipe .recipe-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.swiper-recipe .content{
    padding: 16px;
    background-color: #002D53;
}

.swiper-recipe .name{
    font-size: 18px;
    font-weight: 700;
    color: white;
    margin-bottom: 24px;
    max-width: 200px;
    min-height: 81px;
}

.swiper-recipe .button{
    background-color: #FFF;
    color: #002D53;
    text-transform: uppercase;
    padding: 8px 16px;
    text-decoration: none;
    font-weight: 700;
    display: inline-block;
    border-radius: 0;
}

.swiper-recipe .stars-average{
    float: right;
    display: flex;
    align-items: start;
    font-size: 16px;
    font-weight: 700;
    color: white;
}

.swiper-recipe .stars-average::after{
    content: '';
    margin-left: 4px;
    width: 21px;
    height: 21px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.59621 21.2667C5.38232 21.4417 5.15385 21.4514 4.9108 21.2958C4.66774 21.1403 4.59482 20.9264 4.69205 20.6542L6.87955 13.5083L1.19205 9.425C0.958712 9.26944 0.885795 9.05556 0.973295 8.78333C1.0608 8.51111 1.24066 8.375 1.51288 8.375H8.57121L10.817 0.908333C10.8559 0.752778 10.9289 0.645833 11.0358 0.5875C11.1427 0.529167 11.2545 0.5 11.3712 0.5C11.4879 0.5 11.5997 0.529167 11.7066 0.5875C11.8136 0.645833 11.8865 0.752778 11.9254 0.908333L14.1712 8.375H21.2295C21.5018 8.375 21.6816 8.51111 21.7691 8.78333C21.8566 9.05556 21.7837 9.26944 21.5504 9.425L15.8629 13.5083L18.0504 20.6542C18.1476 20.9264 18.0747 21.1403 17.8316 21.2958C17.5886 21.4514 17.3601 21.4417 17.1462 21.2667L11.3712 16.8917L5.59621 21.2667Z' fill='%23F5CD00'/%3E%3C/svg%3E%0A");
}

/* .swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */

  .swiper-container .swiper-button-next.swiper-button-disabled, .swiper-container .swiper-button-prev.swiper-button-disabled{
    opacity: 0 !important;
  }

  .swiper-container{
    position: relative;
  }

  .swiper-container .swiper-button-prev{
    left: -45px !important;
    transform: scale(0.7) rotate(180deg);
    position: absolute !important;
  }

  .swiper-container .swiper-button-next{
    right: -45px !important;
    transform: scale(0.7);
    position: absolute !important;
  }

  .load_recipes{
    margin: auto;
    width: fit-content;
    padding: 12px 33px;
    color: white;
    font-size: 13px;
    background-color: #002D53;
    display: block;
    text-decoration: none;
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .rmp-rating-widget .rmp-icon--ratings{
    font-size: 2.3rem !important;
  }

  .rmp-rating-widget__icons{
    display: flex !important;
    gap:20px;
    align-items: center;
}

.list .box-container {
    display: none;
}
.list .box-container.active {
    display: block;
}


.app{
    background-color: #F2F2F2;
    width: 100%;
    padding: 38px 0;
    text-align: center;
    margin-bottom: 60px;
}

.app .text{
    color: #002D53;
    margin-bottom: 16px;
    font-size: 25px;
    font-weight: 700;
    line-height: 34.1px;
    padding: 0 24px;
}

.app .button{
    background-color: #002D53;
    color: #FFFFFF;
    padding: 10px 32px;
    margin: auto;
    font-size: 13px;
    display: block;
    width: fit-content;
    text-transform: uppercase;
}

.app .content{
    text-align: center;
    color: #333333;
    font-size: 18px;
    line-height: 26px;
    max-width: 731px;
    margin: auto;
    margin-bottom: 32px;

}

  @media screen and (max-width: 992px) {
    .recipe-page .container{
        margin-top: 60px;
    }
    .recipe-description .recipe-data{
        padding-left: 0px;
        padding-top: 185px;
    }
    .recipe-description .block{
        padding-left: 24px;
    }
    .recipe-description .recipe-image{
        display: none;
    }
    .recipe-description .recipe-image-mobile{
        display: block;
    }
    .recipe-description .height-change{
        height: auto;
    }
    .recipe-description .tools .content{
        width: 80%;
    }
    .recipe-description .product-use{
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
    }
    .preparation .phase{
        gap:8px;
    }
    .swiper-button-next, .swiper-button-prev{
        display: none !important;
    }
    .list{
        display: none;
    }
    .list-mobile{
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: fit-content;
        margin: auto;
        gap: 16px;
        margin-top:32px ;
        width: 100%;
    }
    .list-mobile img{
        width: 100%;
    }
    .box .title{
        font-size: 18px;
        bottom: 24px;
        left: 16px;
        width: 80%;
        overflow: hidden;
    }
    .box .title::before{
        content: none;
    }
    .stars{
        font-size: 13px;
    }
    .recipes-title{
        display: none;
    }
    .stars-survey{
        width: 100%;
    }
    .media-container{
        padding: 0 !important;
        max-width:none !important;
    }
    .recipe-description .recipe-data{
        right: 0;
    }
    .stars::before{
        background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.89698 12.9136C2.76398 13.0224 2.6219 13.0284 2.47076 12.9317C2.31962 12.835 2.27428 12.702 2.33473 12.5327L3.69501 8.08913L0.158287 5.54994C0.0131906 5.45321 -0.0321521 5.3202 0.0222591 5.15092C0.0766703 4.98164 0.188515 4.897 0.357795 4.897H4.74696L6.14352 0.253919C6.1677 0.157188 6.21304 0.0906853 6.27954 0.0544112C6.34605 0.0181371 6.41557 0 6.48812 0C6.56067 0 6.63019 0.0181371 6.6967 0.0544112C6.7632 0.0906853 6.80854 0.157188 6.83272 0.253919L8.22928 4.897H12.6184C12.7877 4.897 12.8996 4.98164 12.954 5.15092C13.0084 5.3202 12.963 5.45321 12.818 5.54994L9.28123 8.08913L10.6415 12.5327C10.702 12.702 10.6566 12.835 10.5055 12.9317C10.3543 13.0284 10.2123 13.0224 10.0793 12.9136L6.48812 10.193L2.89698 12.9136Z' fill='%23F5CD00'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        height: 13px;
        width: 13px;
    }
    .recipe-related{
        padding-left: 15px;
    }
    .recipe-description .list {
        height: auto;
    }
    .product-use{
        flex-direction: column-reverse;
    }
    .product-use .text{
        padding: 0;
    }
    .product-use a{
        margin-left: 0;
        margin-right: 0;

    }
  }