@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/project-team-12/assets/Inter-400-3bcf04ca.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/project-team-12/assets/Inter-500-e25dca95.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/project-team-12/assets/Inter-400-3bcf04ca.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,ul,li,ol,p{margin:0;padding:0;list-style:none}.list{list-style:none}.link{text-decoration:none}button{cursor:pointer}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--main-background-color)}.container{padding:0 20px;min-width:320px;max-width:375px;margin:0 auto}.main-section{padding-top:80px}@media only screen and (min-width: 768px){.container{padding:0 32px;min-width:auto;max-width:none;width:768px}.main-container{display:flex}}@media only screen and (min-width: 1280px){.container{width:1280px;padding:0 100px}.main-section{padding-top:100px}}.header-container{padding-top:20px;display:flex;align-items:center;justify-content:space-between}.header-nav,.switch{display:none}.nav-menu{display:flex;gap:16px;padding:0}.nav-link.active{color:#9bb537}.nav-link{font-weight:400;font-size:12px;line-height:1.5;color:#050505}.nav-link:hover,.nav-link:focus{color:#9bb537}.nav-link.current{color:#9bb537}.desk-h{font-weight:500}.logo{font-weight:600;font-size:16px;line-height:1.5;color:#9bb537}.dark-part{color:#050505}.header-svg{display:flex;align-items:center;outline:none;transition:color}.svg-shopping-cart{stroke:#050505;fill:transparent;margin-right:14px}.svg-shopping-cart:hover .svg-shopping-cart:focus{outline:none;stroke:#9bb537}.header-btn-hamburger{padding:0;border:none;background-color:transparent}.hamburger-svg{display:block;width:32px;height:32px;stroke:#050505}.header-mobile-menu{background-color:#9bb537;position:fixed;top:0;right:0;width:60%;transform:translate(100%);padding:20px;display:flex;flex-direction:column;height:100vh;z-index:999;transition:.5s ease-in-out}.is-open{transform:translate(0)}.header-btn-close{padding:0;border:none;background-color:transparent;align-self:flex-end}.header-btn-close-svg{display:block;width:32px;height:32px;stroke:#f8f8f8}.header-mobile-nav{padding-top:200px;margin:0 auto}.header-nav-mobile-list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:0}.nav-mobile-link{color:#fff;font-weight:400;font-size:12px;line-height:1.4}.link-h{font-weight:500}.switch-toggler{position:absolute;bottom:20px;left:20px}.switch-mobile{position:relative;display:inline-block;width:46px;height:20px}.switch-mobile input[type=checkbox]{display:none}.slider-mobile{position:absolute;top:-1px;left:0;right:6px;bottom:0;background-color:#cecdcd;-webkit-transition:.4s;transition:.4s}.slider-mobile:before{position:absolute;content:"";height:18.8px;width:18.8px;left:1px;bottom:1px;background-color:#f8f8f8;-webkit-transition:.4s;transition:.4s}input:checked+.slider-mobile{background:linear-gradient(90.15deg,#9bb537 -21.95%,rgba(155,181,55,.69) 118.98%)}input:checked+.slider-mobile:before{-webkit-transform:translateX(18.8px);-ms-transform:translateX(18.8px);transform:translate(18.8px)}.slider-mobile.round{border-radius:60px}.slider-mobile.round:before{border-radius:60%}@media only screen and (min-width: 768px){.switch{position:relative;display:inline-block;width:46px;height:20px;cursor:pointer}.switch input[type=checkbox]{display:none}.slider{position:absolute;top:-1px;left:0;right:6px;bottom:0;background-color:#cecdcd;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:18.8px;width:18.8px;left:1px;bottom:1px;background-color:#f8f8f8;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background:linear-gradient(90.15deg,#9bb537 -21.95%,rgba(155,181,55,.69) 118.98%)}input:checked+.slider:before{-webkit-transform:translateX(18.8px);-ms-transform:translateX(18.8px);transform:translate(18.8px)}.slider.round{border-radius:60px}.slider.round:before{border-radius:60%}}@media only screen and (min-width: 768px){.hamburger-svg{display:none}.logo{font-size:18px}.header-nav{display:flex;justify-content:space-between}.svg-shopping-cart{margin-right:18px}.header-container{padding-top:34px}}@media only screen and (min-width: 1280px){.header-container{padding-top:40px}.svg-shopping-cart{margin-right:24px}}.hero-section{padding-top:90px}@media only screen and (min-width: 1280px){.hero-section{padding-top:100px}}.title{text-transform:uppercase;font-size:26px;font-weight:600;line-height:1.2;margin-bottom:14px}.hero-span{color:#9bb537;font-weight:400;font-size:26px;line-height:1.2;text-transform:uppercase;font-style:italic}.hero-text{font-weight:400;font-size:14px;line-height:1.3;margin-bottom:28px}.btnOrderNow{padding:10px 20px;border-radius:12px;border:1px solid #9bb537;color:#050505;font-size:14px;font-weight:500;transition-property:color,background-color;transition-duration:.2s;transition:all .5s;background-color:#f8f8f8}.btnOrderNow:hover,.btnOrderNow:focus{border:1px solid #9bb537;background-color:#9bb537;color:#fff}.hero-event{overflow:hidden}.hero-desk{margin-bottom:48px}@media screen and (min-width: 768px){.hero-desk{margin-bottom:64px}.title{font-size:36px;margin-bottom:16px;line-height:1.2;width:446px}.hero-text{font-size:16px;margin-bottom:32px;line-height:1.3;width:403px}.hero-span{font-size:36px}}@media screen and (min-width: 1280px){.hero-container{display:flex}.hero-desk{margin-right:32px;padding-top:64px;margin-bottom:0}}.swiper{position:relative;width:100%}.hero-event{display:flex;gap:8px;overflow:hidden}.hero-block-chief{width:80px;height:280px;background-color:#050505;border-radius:15px}.hero-block-chief-img{width:80px;height:280px;object-fit:cover;border-radius:15px}.hero-block-event{width:200px;height:280px;background-image:radial-gradient(circle,rgba(155,181,55,.3) 2%,#050505 100%);border-radius:15px;justify-content:center;position:relative}.hero-block-event-img{width:100%;margin-top:30px}.hero-block-title{color:#f8f8f899;text-align:center;font-size:10px;font-weight:500;margin-top:20px;text-transform:uppercase;padding:0 20px}.hero-block-text{color:#f8f8f833;font-size:6px;font-weight:400;text-transform:uppercase;text-align:center;margin-top:8px}.hero-block-meal{width:auto;height:280px;border-radius:15px;background-color:#050505}.hero-block-meal-img{height:100%;width:100%;object-fit:cover;border-radius:15px}@media screen and (min-width: 768px){.hero-event{gap:16px}.hero-block-chief,.hero-block-chief-img{width:137px;height:442px}.hero-block-event,.hero-block-meal{width:351px;height:442px}}.swiper .swiper-slide{display:flex}.swiper-pagination-bullet-active{background-color:#9bb537!important}.categories{padding:0}.all-categories-btn{width:174px;height:50px;background-color:transparent;color:var(--secondary-text-color);border:1px solid var(--input-color);border-radius:15px;margin-bottom:30px;line-height:.82;font-weight:500;font-size:18px;transition-property:color,background-color;transition-duration:.2s;transition:all .5s}.all-categories-btn:hover,.all-categories-btn:focus{background-color:#9bb537;border:none;color:#f8f8f8}.js-categories{overflow-y:scroll;padding:0}.js-categories-item{font-weight:500;font-size:16px;line-height:.8;color:#0505054d;margin-top:18px;transition:all cubic-bezier(.4,0,.2,1)}.js-categories-item:hover,.js-categories-item:focus{color:var(--accent-text-color);cursor:pointer;transition:all .5s}.js-categories-item:first-child{margin-top:0}.js-categories::-webkit-scrollbar{width:8px}.js-categories::-webkit-scrollbar-thumb{background-color:#0505052e;border-radius:20px;height:116px}@media screen and (min-width: 768px){.js-categories{height:416px}.left-site{padding-top:26px;min-width:auto;width:176px}.js-categories::-webkit-scrollbar-thumb{height:201px}.js-categories-item{margin-top:24px}.all-categories-btn{margin-bottom:35px}}@media only screen and (min-width: 1280px){.left-site{width:235px}.categories{min-width:235px}}.categories-fav{display:flex;overflow-y:scroll}.popular-recipes-container{min-width:280px;max-width:335px;margin-top:40px}.popular-recipes-title{text-transform:uppercase;text-align:left;font-weight:600;font-size:18px;line-height:1.3;color:var(--main-title-text-color)}.popular-recipes-item{display:flex;gap:16px}.popular-recipes-item+.popular-recipes-item{margin-top:24px}.popular-recipes-item:nth-child(n + 3){display:none}.popular-recipes-list .popular-recipes-item{cursor:pointer}.popular-recipes-image{width:64px;height:64px;border-radius:8px}.popular-recipes-item-title{font-weight:600;font-size:14px;line-height:1.3;text-transform:uppercase;color:var(--main-title-text-color);white-space:normal;word-break:break-word}.popular-recipes-item-description{font-weight:400;font-size:12px;line-height:1.4;color:var(--main-text-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-recipes-item-description+.popular-recipes-item-description{margin-top:8px}@media screen and (min-width: 768px){.popular-recipes-container{width:100%;min-width:auto;max-width:none}.popular-recipes-title{font-size:18px;margin-bottom:32px}.popular-recipes-item:nth-child(n + 3){display:flex}.popular-recipes-image{width:48px;height:48px}.popular-recipes-item-description{font-size:10px;-webkit-line-clamp:3}}@media screen and (min-width: 1280px){.popular-recipes-container{margin-top:64px}.popular-recipes-title{font-size:24px;margin-bottom:32px;line-height:1.17}.popular-recipes-item-description{font-size:10px;line-height:1.4}.popular-recipes-container{width:235px}.popular-recipes-image{width:64px;height:64px}}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.order-close-btn{width:14px;height:14px;position:absolute;right:14px;top:14px;border-color:transparent;background-color:transparent}@media only screen and (min-width: 768px){.order-close-btn{right:16px;top:16px}}.order-close-icon{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;fill:#000;stroke:#000;-webkit-transition:fill .25s cubic-bezier(.4,0,.2,1);transition:fill .25s cubic-bezier(.4,0,.2,1);z-index:1}.backdrop{position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;max-width:100vw;max-height:100vh;background-color:var(--input-color);opacity:1;-webkit-transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1);transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1)}.modal{background-color:var(--white-text-color);max-width:335px;overflow:auto;position:fixed;top:50%;left:50%;position:relative;border-radius:15px;opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.wrapper{min-height:100%;padding:28px 20px}@media only screen and (min-width: 768px){.wrapper{padding:40px}}.order-form{display:flex;flex-direction:column;justify-content:space-between}.order-form-title{color:var(--main-title-text-color);font-family:inherit;font-size:18px;font-style:normal;font-weight:600;line-height:22px;text-transform:uppercase;margin-bottom:28px}@media only screen and (min-width: 768px){.order-form-title{margin-bottom:40px}}.order-form-element{margin-bottom:16px;height:46px;border-radius:15px;border:1px solid var(--input-color)}.order-form-element:last-child{height:100px}@media only screen and (min-width: 768px){.order-form-element{margin-bottom:18px}}.comment{height:100px}.order-form-label{margin-bottom:8px}.order-backdrop.is-hidden .modal{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}::placeholder{font-weight:400;font-size:12px;line-height:1.16;letter-spacing:.01em;color:#75757580}label{color:var(--secondary-text-color);font-family:inherit;font-size:14px;font-style:normal;font-weight:500;line-height:1.125}textarea{resize:none}.order-form-input{width:100%;height:100%;border:1px solid transparent;color:var(--secondary-text-color);font-family:inherit;font-size:14px;font-style:normal;font-weight:500;line-height:1.125;overflow:hidden;border-radius:15px;padding:5px}.send-btn{cursor:pointer;background-color:var(--button-color);border:1px solid transparent;color:var(--main-background-color);border-radius:15px;padding:10px 20px;font-size:14px;font-weight:500}.rating-wrapper{padding:32px}.rating-top-wrapper{margin-bottom:24px}.rating-body-wrapper{display:flex;justify-content:flex-start;gap:8px;align-items:flex-end}.rating-body{position:relative}.rating-title{color:var(--main-title-text-color);font-family:inherit;font-size:14px;font-style:normal;font-weight:600;line-height:1.125;margin-bottom:4px}.rating-open-btn{opacity:0}.rating-close-btn{position:absolute;right:16px;top:16px;border-color:transparent;background-color:transparent}.rating-close-icon{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;fill:#000;stroke:#000;-webkit-transition:fill .25s cubic-bezier(.4,0,.2,1);transition:fill .25s cubic-bezier(.4,0,.2,1);z-index:1}.rating-items{display:flex}.rating-form{display:flex;flex-direction:column;justify-content:space-between}.rating-item-label{display:flex}.rating-form-label{margin-bottom:8px}.rating-form-input{width:100%;height:100%;border:1px solid transparent;color:var(--secondary-text-color);font-family:inherit;font-size:14px;font-style:normal;font-weight:500;line-height:1.125;overflow:hidden;border-radius:15px;padding:5px}.rating-form-element{margin-bottom:18px;border-radius:15px;border:1px solid var(--input-color);height:46px}.rating-item-input{flex:0 0 20%;height:100%;margin-right:4px;width:24px;height:24px;opacity:0}.rating-item-icon{position:absolute;top:0;z-index:-1}.rating-item-icon>use{fill:var(--input-color)}.fill{fill:#eea10c}.rating-active{width:100%;height:100%}.rating input[type=checkbox]{display:none}.rating label{cursor:pointer}.rating label svg{fill:#ccc;transition:fill .2s}.rating label:hover svg{fill:#fc0}.rating input[type=checkbox]:checked+label svg{fill:#fc0}.filled{fill:#fc0}.right-site{margin-top:40px}@media only screen and (min-width: 768px){.right-site{width:527px;margin:0 0 0 32px}}@media only screen and (min-width: 1280px){.right-site{width:846px;margin:0 0 0 63px}}.search-form{display:flex;flex-wrap:wrap}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.time-form,.area-form,.ingr-form{font-weight:500;font-size:12px;line-height:1.17;color:var(--secondary-text-color);margin-top:14px}.area-form{margin-left:auto}@media only screen and (min-width: 768px){.time-form,.area-form,.ingr-form{margin-top:0}.area-form{margin-left:0;margin-top:16px}.ingr-form{margin-left:16px;margin-top:16px}}@media only screen and (min-width: 1200px){.area-form{margin-top:0;margin-left:16px}.ingr-form{margin-top:0}}.icon-search-cont,.icon-time-cont,.icon-area-cont,.icon-ing-cont{position:relative;margin-top:8px}.icon-ing-cont{width:280px}@media only screen and (min-width: 768px){.icon-ing-cont{width:188px}}.select-icon{position:absolute;top:20px;right:21.5px;width:12px;height:7.5px;fill:none;stroke:var(--secondary-text-color);pointer-events:none}.select-info{margin-top:14px;display:flex;flex-wrap:nowrap}.search-input{width:100%;height:46px;min-width:280px;padding-left:48px;border:1px solid var(--input-color);border-radius:15px;outline:none;font-weight:500;font-size:16px;line-height:1.25;color:var(--main-text-color)}@media only screen and (min-width: 768px){.search-input{height:48px}}@media only screen and (min-width: 1280px){.search-input{width:278px;min-width:auto}}.search-input::placeholder{font-weight:500;font-size:14px;line-height:1.3;color:var(--secondary-text-color)}@media only screen and (min-width: 768px){.search-input::placeholder{font-size:16px;line-height:1.25}}.search-label{display:block;width:100%;font-weight:500;font-size:12px;line-height:1.17;color:var(--secondary-text-color)}@media only screen and (min-width: 768px){.search-label{width:278px;font-size:14px;line-height:1.29}.time-form,.area-form,.ingr-form{font-size:14px;line-height:1.29}}.icon-search{position:absolute;top:15.5px;left:19.5px;fill:var(--secondary-text-color);width:15px;height:15px}@media only screen and (min-width: 768px){.icon-search{top:16.48;left:19.48}}.search-input:focus,.search-input:hover+.icon-search{fill:var(--button-color)}.select-time,.seleact-area{height:46px;width:135px;padding-left:18px;border:1px solid var(--input-color);border-radius:15px;outline:none;user-select:none;font-weight:500;font-size:14px;line-height:1.3;color:var(--secondary-text-color)}@media only screen and (min-width: 768px){.time-form{margin-left:16px}.select-time{width:125px;height:48px;font-size:16px;line-height:1.25}.seleact-area{width:141px;height:48px;font-size:16px;line-height:1.25}}.select-time:focus,.seleact-area:focus,.select-ing:focus,.select-time:hover,.seleact-area:hover,.select-ing:hover{font-weight:500;font-size:16px;line-height:1.25;color:var(--main-text-color)}.select-ing{width:100%;height:46px;padding-left:18px;border:1px solid var(--input-color);border-radius:15px;outline:none;font-weight:500;font-size:14px;line-height:1.3;color:var(--secondary-text-color)}@media only screen and (min-width: 768px){.select-ing{height:48px;font-size:16px;line-height:1.25;padding-right:32px}}.categories-container{margin-top:20px}@media only screen and (min-width: 768px){.categories-container{margin-top:14px}}@media only screen and (min-width: 768px){.categories-container{display:flex;flex-wrap:wrap;gap:16px}}.categories-list+.categories-list{margin-top:24px}@media only screen and (min-width: 768px){.categories-list+.categories-list{margin-top:0}}.categories-list{height:335px;position:relative}@media only screen and (min-width: 768px){.categories-list{height:264px;width:240px}}@media only screen and (min-width: 1280px){.categories-list{height:287px;width:250px}.categories-container{column-gap:16px;row-gap:20px}}.categories-image{display:block;width:100%;height:100%;border-radius:8px;object-fit:cover}.image-filter{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(.94deg,rgba(5,5,5,.6) 4.82%,rgba(5,5,5,0) 108.72%)}.add-favorites-btn{position:absolute;top:16px;right:16px;width:22px;height:22px;cursor:pointer;border:0 transparent;padding:0;background-color:transparent;z-index:12}.svg-heart{fill:none;pointer-events:visibleStroke;width:22px;height:22px}.active-svg{fill:#f8f8f8}.categories-text{position:absolute;top:214px;left:16px;width:90%}@media only screen and (min-width: 768px){.categories-text{top:140px}}.title-text{color:var(--white-text-color);font-weight:600;font-size:14px;line-height:1.3}.subtitle-text{margin-top:8px;color:var(--white-text-color);font-weight:400;font-size:12px;line-height:1.34;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.categories-rating{position:absolute;bottom:16px;left:16px;width:90%;display:flex;align-items:center;flex-wrap:nowrap}.svg-rating{margin-left:4px;width:90px;height:18px}.number-rating{color:var(--white-text-color);font-weight:500;font-size:14px;line-height:1.29}.categories-btn{border:none;border-radius:8px;margin-left:auto;padding:8px 14px;font-weight:500;font-size:12px;line-height:1.19;color:var(--white-text-color);background-color:var(--button-color)}.btn-form{display:flex;align-items:center;margin-top:14px;margin-left:auto;padding:0;background-color:inherit;border:none;font-weight:500;font-size:12px;line-height:1.33;color:var(--secondary-text-color)}.icon-btn{width:16px;height:16px;margin-right:4px}.js-pagination{display:flex;justify-content:center;align-items:center;margin-top:64px}.js-pagination button{margin:0 5px;border-radius:50%;width:44px;height:44px;border:1px solid rgba(5,5,5,.3)}.js-pagination .js-page.active{background-color:#9bb537;color:#000;border:1px solid transparent}.js-first-page,.js-previous-page{background-color:#000;color:#f8f8f880}.js-next-page,.js-last-page{background-color:#9bb537;color:#000;border:1px solid transparent}.backdrop-recipe{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background-color:#2e2f4266;transition:visibility 1s cubic-bezier(.4,0,.2,1),opacity .7s cubic-bezier(.4,0,.2,1)}.modal-recipe{max-width:335px;height:95vh;overflow-y:scroll;overflow-x:hidden;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:40px 20px 20px;border-radius:15px}.modal-recipe::-webkit-scrollbar{width:8px}.modal-recipe::-webkit-scrollbar-thumb{background-color:#0b0b0b4d;border-radius:5px}.modal-recipe::-webkit-scrollbar-track{background-color:transparent}@media screen and (min-width: 768px){.modal-recipe{max-width:531px;padding:32px;height:100%}}.modal-recipe-close-btn{border:none;width:20px;height:20px;position:absolute;top:14px;left:301px;background-color:transparent}@media screen and (min-width: 768px){.modal-recipe-close-btn{top:16px;left:491px}}.modal-recipe-svg{top:-2px;left:-2px;position:absolute}.modal-recipe-svg:hover{stroke:#2e2f4266}.modal-recipe-title{font-weight:600;font-size:18px;color:#050505;text-transform:uppercase;line-height:1.3;margin-bottom:14px}@media screen and (min-width: 768px){.modal-recipe-title{margin-top:0;line-height:1.22}}.modal-recipe-iframe{border-radius:8px}.modal-recipe-video{margin-top:6px;margin-bottom:20px}@media screen and (min-width: 768px){.modal-recipe-iframe{width:467px;height:250px}.modal-recipe-video{margin-top:10px}}.modal-recipe-rating{display:flex;color:#05050580;font-size:14px;font-weight:500;line-height:1.2}.modal-recipe-rating-text{margin-right:6px}.modal-recipe-time{margin-left:16px}.modal-recipe-ingredients{margin-bottom:40px;margin-top:33px}.modal-recipe-ingreds{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #0505051a;padding:10px 0 8px}@media screen and (min-width: 768px){.modal-recipe-ingreds{width:467px;padding:14px 0 6px}}.modal-recipe-ingd-name{font-weight:400;font-size:14px;color:#050505;line-height:1.2}.modal-recipe-ingd-measure{color:#05050580;font-weight:400;font-size:14px;line-height:1.2}.modal-recipe-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:500;font-size:12px;line-height:1.1;color:#050505;margin-bottom:24px}.modal-recipe-tag{border:1px solid #05050533;padding:8px 16px;border-radius:35px;width:auto}.modal-recipe-text{font-weight:400;font-size:14px;color:#050505cc;line-height:1.3;margin-bottom:40px}.modal-recipe-btn-favorite{background:#9bb537;border:none;padding:12px 24px;font-weight:500;font-size:14px;color:#f8f8f8;border-radius:15px}.modal-recipe-btn-favorite:hover,.modal-recipe-btn-favorite:focus{color:#050505}.dark{background-color:#161616;transition:background-color .5s;.popular-recipes-item-title,.nav-link,.dark-part,.title,.hero-text,.popular-recipes-title,.order-form-title,.message {color: var(--white-text-color);} .popular-recipes-item-description,.subtitle-text {color: rgba(255,255,255,.8);} .svg-shopping-cart {stroke: var(--white-text-color);} .svg-shopping-cart:hover,.svg-shopping-cart:focus,.header-btn-close-svg:hover,.header-btn-close-svg:focus {stroke: var(--accent-text-color);} .btnOrderNow {background-color: transparent; color: var(--white-text-color);} .btnOrderNow:hover,.btnOrderNow:focus,.all-categories-btn:hover,.all-categories-btn:focus {border: 1px solid var(--accent-text-color); background-color: var(--accent-text-color); color: var(--white-text-color);} .hamburger-svg,.order-close-icon {stroke: var(--white-text-color);} .swiper-pagination-bullet {background-color: var(--white-text-color); opacity: 1;} .search-label,.time-form,.area-form,.ingr-form,.js-categories-item,.number-rating,.order-form-label,.btn-form {color: rgba(255,255,255,.5);} .js-categories-item:focus,.js-categories-item:hover {color: var(--accent-text-color);} ::-webkit-scrollbar-thumb {background: rgba(255,255,255,.5);} .select-ing,.seleact-area,.select-time,.search-input,.all-categories-btn {background-color: transparent; border: 1px solid rgba(255,255,255,.5); color: rgba(255,255,255,.5);} .search-input::placeholder {color: rgba(255,255,255,.5);} .search-input:focus,.search-input:hover,.select-ing:focus,.select-ing:hover,.select-time:focus,.select-time:hover,.seleact-area:focus,.seleact-area:hover {color: var(--white-text-color);} .search-input:focus-within::placeholder {color: #161616;} .select-time::-webkit-scrollbar,.seleact-area::-webkit-scrollbar,.select-ing::-webkit-scrollbar {width: 6px; background-color: var(--main-title-text-color);} .select-time::-webkit-scrollbar-thumb,.seleact-area::-webkit-scrollbar-thumb,.select-ing::-webkit-scrollbar-thumb {background: rgba(255,255,255,.1); border-radius: 20px;} .select-time::-webkit-scrollbar-track,.seleact-area::-webkit-scrollbar-track,.select-ing::-webkit-scrollbar-track {background-color: #161616;} .option-style {background-color: #161616;} .icon-search {stroke: var(--white-text-color); fill: var(--white-text-color); opacity: .5;} .select-icon {stroke: var(--white-text-color); opacity: .5;} .search-input:focus,.search-input:hover + .icon-search {stroke: var(--accent-text-color);} .modal,.header-mobile-menu {background-color: var(--main-title-text-color);} .order-form-input {background-color: transparent; border: 1px solid rgba(255,255,255,.2);} .order-form-input:hover,.order-form-input:focus {color: var(--white-text-color);} .current {color: #9bb537;} .js-page,.js-three-dots {background-color: transparent; color: var(--white-text-color); border: 1px solid rgba(255,255,255,.2);}}@media screen and (min-device-pixel-ratio: 1),screen and (min-resolution: 96dpi),screen and (min-resolution: 1dppx){.image-fav{width:100%;height:516px;background:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/project-team-12/assets/card@1xmob-d9ef4916.jpg);border-radius:15px;display:flex;align-items:center;justify-content:center}}@media screen and (min-device-pixel-ratio: 2),screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx){.image-fav{width:100%;height:516px;background:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/project-team-12/assets/card@2xmob-18c430c1.jpg);border-radius:15px;display:flex;align-items:center;justify-content:center;margin:0 auto}}@media screen and (min-device-pixel-ratio: 1) and (min-width: 768px),screen and (min-resolution: 96dpi) and (min-width: 768px),screen and (min-resolution: 1dppx) and (min-width: 768px){.image-fav{width:704px;height:356px;background:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/project-team-12/assets/cardtab@1-57cf42a7.png);border-radius:15px;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}}@media screen and (min-device-pixel-ratio: 2) and (min-width: 768px),screen and (min-resolution: 192dpi) and (min-width: 768px),screen and (min-resolution: 2dppx) and (min-width: 768px){.image-fav{width:704px;height:356px;background:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/project-team-12/assets/card@2xtab-af8bb2eb.jpg);border-radius:15px;background-repeat:no-repeat}}@media screen and (min-device-pixel-ratio: 1) and (min-width: 1200px),screen and (min-resolution: 96dpi) and (min-width: 1200px),screen and (min-resolution: 1dppx) and (min-width: 1200px){.image-fav{width:1080px;height:356px;background:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/project-team-12/assets/carddesc-a1a7878d.jpg);border-radius:15px;display:flex;align-items:center;justify-content:center;background-position:center}}@media screen and (min-device-pixel-ratio: 2) and (min-width: 1200px),screen and (min-resolution: 192dpi) and (min-width: 1200px),screen and (min-resolution: 2dppx) and (min-width: 1200px){.image-fav{width:1080px;height:356px;background:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/project-team-12/assets/card@2xdesc-c87b0515.jpg);border-radius:15px;display:flex;align-items:center;background-position:center}}.section-fav-hero{padding-top:51px}@media screen and (min-width: 768px){.section-fav-hero{padding-top:50px}}.centered{position:relative;width:100%;height:812px}.block-fav{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}@media only screen and (min-width: 768px){.block-fav{top:620px}}.head-icon{width:68px;margin-bottom:24px}.message{text-align:center;font-size:14px;font-weight:400;line-height:1.29}@media screen and (min-width: 768px){.head-icon{margin-bottom:32px;width:97px}.message{width:481px;font-size:16px;line-height:1.5}}.sectirion-resp{padding-top:40px}.recipes-fav{margin-top:16px;margin-bottom:40px}@media only screen and (min-width: 768px){.sectirion-resp{padding-top:64px}.recipes-fav{margin-top:24px;display:flex;flex-wrap:wrap}}@media only screen and (min-width: 1200px){.recipes-fav{margin-top:32px}}.fav-svg-heart{fill:#f8f8f8;pointer-events:visibleStroke;width:22px;height:22px}.fav-categories-btn{height:46px;padding:14px 18px;background-color:transparent;color:var(--secondary-text-color);border:1px solid var(--input-color);border-radius:15px;line-height:.82;font-weight:500;font-size:14px;transition-property:color,background-color;transition-duration:.2s;transition:all .5s}.fav-categories-btn:hover,.fav-categories-btn:focus{background-color:#9bb537;border:none;color:#f8f8f8}.active{color:var(--accent-text-color)}.fav-categories{gap:12px;display:flex;overflow-y:scroll;padding:0;white-space:nowrap}.fav-categories::-webkit-scrollbar{width:8px}.hidden{display:none}.fav-list{position:relative;margin-top:24px}.image-filter-fav{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(.94deg,rgba(5,5,5,.6) 4.82%,rgba(5,5,5,0) 108.72%)}.categories-text-fav{position:absolute;top:150px;left:16px;width:90%}.title-text-fav{color:var(--white-text-color);font-weight:600;font-size:14px;line-height:1.3;text-transform:uppercase}.subtitle-text-fav{margin-top:8px;color:var(--white-text-color);font-weight:400;font-size:12px;line-height:1.34;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.categories-rating-fav{position:absolute;bottom:16px;left:16px;width:90%;display:flex;align-items:center;flex-wrap:nowrap}.number-rating-fav{color:var(--white-text-color);font-weight:500;font-size:14px;line-height:1.29}.svg-rating-fav{margin-left:4px;width:90px;height:18px}.categories-btn-fav{border:none;border-radius:8px;margin-left:auto;padding:8px 14px;font-weight:500;font-size:12px;line-height:1.19;color:var(--white-text-color);background-color:var(--button-color)}@media screen and (min-width: 321px){.categories-text-fav{position:absolute;top:214px;left:16px;width:90%}}@media only screen and (min-width: 768px){.fav-list{height:244px;width:224px}.recipes-fav{gap:16px;margin-bottom:64px}.categories-text-fav{top:120px}.categories-btn-fav{font-size:10px}.title-text-fav{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.fav-list{margin-top:0}}@media only screen and (min-width: 1200px){.recipes-fav{column-gap:16px;row-gap:32px}.fav-list{width:258px;height:287px}.categories-text-fav{top:170px}.categories-btn-fav{font-size:12px;padding:8px 16px}}:root{--main-background-color: #f8f8f8;--accent-text-color: #9bb537;--button-color: #9bb537;--black-text-color: #000000;--main-title-text-color: #050505;--white-text-color: #ffffff;--main-text-color: rgba(5, 5, 5, .8);--secondary-text-color: rgba(5, 5, 5, .5);--input-color: rgba(5, 5, 5, .2)}
