.b-details-head{background-color:#9e8d7d;position:relative;width:100%;min-height:32rem;overflow:clip}.b-details-head::before{content:" ";background:url("/images/common/background.webp"),#d3d3d3 0 -53.412px/100% 104.351% no-repeat;opacity:.4;width:100%;height:100%;position:absolute;mix-blend-mode:multiply;top:0;left:0}@media screen and (min-width: 1280px){.b-details-head{min-height:45rem}}.b-details-head__title-container{margin:0 auto;width:32rem;height:100%;padding:17rem 1.2rem 5.5rem;position:relative;z-index:1}@media screen and (min-width: 768px){.b-details-head__title-container{width:76.8rem;padding:17rem 3.1rem 9rem}}@media screen and (min-width: 1280px){.b-details-head__title-container{width:128rem;padding:20rem 3.1rem 10rem}}@media screen and (min-width: 1440px){.b-details-head__title-container{width:144rem;padding:23.7rem 7.6rem 12rem}}.b-details-head__title{font-family:Prata;font-weight:400;font-size:3.6rem;line-height:110.5%;color:#fff;margin:0;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media screen and (min-width: 768px){.b-details-head__title{font-size:4.2rem}}@media screen and (min-width: 1280px){.b-details-head__title{font-size:6.4rem}}@media screen and (min-width: 1440px){.b-details-head__title{font-size:9.6rem}}.b-details-head__image-container{position:absolute;width:35rem;height:30rem;overflow:hidden;top:10rem;left:15%}@media screen and (min-width: 768px){.b-details-head__image-container{display:initial;width:30rem;height:30rem;left:66%;top:7.5rem}}@media screen and (min-width: 1280px){.b-details-head__image-container{width:25rem;height:35rem;left:80%;top:6rem}}@media screen and (min-width: 1440px){.b-details-head__image-container{width:43.8rem;height:43.8rem;left:68%;top:8rem}}.b-details-head__image-container img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}
.b-ingredients{background-color:#4f453b;width:100%;position:relative;z-index:3}.b-ingredients__container{display:flex;flex-direction:column;width:32rem;margin:0 auto;padding:5px 1.2rem 2rem}@media screen and (min-width: 768px){.b-ingredients__container{width:76.8rem;padding:5px 3.1rem 4rem}}@media screen and (min-width: 1280px){.b-ingredients__container{width:128rem;padding:5px 3.1rem 5rem}}@media screen and (min-width: 1440px){.b-ingredients__container{width:144rem;padding:5px 7.6rem 0 5rem}}.b-ingredients__inner-container{display:flex;flex-direction:column;gap:3rem;width:100%}@media screen and (min-width: 768px){.b-ingredients__inner-container{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 1280px){.b-ingredients__inner-container{gap:8rem}}.b-ingredients__properties-info{flex-direction:column;align-items:center;gap:5px;padding-bottom:1rem;display:none}@media screen and (min-width: 768px){.b-ingredients__properties-info{flex-flow:row wrap;gap:1.5rem;padding-bottom:2rem;display:flex}}@media screen and (min-width: 1280px){.b-ingredients__properties-info{padding-bottom:5rem}}@media screen and (min-width: 1440px){.b-ingredients__properties-info{padding-bottom:7.2rem}}.b-ingredients__property{font-family:Arsenal;font-weight:700;font-size:16px;line-height:normal;max-height:50px;display:inline-flex;justify-content:center;position:relative;width:-moz-fit-content;width:fit-content;padding:15px 28px;border-radius:45px;border:none;background-color:#1d1d1d;color:#cbb296;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:all .4s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.b-ingredients__property:hover,.b-ingredients__property--hovered{background-color:#ddcdbc;color:#1d1d1d}.b-ingredients__property--inactive,.b-ingredients__property--inactive:hover{background-color:#4f453b;color:#cbb296;cursor:default}.b-ingredients__property{width:100%}@media screen and (min-width: 768px){.b-ingredients__property{width:auto}}.b-ingredients__picture-container{flex-shrink:0;border-radius:2rem;overflow:hidden;position:relative;width:100%;height:23.5rem}@media screen and (min-width: 768px){.b-ingredients__picture-container{width:43rem;height:31.66rem;border-radius:5rem}}@media screen and (min-width: 1280px){.b-ingredients__picture-container{width:60rem;height:44.178rem}}@media screen and (min-width: 1440px){.b-ingredients__picture-container{width:76.6rem;height:56.4rem}}.b-ingredients__picture-container::after{content:" ";position:absolute;background:linear-gradient(189deg, #000 -9.52%, rgba(0, 0, 0, 0) 30.28%);width:100%;height:100%;top:0;left:0}.b-ingredients__detail-image{width:100%;height:100%;-o-object-position:center top;object-position:center top;-o-object-fit:cover;object-fit:cover}.b-ingredients__ingredients-container{display:flex;flex-direction:column;align-items:center;width:100%;gap:3rem}@media screen and (min-width: 768px){.b-ingredients__ingredients-container{width:auto;gap:1.5rem;align-items:flex-start}}@media screen and (min-width: 1280px){.b-ingredients__ingredients-container{width:100%;gap:3rem}}@media screen and (min-width: 1440px){.b-ingredients__ingredients-container{width:auto;gap:3.9rem}}.b-ingredients__title{font-family:Prata;font-weight:400;font-size:2.8rem;line-height:130%;color:#cbb296;margin:0;text-align:center}@media screen and (min-width: 768px){.b-ingredients__title{font-size:3.6rem}}@media screen and (min-width: 1280px){.b-ingredients__title{font-size:4rem}}@media screen and (min-width: 1440px){.b-ingredients__title{font-size:6.4rem}}@media screen and (min-width: 768px){.b-ingredients__title{text-align:left}}.b-ingredients__ingredients{display:flex;flex-direction:column;position:relative;gap:5px;width:100%}@media screen and (min-width: 768px){.b-ingredients__ingredients{gap:1.5rem}}.b-ingredients__ingredient-container{display:flex;width:100%;justify-content:space-between}.b-ingredients__ingredient,.b-ingredients__dosage{font-family:Arsenal;font-weight:400;font-size:1.8rem;line-height:121.5%;color:#fff;margin:0}@media screen and (min-width: 768px){.b-ingredients__ingredient,.b-ingredients__dosage{font-size:1.8rem}}@media screen and (min-width: 1280px){.b-ingredients__ingredient,.b-ingredients__dosage{font-size:2.2rem}}@media screen and (min-width: 1440px){.b-ingredients__ingredient,.b-ingredients__dosage{font-size:2.4rem}}.b-ingredients__ingredient,.b-ingredients__dosage{max-width:45%}.b-ingredients__dosage{text-align:right;display:flex;align-items:center}
.b-instruction{background-color:#6b5b4c;position:relative}.b-instruction::before{content:" ";background:url("/images/recipes-detail/instruction-bg2.webp"),#d3d3d3 -12.8rem 0/188.285% 100% no-repeat;mix-blend-mode:darken;display:block;position:absolute;opacity:.3;transform:scaleX(-1);top:0;left:0;background-size:cover;width:34rem;height:56rem}@media screen and (min-width: 1280px){.b-instruction::before{width:37.5rem;height:66.5rem}}@media screen and (min-width: 1440px){.b-instruction::before{width:47.8rem;height:80rem}}.b-instruction__container{width:32rem;margin:0 auto;padding:6rem 1.2rem;position:relative}@media screen and (min-width: 768px){.b-instruction__container{width:76.8rem;padding:7.5rem 3.1rem}}@media screen and (min-width: 1280px){.b-instruction__container{width:128rem;padding:10rem 3.1rem 8rem}}@media screen and (min-width: 1440px){.b-instruction__container{width:144rem;padding:10rem 7.6rem 11.4rem}}.b-instruction__title{font-family:Prata;font-weight:400;font-size:2.8rem;line-height:130%;color:#cbb296;margin:0;text-align:center;margin-bottom:1.5rem}@media screen and (min-width: 768px){.b-instruction__title{font-size:3.6rem}}@media screen and (min-width: 1280px){.b-instruction__title{font-size:4rem}}@media screen and (min-width: 1440px){.b-instruction__title{font-size:6.4rem}}@media screen and (min-width: 768px){.b-instruction__title{margin-bottom:2rem;text-align:left}}@media screen and (min-width: 1280px){.b-instruction__title{margin-bottom:2.5rem}}@media screen and (min-width: 1440px){.b-instruction__title{margin-bottom:6.1rem}}.b-instruction__recipe-container{display:flex;flex-direction:column;margin-bottom:3.5rem}@media screen and (min-width: 768px){.b-instruction__recipe-container{justify-content:space-between;flex-direction:row;margin-bottom:2rem}}@media screen and (min-width: 1280px){.b-instruction__recipe-container{margin-bottom:5rem}}@media screen and (min-width: 1440px){.b-instruction__recipe-container{margin-bottom:9.6rem}}.b-instruction__text-container{font-family:Arsenal;font-weight:400;font-size:1.8rem;line-height:121.5%;color:#fff;margin:0;display:flex;flex-direction:column;counter-reset:num;gap:1rem;margin:0 0 2.5rem}@media screen and (min-width: 768px){.b-instruction__text-container{font-size:1.8rem}}@media screen and (min-width: 1280px){.b-instruction__text-container{font-size:2.2rem}}@media screen and (min-width: 1440px){.b-instruction__text-container{font-size:2.4rem}}@media screen and (min-width: 768px){.b-instruction__text-container{max-width:36rem;gap:.5rem;margin:0}}@media screen and (min-width: 1280px){.b-instruction__text-container{max-width:62.2rem;gap:2rem}}@media screen and (min-width: 1440px){.b-instruction__text-container{gap:3.1rem}}.b-instruction__text-container ol{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 768px){.b-instruction__text-container ol{gap:.5rem}}@media screen and (min-width: 1280px){.b-instruction__text-container ol{gap:2rem}}@media screen and (min-width: 1440px){.b-instruction__text-container ol{gap:3.1rem}}.b-instruction__text-container li{position:relative;padding-left:1.9rem}@media screen and (min-width: 768px){.b-instruction__text-container li{padding-left:2rem}}@media screen and (min-width: 1280px){.b-instruction__text-container li{padding-left:3rem}}@media screen and (min-width: 1440px){.b-instruction__text-container li{padding-left:4.2rem}}.b-instruction__text-container li::before{font-style:italic;color:#cbb296;content:counter(num) ".";counter-increment:num;display:inline-block;position:absolute;top:0;left:0}.b-instruction__swiper{position:sticky;overflow-x:clip;overflow-y:visible;flex-shrink:0;width:100%;height:22.1rem;box-sizing:content-box}@media screen and (min-width: 768px){.b-instruction__swiper{width:32rem;height:22.1rem;padding-bottom:9rem;top:13.4rem}}@media screen and (min-width: 1280px){.b-instruction__swiper{width:51.2rem;height:37.7rem;padding-bottom:10rem;top:15rem}}.b-instruction__wrapper{display:flex;height:100%}.b-instruction__media-element{border-radius:1.5rem;overflow:hidden;position:relative}@media screen and (min-width: 1280px){.b-instruction__media-element{border-radius:5rem}}.b-instruction__media-element::after{content:" ";top:0;left:0;position:absolute;width:100%;height:100%;background:linear-gradient(189deg, #000 -9.52%, rgba(0, 0, 0, 0) 30.28%)}.b-instruction__media-element img,.b-instruction__media-element,.b-instruction__element-mini img,.b-instruction__element-mini{cursor:pointer;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.b-instruction__swiper-mini{position:absolute;display:none;bottom:0;left:0;width:100%}@media screen and (min-width: 768px){.b-instruction__swiper-mini{bottom:0;display:initial}}@media screen and (min-width: 1280px){.b-instruction__swiper-mini{bottom:0;margin-left:1.1rem;width:calc(100% - 1.1rem)}}.b-instruction__wrapper-mini{display:flex}.b-instruction__element-mini{overflow:clip;border-radius:1rem;height:6rem}@media screen and (min-width: 768px){.b-instruction__element-mini{height:7rem}}@media screen and (min-width: 1280px){.b-instruction__element-mini{height:7.7rem;border-radius:2rem}}.b-instruction__foot-panel{display:flex;flex-direction:column;align-items:center;gap:2rem}@media screen and (min-width: 768px){.b-instruction__foot-panel{flex-direction:row-reverse;justify-content:space-between;gap:0}}.b-instruction__nav-links{display:flex;align-items:center;gap:1rem;justify-content:space-between;width:100%}@media screen and (min-width: 768px){.b-instruction__nav-links{flex-direction:row;width:auto}}@media screen and (min-width: 1280px){.b-instruction__nav-links{gap:2.6rem;justify-content:flex-start}}.b-instruction__nav-link--to-catalog{font-family:Arsenal;font-weight:700;font-size:16px;line-height:normal;max-height:50px;display:inline-flex;justify-content:center;position:relative;width:-moz-fit-content;width:fit-content;padding:15px 28px;border-radius:45px;border:none;background-color:#1d1d1d;color:#cbb296;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:all .4s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.b-instruction__nav-link--to-catalog:hover,.b-instruction__nav-link--to-catalog--hovered{background-color:#ddcdbc;color:#1d1d1d}.b-instruction__nav-link--to-catalog--inactive,.b-instruction__nav-link--to-catalog--inactive:hover{background-color:#4f453b;color:#cbb296;cursor:default}@media screen and (min-width: 768px){.b-instruction__nav-link--prev,.b-instruction__nav-link--next{font-family:Arsenal;font-weight:700;font-size:16px;line-height:normal;max-height:50px;display:inline-flex;justify-content:center;position:relative;width:-moz-fit-content;width:fit-content;padding:15px 28px;border-radius:45px;border:none;background-color:#1d1d1d;color:#cbb296;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:all .4s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.b-instruction__nav-link--prev:hover,.b-instruction__nav-link--prev--hovered,.b-instruction__nav-link--next:hover,.b-instruction__nav-link--next--hovered{background-color:#ddcdbc;color:#1d1d1d}.b-instruction__nav-link--prev--inactive,.b-instruction__nav-link--prev--inactive:hover,.b-instruction__nav-link--next--inactive,.b-instruction__nav-link--next--inactive:hover{background-color:#4f453b;color:#cbb296;cursor:default}}.b-instruction__nav-link div{display:none}@media screen and (min-width: 768px){.b-instruction__nav-link div{display:initial}}.b-instruction__nav-link svg{display:initial}@media screen and (min-width: 768px){.b-instruction__nav-link svg{display:none}}.b-instruction__nav-link--next svg{rotate:180deg}.b-instruction__nav-link circle{transition:fill .4s ease}.b-instruction__nav-link path{transition:fill .4s ease}.b-instruction__nav-link--inactive,.b-instruction__nav-link--inactive:hover{cursor:default}@media screen and (min-width: 768px){.b-instruction__nav-link--inactive,.b-instruction__nav-link--inactive:hover{background-color:#4f453b;color:#cbb296}}.b-instruction__nav-link--inactive circle,.b-instruction__nav-link:hover circle{fill:#4f453b}.b-instruction__nav-link--inactive path,.b-instruction__nav-link:hover path{fill:#cbb296}
.b-similar-recipes{width:100%;background-color:#4f453b;position:relative}.b-similar-recipes__container{position:relative;display:flex;flex-direction:column;width:32rem;padding:6rem 1.2rem 0;margin:0 auto;z-index:1}@media screen and (min-width: 768px){.b-similar-recipes__container{width:76.8rem;padding:8rem 3.1rem 7rem}}@media screen and (min-width: 1280px){.b-similar-recipes__container{width:128rem;padding:9rem 3.1rem 5rem}}@media screen and (min-width: 1440px){.b-similar-recipes__container{width:144rem;padding:21.2rem 7.6rem 17.9rem}}.b-similar-recipes__title{font-family:Prata;font-weight:400;font-size:2.8rem;line-height:130%;color:#cbb296;margin:0;margin-bottom:1.5rem;text-align:center}@media screen and (min-width: 768px){.b-similar-recipes__title{font-size:3.6rem}}@media screen and (min-width: 1280px){.b-similar-recipes__title{font-size:4rem}}@media screen and (min-width: 1440px){.b-similar-recipes__title{font-size:6.4rem}}@media screen and (min-width: 768px){.b-similar-recipes__title{margin-bottom:4.5rem}}@media screen and (min-width: 1280px){.b-similar-recipes__title{margin-bottom:5.5rem;text-align:left}}@media screen and (min-width: 1440px){.b-similar-recipes__title{margin-bottom:8.2rem}}.b-similar-recipes__swiper{width:100%;display:flex;overflow-x:clip}.b-similar-recipes__wrapper{display:flex}.b-similar-recipes .b-slider-controllers{margin:0 auto}.b-similar-recipes__nav-btn{display:flex;justify-content:center;cursor:pointer;transition:all .4s ease;position:relative;z-index:2}.b-similar-recipes__nav-btn svg{overflow:visible;width:5rem;height:5rem}@media screen and (min-width: 768px){.b-similar-recipes__nav-btn svg{width:7rem;height:7rem}}@media screen and (min-width: 1280px){.b-similar-recipes__nav-btn svg{width:10rem;height:10rem}}.b-similar-recipes__nav-btn circle{fill:#6b5b4c;transition:all .3s ease}.b-similar-recipes__nav-btn--disabled circle{fill:#4f453b;stroke:#cbb296}.b-similar-recipes__nav-btn--next svg{transform:rotate(180deg)}