.u-max-width{max-width:1200px;margin-inline:auto}.u-separator{border:none;height:1px;background-color:#ddd;margin:0}.u-hide{display:none}.u-no-scroll{overflow:hidden}@media screen and (min-width: 768px){.u-no-scroll{overflow:auto}}*{box-sizing:border-box;line-height:1.5;font-family:"Poppins",serif;color:#212121}a{text-decoration:none}[disabled]{cursor:not-allowed;opacity:.5}/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::after,::before{box-sizing:border-box}html{font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}[type=button],[type=reset],[type=submit],button{appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.animate__shake{animation-name:horizontal-shaking;animation-duration:.6s;animation-delay:.3s}@keyframes horizontal-shaking{0%{transform:translateX(0)}25%{transform:translateX(10px)}50%{transform:translateX(-10px)}75%{transform:translateX(10px)}100%{transform:translateX(0)}}.loader-background{background-color:rgba(0,0,0,.7);width:100vw;height:100vh;position:fixed;top:0;z-index:2;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.loader-background--show{opacity:1;visibility:visible}.loader,.loader:before,.loader:after{border-radius:50%;width:2.5em;height:2.5em;animation-fill-mode:both;animation:loading 1.8s infinite ease-in-out}.loader{color:#fff;font-size:7px;position:relative;transform:translateZ(0);animation-delay:-0.16s}.loader:before,.loader:after{content:"";position:absolute;top:0}.loader:before{left:-3.5em;animation-delay:-0.32s}.loader:after{left:3.5em}@keyframes loading{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.btn-primary{cursor:pointer;background-color:#ffdb5c;color:#212121;padding:.875rem 2.75rem;letter-spacing:.02rem;border-radius:2rem;font-size:1.125rem;font-weight:500;border:none}.btn-primary--small{padding:.75rem 2rem;font-size:1rem}.btn-primary[disabled]{cursor:not-allowed;opacity:.9;filter:grayscale(90%)}.btn-secondary{cursor:pointer;background-color:#fff;color:#212121;padding:.875rem 2.75rem;letter-spacing:.02rem;border-radius:2rem;font-size:1.125rem;font-weight:500;border:solid 1px #888}.btn-secondary--small{padding:.75rem 2rem;font-size:1rem}.wrap-nav{background-color:#fff;padding-block:1.375rem;box-shadow:0px 4px 4px rgba(24,26,23,.03);padding-inline:1rem;position:relative;z-index:1}@media screen and (min-width: 768px){.wrap-nav{padding-block:1.75rem 1.5rem}}.navbar{display:flex;justify-content:space-between;align-items:center}.navbar__logo{line-height:0}.logo{width:140px;height:auto}@media screen and (min-width: 768px){.logo{width:190px}}.burger-menu{text-align:center;font-size:0}.burger-menu__icon{width:28px;height:24px;position:relative;margin:.25rem auto 0;position:relative;z-index:3}.burger-menu__icon-line{display:block;position:absolute;height:4px;width:100%;background:#000;border-radius:2px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out;transform-origin:left center}.burger-menu__icon-line:nth-child(1){top:0px}.burger-menu__icon-line:nth-child(2){top:10px}.burger-menu__icon-line:nth-child(3){top:20px}.burger-menu--open .burger-menu__icon-line{background:#fff}.burger-menu--open .burger-menu__icon-line:nth-child(1){transform:rotate(45deg);top:0px;left:8px}.burger-menu--open .burger-menu__icon-line:nth-child(2){width:0%;opacity:0}.burger-menu--open .burger-menu__icon-line:nth-child(3){transform:rotate(-45deg);top:20px;left:8px}@media screen and (min-width: 768px){.burger-menu{display:none}}.container-menu{position:fixed;padding-top:1.5rem;height:100vh;width:80vw;top:0;left:-80vw;background-color:#fff;transition:left .3s ease,box-shadow .3s ease .2s;box-shadow:0 0 0 100vw rgba(24,26,23,0);z-index:2}.container-menu--open{left:0;box-shadow:0 0 0 100vw rgba(24,26,23,.7)}@media screen and (min-width: 768px){.container-menu{padding-top:0;position:initial;width:auto;height:auto;box-shadow:none}}.menu{margin:0;display:flex;flex-direction:column;list-style-type:none;padding-left:0}.menu__item{font-size:1.125rem;font-weight:500;padding:1rem 1.5rem;border-bottom:solid 1px #ddd}.menu__link:hover{color:rgb(245,190.8895705521,0)}@media screen and (min-width: 768px){.menu{flex-direction:row;gap:1rem}.menu__item{font-weight:400;padding-block:0;border:none;padding:0}.menu__item--active{font-weight:600}}.titles{text-align:center;padding-inline:.5rem}@media screen and (min-width: 1024px){.titles{padding:0}}.title,.subtitle{font-weight:400;color:#1f4311;line-height:1.2;letter-spacing:-0.01rem}.title{font-size:2.25rem;padding-inline:.25rem;margin-block:.5rem .75rem}@media screen and (min-width: 1024px){.title{font-size:2.75rem;margin-block:0 0}}.subtitle{font-size:1.5rem;margin-block:0 2rem;text-wrap-style:balance}@media screen and (min-width: 1024px){.subtitle{font-size:2.25rem;margin-block:.5rem 2.5rem}}.select-category{background-color:#ffe694;max-width:540px;min-height:250px;position:relative;background-image:url(../images/search-bg-2.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:200%;border-radius:0;display:flex;flex-direction:column;align-items:center;padding:1.5rem;margin-inline:auto;text-align:center}.select-category__info{font-size:1.125rem;font-weight:500;margin-block:.25rem 1rem;text-wrap-style:balance}.select-category__wrap-select{position:relative;width:95%;margin-block:0 1.5rem}.select-category__wrap-select::after,.select-category__wrap-select::before{content:"";position:absolute;color:#285716;cursor:pointer;pointer-events:none}.select-category__wrap-select::after{content:"▾";right:1.4rem;top:.6rem;font-size:1.25rem;color:#1f4311}.select-category__wrap-select::before{content:"";top:0;right:3.5rem;height:100%;width:1px;background-color:#868f83}.select-category__select{appearance:none;padding:.9rem 4rem .9rem 1.5rem;font-size:1.125rem;outline:none;border:solid 1px #868f83;width:100%;border-radius:1rem;box-shadow:0px 12px 12px rgba(24,26,23,.1)}.select-category__select:focus-visible{outline:solid 2px #005fcc}@media screen and (min-width: 460px){.select-category{background-size:150%;border-radius:2rem}.select-category__wrap-select{width:90%}}@media screen and (min-width: 1024px){.select-category{width:850px;height:250px;max-width:730px;background-position:0 102px;background-size:100%;padding:1.5rem}.select-category__wrap-select{width:65%}}select:invalid{color:#555}.wrap-tags{padding:5rem .5rem 6rem}@media screen and (min-width: 1024px){.wrap-tags{padding:5rem 0 6rem}}.tags{display:flex;flex-wrap:wrap;gap:1.25rem .75rem;list-style:none;padding:0}.tags__item{background-color:#ffdc7d;display:flex;font-size:1rem;align-items:center;border-radius:2rem;color:#fff;padding:.75rem 1.5rem;border:solid 1px rgba(0,0,0,0);transition:transform .15s ease-in;cursor:pointer}.tags__item:nth-child(1){background-color:#fff;border-color:#b59641;color:#b59641}.tags__item:nth-child(2),.tags__item:nth-child(13){background-color:#7aa669}.tags__item:nth-child(3){background-color:#b59641}.tags__item:nth-child(4){background-color:#fff;border-color:#b59641;color:#b59641}.tags__item:nth-child(5),.tags__item:nth-child(10),.tags__item:nth-child(14){color:#6b5927}.tags__item:nth-child(6),.tags__item:nth-child(8){background-color:#285716}.tags__item:nth-child(7),.tags__item:nth-child(9),.tags__item:nth-child(12){background-color:#fff;border-color:#397a1f;color:#397a1f}.tags__item:nth-child(11){background-color:#ebf2e9;border-color:#397a1f;color:#397a1f}.tags__item:hover{transform:scale(1.05)}.tags__icon{margin-right:.5rem}@media screen and (min-width: 1024px){.tags{gap:1.75rem 1.15rem}.tags__item{padding:.6rem 2.5rem}}.wrap-favorites{background-color:#eae9d0;position:relative;text-align:center;min-height:100vh;padding-block:2rem 6rem}.wrap-favorites::before{content:"";position:absolute;display:block;top:80px;left:0;width:45%;height:1px;background-color:rgba(31,67,17,.1921568627);margin-block:1rem auto}.wrap-favorites::after{content:"";position:absolute;display:block;top:80px;right:0;width:45%;height:1px;background-color:rgba(31,67,17,.1921568627);margin-block:1rem auto;pointer-events:none}.wrap-favorites .results-heading-favorites{display:inline-block;padding:3rem;color:#1f4311;margin:0;font-size:1.5rem;font-weight:500;background-color:#eae9d0;position:relative;z-index:1}.wrap-results{background-color:#eae9d0;position:relative;text-align:center}.wrap-results::before{content:"";position:absolute;display:block;top:45px;left:0;width:45%;height:1px;background-color:rgba(31,67,17,.1921568627);margin-block:1rem auto}.wrap-results::after{content:"";position:absolute;display:block;top:45px;right:0;width:45%;height:1px;background-color:rgba(31,67,17,.1921568627);margin-block:1rem auto}.results-heading{display:inline-block;padding:3rem;color:#1f4311;margin:0;font-size:1.25rem;font-weight:500;background-color:#eae9d0;position:relative;z-index:1}@media screen and (min-width: 768px){.results-heading{padding:3rem}}.results{display:grid;grid-auto-flow:dense;grid-template-columns:1fr 1fr;gap:1rem .5rem}@media screen and (min-width: 768px){.results{grid-template-columns:1fr 1fr 1fr;gap:1.5rem}}@media screen and (min-width: 1024px){.results{grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-rows:80px}}.recipe-card{background-color:#f9f8f1;padding:1rem 1rem 0;border-radius:1rem;grid-row:span 5;box-shadow:0px 4px 4px rgba(67,68,67,.02);text-align:left}.recipe-card__title{font-size:1.25rem;font-weight:400;margin:0;color:#212121;min-height:60px;display:flex;align-items:flex-end;margin-block:0 1rem;padding-top:1rem}.recipe-card__title-content{line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.recipe-card__info{position:relative;display:flex;flex-direction:column;justify-content:flex-end;background-color:#101211;border-radius:1rem;cursor:pointer}.recipe-card__info::before,.recipe-card__info::after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;border-radius:16px 16px 0 0;background:linear-gradient(180deg, rgba(37, 45, 35, 0.8), rgba(91, 109, 84, 0));mix-blend-mode:multiply;pointer-events:none}.recipe-card__info::after{top:auto;bottom:0;transform:rotate(180deg)}.recipe-card__img{width:100%;height:300px;object-fit:cover;aspect-ratio:1/1;border-radius:1rem;opacity:.85;transition:opacity .2s ease-in}.recipe-card__wrap-btn-time{position:absolute;z-index:1;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:1rem;padding:1.25rem .75rem .75rem}.recipe-card__button{background-color:hsla(0,0%,100%,.08);border-radius:2rem;padding:.75rem 1.25rem;color:#fff;border:solid 1px hsla(0,0%,100%,.3);backdrop-filter:blur(20px);transition:background-color .3s ease-in;cursor:pointer;order:2;margin-top:.25rem}.recipe-card__time{color:#fff;font-size:.9rem}.recipe-card__icon{vertical-align:top;margin-inline:0 .5rem;display:inline-block}.recipe-card__bottom{font-size:.9rem;padding:1.25rem 0;color:#777}.recipe-card__bottom span{color:#e8c054;color:#cdcdcd;font-size:1.25rem;line-height:1}.recipe-card:nth-child(even){grid-row:span 6}.recipe-card:nth-child(even) .recipe-card__img{height:380px}.recipe-card .recipe-card:nth-child(even) .recipe-card__img{height:380px;border:solid 5px red}.recipe-card:hover .recipe-card__img{opacity:.75}.recipe-card:hover .recipe-card__button{background-color:hsla(0,0%,100%,.2)}@media screen and (min-width: 768px){.recipe-card__img{height:320px}.recipe-card__button{order:initial;margin-top:0}.recipe-card:nth-child(even) .recipe-card__img{height:420px}}.wrap-recipe-detail{filter:saturate(1.05);padding:0;border:none;border-radius:1rem;background-color:rgba(0,0,0,0);transition:transform .3s ease,display .3s ease allow-discrete,opacity .4s ease;overflow:hidden;opacity:0;z-index:1}.wrap-recipe-detail::backdrop{background-color:rgba(0,0,0,.75)}.wrap-recipe-detail[open]{opacity:1}@starting-style{.wrap-recipe-detail[open]{opacity:0}}.recipe-detail{padding:.5rem;background-color:#fff;position:relative;width:100%}.recipe-detail__content{max-width:1100px;max-height:90vh;overflow-y:scroll;display:flex;flex-direction:column;gap:5%;padding:1rem .5rem 8rem}.recipe-detail__content:focus{outline:none}.recipe-detail__title{font-size:2rem;font-weight:400;margin-block:0 1.5rem;color:#1f4311;line-height:1.2}.recipe-detail__subtitle{font-size:1.3rem;font-weight:500;color:#1f4311;margin-block:1.75rem 1rem}.recipe-detail__image{width:100%;height:auto;object-fit:cover;aspect-ratio:1/.7;border-radius:.5rem}.recipe-detail__ingredients-list{padding:0;margin:0}.recipe-detail__ingredient{position:relative;display:flex;padding-left:1rem;padding:.25rem 0 .25rem 1rem;justify-content:space-between;font-size:1rem;border-bottom:solid 1px #ddd}.recipe-detail__ingredient span:first-child{padding-right:1rem;width:60%}.recipe-detail__ingredient span::first-letter{text-transform:uppercase}.recipe-detail__ingredient span:last-child{text-align:right}.recipe-detail__ingredient::before{content:"∙";position:absolute;top:4px;left:-2px;border-radius:50%}.recipe-detail__ingredient:last-child{border-bottom:none}.recipe-detail__info{background-color:#ebf2e9;padding:1.25rem;border-radius:.5rem;display:flex;flex-direction:column;align-items:start;margin-top:2rem}.recipe-detail__type-time{background-color:#1f4311;display:inline-flex;align-items:center;border-radius:.5rem;font-size:.9rem}.recipe-detail__type{border-right:solid 1px #fffbef}.recipe-detail__time,.recipe-detail__type{color:#fffbef;padding:.5rem 1.5rem}.recipe-detail__icon{opacity:.9;margin-right:.5rem;width:18px;vertical-align:text-top}.recipe-detail__instructions{white-space:pre-wrap;text-wrap:pretty;margin-block:0 1rem;line-height:1.6}.recipe-detail__area{margin-top:auto;padding-top:1.5rem}.recipe-detail__footer{position:absolute;width:100%;left:0;bottom:0;min-height:6rem;background-color:#fff;border-top:solid 1px #ddd;border-radius:0 0 1rem 1rem;display:flex;gap:1rem;align-items:center;justify-content:end;padding-inline:1rem}@media screen and (min-width: 768px){.recipe-detail{width:auto}.recipe-detail__content{padding:2rem 4rem 8rem;flex-direction:row;flex-wrap:wrap;max-height:90vh}.recipe-detail__title{font-size:2.5rem;margin-block:0 2.5rem;width:90%}.recipe-detail__image-and-ingredients{width:38%}.recipe-detail__image{aspect-ratio:1/.85}.recipe-detail__info{width:57%;margin-top:0;padding:2.5rem}.recipe-detail__footer{padding-inline:5rem}}.body-bg{background-color:#eae9d0}.main{margin-inline:auto;filter:saturate(1.1)}.main-categories-wrap{background-color:#fff}.beige-background{background-color:#f7efd8;padding-block:2.5rem 4rem}@media screen and (min-width: 1024px){.beige-background{padding-block:4rem 5rem}}.main-categories{margin-block:-10rem 0;padding-block:10rem 5rem;padding-inline:.5rem}@media screen and (min-width: 1024px){.main-categories{padding-inline:0;padding-block:12rem 6rem}}.categories{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media screen and (min-width: 768px){.categories{grid-template-columns:1fr 1fr 1fr;padding:0}}.category{background-color:#faf8f0;display:flex;flex-wrap:wrap;align-items:center;padding:1.125rem 1rem;border:solid 1px rgba(0,0,0,0);border-radius:1.5rem;transition:border .3s ease-in;cursor:pointer}.category__title{font-size:1.25rem;font-weight:400;width:100%}.category__wrap-image{display:flex;align-items:center;gap:.5rem}.category__image{width:60%;height:auto;aspect-ratio:55/49;display:block;mix-blend-mode:darken;filter:saturate(1.3);transition:transform .2s ease-in}.category__icon{padding:.25rem;border-radius:50%;background-color:#1f4311;transition:transform .2s ease-in}.category__title-acent{font-weight:500}.category:nth-child(1) .category__title-acent{color:#e57600}.category:nth-child(2) .category__title-acent{color:#609815}.category:nth-child(3) .category__title-acent{color:#d18b00}.category:nth-child(4) .category__title-acent{color:#b44193}.category:nth-child(5) .category__title-acent{color:#ea4d8c}.category:nth-child(6) .category__title-acent{color:#ab6509}.category:hover{border:1px #d6c8a0 solid;background-color:#fffdf7}.category:hover .category__icon{transform:translate(8px, 0)}.category:hover .category__image{transform:scale(1.05)}@media screen and (min-width: 1024px){.category{flex-wrap:nowrap;justify-content:space-around}.category__title{width:auto}.category__image{width:95px}}.section__title{font-size:1.5rem;line-height:1.3;margin-block:0 0;display:inline-block;font-weight:400;padding-inline:.5rem}@media screen and (min-width: 768px){.section__title{font-size:1.65rem}}.section__subtitle{margin-block:.25rem 2.25rem;padding-inline:.5rem}@media screen and (min-width: 1024px){.section__title,.section__subtitle{padding-inline:0}}.main-recipes{padding-block:6rem 8rem}.recipes{width:100%;overflow-x:scroll;display:flex;gap:1rem}@media screen and (min-width: 1024px){.recipes{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.5rem;overflow-x:initial}}.recipe{background-color:#f9f8f1;padding:1rem 1rem 0;border-radius:1.5rem;width:71vw;flex-shrink:0}.recipe__top{position:relative;background-color:#111;cursor:pointer}.recipe__top::before,.recipe__top::after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:45%;border-radius:16px 16px 0 0;background:linear-gradient(180deg, rgba(37, 45, 35, 0.8), rgba(91, 109, 84, 0));mix-blend-mode:multiply}.recipe__top::after{top:auto;bottom:0;transform:rotate(180deg)}.recipe__image{width:100%;height:auto;aspect-ratio:92/141;display:block;transition:opacity .2s ease-in;opacity:.9}.recipe__info{position:absolute;z-index:2;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem .75rem .75rem}.recipe__title{font-size:1.25rem;line-height:1.25;font-weight:500;margin:0;color:#fff}.recipe__info-bottom{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.recipe__button{background-color:hsla(0,0%,100%,.07);border-radius:2rem;padding:.75rem 1.25rem;color:#fff;border:solid 1px hsla(0,0%,100%,.2);backdrop-filter:blur(15px);transition:background-color .3s ease-in;cursor:pointer}.recipe__time{color:#fff;font-size:.9rem}.recipe__icon{vertical-align:top;margin-inline:0 .5rem}.recipe__bottom{font-size:1rem;padding:1.5rem 0;color:#50545b}.recipe__bottom span{color:#e8c054;font-size:1.25rem;line-height:1}.recipe:hover .recipe__image{opacity:.8}.recipe:hover .recipe__button{background-color:hsla(0,0%,100%,.2)}@media screen and (min-width: 460px){.recipe{width:60vw}}@media screen and (min-width: 768px){.recipe{width:35vw}}@media screen and (min-width: 1024px){.recipe{width:auto}.recipe__info-bottom{flex-wrap:wrap}.recipe__button{width:100%;order:2;margin-top:.25rem}}@media screen and (min-width: 1200px){.recipe__info-bottom{flex-wrap:nowrap}.recipe__button{width:auto;order:initial;margin-top:0}}