*,*::before,*::after{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:16px;font-family:"Montserrat", sans-serif}body{background-color:#FAFAFA;padding:.9375rem .6875rem 0 .6875rem}@media screen and (min-width: 900px){body{background-color:#fff;padding-top:3.25rem}body header,body main,body footer{max-width:969px;margin:0 auto}}li{list-style:none}a{text-decoration:none;color:unset}.img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 900px){.box{max-width:580px}}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.jc-sb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header__title{font-family:"Playfair Display", sans-serif;font-weight:700;font-size:1.5rem}@media screen and (min-width: 900px){.header__title{font-size:3rem}}.header__recipe-description{position:relative;margin:.75em 0 1.8em 0;padding-left:1.5625rem;font-size:.75em;font-style:italic;font-weight:500}@media screen and (min-width: 900px){.header__recipe-description{font-size:0.875rem;max-width:610px;margin-bottom:2.5rem}}.header__recipe-description::before{content:url(../images/6dots.svg);position:absolute;top:0;left:0}.main{padding-bottom:8.1875rem}.photo{width:100%;border-radius:12px}@media screen and (min-width: 900px){.photo{margin-bottom:3rem}}.recipe{margin:1.5rem 0 1.2031rem 0;max-width:90%}@media screen and (min-width: 900px){.recipe{float:right;width:216px;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.12);box-shadow:0px 2px 2px rgba(0,0,0,0.12);border-radius:12px;margin:0;padding:3.5625rem 2.6875rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 900px){.recipe__category--block{display:block}}.recipe__info{display:grid;grid-template-columns:auto 2fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 900px){.recipe__info:not(:last-child){margin-bottom:2.625rem}}.recipe__info--1{margin-bottom:1.2969rem}@media screen and (min-width: 900px){.recipe__info--1{margin-bottom:2.625rem}}.recipe__info-icon{grid-row:1 / 3;font-size:1.1rem;color:#4F4F4F;margin-right:.3125em}@media screen and (min-width: 900px){.recipe__info-icon{font-size:2rem}}.recipe__info-icon--1{color:#F2994A}.recipe__info-name{color:#BDBDBD;text-transform:uppercase;font-size:.5rem;font-weight:bold}@media screen and (min-width: 900px){.recipe__info-name{font-size:.625rem}}.recipe__info-value{font-size:.625rem;font-weight:500;color:#333}@media screen and (min-width: 900px){.recipe__info-value{font-size:.875rem}}.recipe__info-value--1{color:#F2994A}.ingredient{margin-bottom:1.5em}@media screen and (min-width: 900px){.ingredient{font-size:1.145rem}}.ingredient__title{font-family:"Playfair Display", sans-serif;font-weight:700;font-size:1.125rem}@media screen and (min-width: 900px){.ingredient__title{font-size:1.5rem}}.element:first-of-type{margin-bottom:1.8125rem}.element__title{font-family:"Playfair Display", sans-serif;font-weight:700;font-size:1em;font-style:italic;font-weight:400;margin:.8125rem 0 1.5rem 0}@media screen and (min-width: 900px){.element__title{margin:2.1875rem 0 1.87rem 0}}.element__list-item{position:relative;margin-bottom:.75rem}.element__checkbox-box{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:.875em;line-height:1.5625rem;color:#333;padding-left:1.9em}@media screen and (min-width: 900px){.element__checkbox-box{padding-left:2.15rem;cursor:pointer}}.element__checkbox-box em{font-weight:500}.element__checkbox-box input[type="checkbox"]{display:none}.element__checkbox-box input[type="checkbox"]:checked+.element__custom-checkbox{border-color:#F2994A;background-color:rgba(242,153,74,0.12)}.element__checkbox-box input[type="checkbox"]:checked+.element__custom-checkbox .check{stroke-dashoffset:0}.element__custom-checkbox{position:absolute;top:2px;left:0;width:21px;height:21px;border:1px solid #828282;border-radius:4px;fill:transparent;-webkit-transition:border-color .1s linear, background-color .1s;transition:border-color .1s linear, background-color .1s}.element__custom-checkbox .check{stroke:#F2994A;stroke-width:2;stroke-linecap:round;stroke-dasharray:21;stroke-dashoffset:22;-webkit-transition:stroke-dashoffset .1s linear;transition:stroke-dashoffset .1s linear}.element__custom-checkbox:hover{background-color:rgba(242,153,74,0.12)}.instruction__title{font-family:"Playfair Display", sans-serif;font-weight:700;font-size:1.5em;margin-bottom:2rem}.instruction__list{counter-reset:item}.instruction__list-item{position:relative;padding-left:3.125rem;margin-bottom:1.9375rem;line-height:1.5rem}.instruction__list-item::before{display:block;position:absolute;top:0;left:0;background-color:#F2994A;content:counter(item) "";counter-increment:item;font-family:"Playfair Display", sans-serif;font-weight:700;color:#fff;border-radius:6px;width:36px;height:36px;line-height:29px;text-align:center;font-size:1.5rem}.source{font-size:.8rem;color:#BDBDBD}@media screen and (min-width: 900px){.source{font-size:1rem;display:block;margin-top:3.4375rem}}.source__link{display:block}@media screen and (min-width: 900px){.source__link{display:inline}}.source__link:hover{text-decoration:underline}.footer__text{text-align:center;color:#a9a9a9;font-weight:500;font-size:14px}@media screen and (min-width: 900px){.footer__text{font-size:16px}}
