*{margin:0;padding:0;box-sizing:border-box}body{font-family:ProximaNova-Regular,Arial,sans-serif;background:#fff}button{cursor:pointer}img{max-width:100%;width:100%;height:auto;vertical-align:middle}.image-wrapper{aspect-ratio:4/3;width:100%;max-width:100%}.footer{border-top:1px solid #eee;margin:30px 0 0;padding:10px 0;font-size:14px}.footer .footer-menu{display:flex;justify-content:center;gap:10px}.footer .footer-menu a{text-decoration:none;color:#111}.container{width:960px;margin:0 auto;max-width:100%}.page-title{margin:30px 0;font-size:20px;text-align:center}.header{display:flex;justify-content:space-between;align-items:center;height:60px;border-bottom:1px solid #eee;padding:0 30px;z-index:99999;background:#fff;position:fixed;top:0;left:0;right:0}.header .logo{text-decoration:none;display:flex;align-items:center}.header .logo svg{width:30px;height:auto}.header .logo span{margin-left:10px;color:#111;font-size:18px;text-decoration:none;font-weight:700}.header .right{display:flex;gap:10px}.header .right .favorite,.header .right .add-recipe{width:32px;height:32px;display:flex;justify-content:center;align-items:center;background:#eee}.favorite,.close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border-radius:5px;cursor:pointer}.recipes{display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.recipes .recipe{position:relative;display:flex;flex-direction:column;height:300px;background-size:cover;background-position:center;border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding:20px;box-sizing:border-box;color:#fff;text-decoration:none}.recipes .recipe .shadow{z-index:1;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,transparent 50%)}.recipes .recipe .top{z-index:2;display:flex;justify-content:space-between}.recipes .recipe .title{z-index:2;margin-top:15px;font-size:18px;font-weight:700}.recipes .recipe .bottom{margin-top:auto}.recipes .recipe .bottom .time{display:flex;gap:5px;align-items:center}.recipe-page{display:flex;justify-content:space-between;color:#fff}.recipe-page .prev,.recipe-page .next{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.recipe-page .prev:hover,.recipe-page .next:hover{background:#eee}.recipe-page .prev img,.recipe-page .next img{width:30px;height:auto}.recipe-page .tags{display:flex;gap:10px;flex-wrap:wrap}.recipe-page .tags .tag{border:1px solid #fff;padding:5px 10px;border-radius:5px;font-size:14px;cursor:pointer}.recipe-page .steps{width:425px;min-width:425px;max-width:100%;position:relative}.recipe-page .steps .recipe-header{position:absolute;top:15px;left:30px;right:30px;display:flex;justify-content:space-between}.recipe-page .steps .recipe-header .left{display:flex;align-items:center;gap:10px}.recipe-page .steps .recipe-header .left .logo{background:#fff;border-radius:5px;padding:2px;width:20px;height:auto}.recipe-page .steps .recipe-header .left .logo svg{width:20px;height:auto;vertical-align:middle}.recipe-page .steps .recipe-header .left .title{font-size:14px}.recipe-page .steps .recipe-header .right{display:flex;gap:10px}.recipe-page .steps .recipe-header .right .favorite{background:#fff}.recipe-page .steps .recipe-footer{position:absolute;bottom:15px;left:30px;right:30px}.recipe-page .steps .step{color:#fff;border-radius:15px;padding:50px 30px 60px;min-height:100svh;display:flex;align-items:flex-end;box-sizing:border-box;background-size:cover;background-position:center}.recipe-page .steps .step:before{content:"";background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 70%);position:fixed;bottom:0;height:300px;left:0;right:0;z-index:1}.recipe-page .steps .step .details{display:flex;flex-direction:column;gap:10px;z-index:2}.recipe-page .steps .step .details .time{display:flex;align-items:center;font-size:12px;gap:5px}.recipe-page .steps .step .details .author{font-size:12px}.recipe-page .steps .step .details .title{font-size:18px}.recipe-page .steps .step .details .calories{display:flex;align-items:center;font-size:12px;margin-left:-3px;gap:3px}.recipe-page .steps .step .details .calories svg{width:22px;height:auto}.recipe-page .steps .step.step-2{flex-direction:column;align-items:flex-start}.recipe-page .steps .step.step-2:before{content:unset}.recipe-page .steps .cooking-step{z-index:2}.recipe-page .steps .cooking-step .title{font-weight:700;margin-bottom:10px}.recipe-page .steps .cooking-step .description{padding:10px;font-size:18px;border-radius:10px;overflow-y:auto;max-height:200px}.recipe-page .steps .recipe-footer{z-index:2}.recipe-page .steps .recipe-footer .to-text{margin-top:5px;display:inline-block;background:#fff;padding:7px 15px;font-size:16px;color:#111;border-radius:5px;cursor:pointer}.ingredients-meta{display:flex;gap:20px;border-bottom:1px solid #eee;padding-top:10px;padding-bottom:10px;margin-bottom:10px;flex-wrap:wrap}.ingredients-meta .ingredients-meta-item{display:flex;gap:10px;align-items:center}.ingredients-meta .ingredients-meta-item .title{font-weight:700}.ingredients-meta .ingredients-meta-item .icon svg{width:18px;height:auto}.recipe-ingredients{overflow-y:auto;width:100%}.ingredients{margin-top:15px;overflow-y:auto}.ingredients .ingredient{display:flex;justify-content:space-between;margin-bottom:5px;position:relative}.ingredients .ingredient .dots{height:0;line-height:0;border-bottom:2px dotted #ddd;margin-top:auto;margin-bottom:5px;flex:2}.ingredients .ingredient .title{z-index:1;margin-right:5px;max-width:80%}.ingredients .ingredient .amount{z-index:1;text-align:right;width:auto;margin-left:5px;margin-top:auto}.recipe-text-page{padding-top:75px}.recipe-text-page .container{width:425px}.recipe-text-page .description{margin-top:20px;line-height:25px}.recipe-text-page .description p{margin-bottom:15px}.recipe-text-page .recipe-header{display:flex;justify-content:space-between}.recipe-text-page .recipe-header .left{display:flex;align-items:center;gap:10px}.recipe-text-page .recipe-header .left .logo{background:#fff;border-radius:5px;padding:2px;width:20px;height:auto}.recipe-text-page .recipe-header .left .logo svg{width:20px;height:auto;vertical-align:middle}.recipe-text-page .recipe-header .left .title{font-size:14px}.recipe-text-page .recipe-header .right{display:flex;gap:10px}.recipe-text-page .recipe-header .right .favorite{background:#fff}.recipe-text-page .image{position:relative;margin:10px 0;width:100%;height:auto;background-size:cover;background-position:center;border-radius:15px;box-sizing:border-box}.recipe-text-page .image .to-steps{position:absolute;bottom:10px;left:10px;display:inline-block;background:#fff;padding:5px 10px;font-size:14px;color:#111;border-radius:5px;cursor:pointer}.recipe-text-page .title{margin-top:10px;font-weight:700;font-size:18px}.recipe-text-page .ingredients-meta .ingredients-meta-item,.recipe-text-page .ingredients-meta .ingredients-meta-item .title{font-size:14px}.recipe-text-page .ingredients-meta .ingredients-meta-item .icon svg path{fill:#111}.recipe-text-page .ingredients-title{font-size:18px;margin-top:20px}.recipe-text-page .ingredients .ingredient{align-items:flex-end}.recipe-text-page .ingredients .ingredient .title{font-size:16px}.recipe-text-page .ingredients .ingredient .title a{color:#000;text-decoration:underline}.recipe-text-page .subcategories{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.recipe-text-page .subcategories .subcategory{background:#f7f7f7;padding:5px;border:1px solid #eee}.recipe-text-page .subcategories a{color:#111;text-decoration:none}.recipe-steps{margin-top:30px}.recipe-steps .recipe-step{margin-bottom:30px}.recipe-step-description{line-height:25px}.recipe-step-title{margin-bottom:10px}.recipe-step-title span{background:#fff700;padding:7px 15px;border-radius:5px;font-size:16px}.publication-date{font-size:14px;color:#4a5568;margin-top:10px}.recipe-edit{width:425px;min-width:425px;max-width:100%;height:100vh;border-radius:15px;padding:50px 30px 60px;margin:0 auto;background:#eee;box-sizing:border-box}.recipe-edit{overflow-y:auto;background:#ffecde;position:relative}.recipe-edit h2{margin-bottom:15px}.recipe-edit .dropdown-edit{margin-top:30px}.recipe-edit .dropdown-edit img{margin:10px 0}.recipe-edit .recept-input-wrapper{margin-bottom:10px}.recipe-edit .recept-input-wrapper label,.recipe-edit .recept-input-wrapper input,.recipe-edit .recept-input-wrapper textarea{display:block;width:100%;box-sizing:border-box}.recipe-edit .recept-input-wrapper label{margin-bottom:10px}.recipe-edit .recept-input-wrapper input,.recipe-edit .recept-input-wrapper textarea{max-width:100%;background:#f4dac8;border:none;padding:15px;border-radius:10px}.recipe-edit .dropdown-edit-button{display:block;box-sizing:border-box;width:100%;text-align:center;color:#111;padding:15px;border-radius:30px;background:#fff;font-weight:700;border:none;cursor:pointer}.recipe-edit .small-description{color:#666;display:block;margin-top:10px;margin-bottom:10px;font-size:14px}.recipe-edit .ingredients .ingredient{display:grid;gap:10px;grid-template-columns:4fr 1fr 1fr .2fr}.recipe-edit .ingredients .ingredient .ingrdient-title{flex:4}.recipe-edit .ingredients .ingredient .ingredient-quantity,.recipe-edit .ingredients .ingredient .ingredient-type{flex:1}.recipe-edit .step{margin-bottom:10px;position:relative}.recipe-edit .step-title{margin:10px 0}.recipe-edit .save-button{margin-top:30px;font-size:24px;font-weight:700}.recipe-edit .close{position:absolute;top:30px;right:30px}.recipe-edit .ingredient{position:relative}.recipe-edit .ingredient .close{position:relative;top:0;right:0}.recipe-edit .ingredient .ingredient-delete{display:flex;justify-content:center;align-items:center}.recipe-edit .step .close{position:absolute;top:-10px;right:0}.navigation{position:fixed;top:60px;left:0;width:100%;max-width:500px;min-height:100vh;max-height:100vh;background:#fbfbfb;overflow-y:auto;z-index:9999;padding:20px 10px 0}.navigation a{color:#111;text-decoration:none}.navigation .navigation-title{font-weight:700;display:flex;align-items:center;color:#111}.navigation .navigation-title .navigation-item-image{width:64px;min-width:64px;max-width:64px;height:64px;margin-right:15px}.navigation .navigation-title img{width:64px;height:64px;border-radius:10px}.navigation .navigation-title-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.navigation .navigation-title-wrapper .navigation-title-icon{border-radius:50%;background:#fff;width:32px;height:32px;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:center;align-items:center;cursor:pointer}.navigation .navigation-title-wrapper .navigation-title-icon svg{width:24px;height:24px;transition:.5s ease}.navigation .navigation-title-wrapper .navigation-title-icon.active svg{transform:rotate(180deg)}.navigation .page-categories{margin-top:10px}.navigation .page-category{border-bottom:1px solid #f9c4c4}.navigation .navigation-header{padding:20px;background:#f5dddd;display:flex;align-items:center;justify-content:space-between}.navigation .navigation-items li a{min-height:45px;display:flex;align-items:center;padding:10px 20px;border-bottom:1px solid #eccfcf}.navigation .navigation-items li .category-parent{display:flex;justify-content:space-between;align-items:center}.navigation .navigation-items li .category-parent .dropdown-arrow{display:block;min-width:24px;width:24px;height:24px}.navigation .navigation-items li .category-parent .dropdown-arrow.opened{transform:rotate(180deg)}.search{display:flex;justify-content:center;margin:20px 0}.input,.search-input{background:#f8f8f8;border-radius:20px;border:none;font-size:16px;padding:10px 15px;box-sizing:border-box}.top-right{display:flex;gap:10px}.edit{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;box-sizing:border-box;border-radius:5px}.profile-section h2{margin-top:30px}.profile-section .input{margin:10px 0;width:100%}.login-button{margin-top:30px;width:100%;display:flex;align-items:center;color:#111;font-size:18px;text-decoration:none;font-weight:700;background:#f9ecec;padding:10px 30px;border-radius:15px;justify-content:center}.login-button svg{width:32px;height:32px}.login-button span{margin-left:15px}.portions{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.portions .portions-title{font-size:18px;font-weight:700}.portions .portions-counter{display:flex;gap:10px}.portions .portions-counter .portions-amount{line-height:30px;width:30px;text-align:center;font-size:24px}.portions .portions-counter .portions-button{background:#fff;color:#111;width:40px;height:30px;line-height:30px;text-align:center;border-radius:5px;cursor:pointer;font-size:18px;font-weight:700}.search{width:100%;margin-top:80px}.search form{width:100%;text-align:center}.search form input{width:100%;max-width:400px;box-sizing:border-box}.pfc{display:flex;justify-content:flex-start;gap:10px;box-sizing:border-box;flex-wrap:wrap}.pfc .title{margin-top:0;margin-bottom:5px}.pfc>div{border:1px solid #eee;border-radius:10px;padding:15px}.ares-item{display:flex;border:4px solid #111;border-radius:10px;padding:5px}.ares-item .ares-item-image{max-width:50%}.ares-item .ares-item-title{font-size:18px;color:#111;margin-bottom:10px;text-decoration:none;display:block}.ares-item .ares-item-description{font-size:13px;margin-bottom:3px}.ares-item .ares-item-price{font-size:36px;color:red;margin-bottom:10px}.ares-item .ares-item-button{border:2px solid #111;padding:5px 15px;text-align:center;font-weight:700;background:#111;color:#fff;width:100%;text-decoration:none;display:block;outline:none}.ares-small-items{margin-top:10px;display:flex;gap:10px}.ares-small-items .ares-small-item{width:100px;text-decoration:none;color:#111;padding:5px;border:2px solid #111;border-radius:3px}.ares-small-items .ares-small-item span{display:block}.ares-small-items .ares-small-item--title{margin-top:5px;font-size:14px;margin-bottom:5px}.ares-small-items .ares-small-item--price{color:red}.ares-small-items .ares-small-item--old-price{text-decoration:line-through;margin-right:3px;color:#111}.meta{margin-top:30px;display:flex;flex-direction:column;gap:10px}.load-wraper{position:relative;height:100%;width:100%;background-color:#d3d3d3;z-index:44;overflow:hidden;border-radius:5px}.activity{position:absolute;left:-45%;height:100%;width:45%;background-image:linear-gradient(to left,rgba(251,251,251,.05),rgba(251,251,251,.3),rgba(251,251,251,.6),rgba(251,251,251,.3),rgba(251,251,251,.05));background-image:-moz-linear-gradient(to left,rgba(251,251,251,.05),rgba(251,251,251,.3),rgba(251,251,251,.6),rgba(251,251,251,.3),rgba(251,251,251,.05));background-image:-webkit-linear-gradient(to left,rgba(251,251,251,.05),rgba(251,251,251,.3),rgba(251,251,251,.6),rgba(251,251,251,.3),rgba(251,251,251,.05));animation:loading 1s infinite;z-index:45}@keyframes loading{0%{left:-45%}to{left:100%}}.categories{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.categories .category{border-right:1px solid #eee;padding-right:10px;color:#111;text-decoration:none}.categories .category:last-child{border:none}@media screen and (max-width: 960px){.container,.header{padding:0 10px}.recipes{grid-template-columns:1fr}.recipe-page{position:relative}.recipe-page .prev,.recipe-page .next{position:absolute;width:40px;height:40px;top:50%;right:0;margin-top:-16px;z-index:1;background:#fff}.recipe-page .prev{left:0;border-top-right-radius:10px;border-bottom-right-radius:10px}.recipe-page .next{border-top-left-radius:10px;border-bottom-left-radius:10px}.recipe-page .steps{min-width:100%}}