@media (max-width: 991.98px){.c-recipe{display:flex;flex-direction:column}}@media (min-width: 992px){.c-recipe{display:grid;grid-template-areas:"video description" "ingredients method";grid-template-columns:380px 1fr}}@media (max-width: 575.98px){.c-recipe{row-gap:45px}}@media (min-width: 576px) and (max-width: 991.98px){.c-recipe{row-gap:60px}}@media (min-width: 992px){.c-recipe{row-gap:90px}}@media (min-width: 992px) and (max-width: 1999.98px){.c-recipe{-moz-column-gap:60px;column-gap:60px}}@media (min-width: 2000px){.c-recipe{-moz-column-gap:90px;column-gap:90px}}.c-recipe__description{grid-area:description}.c-recipe__description--wide{grid-column:1/span 2;max-width:900px;margin:0 auto}.c-recipe__video{display:flex;grid-area:video;gap:10px;font-weight:300}@media (max-width: 767.98px){.c-recipe__video{flex-direction:column;max-width:407px}}@media (min-width: 768px){.c-recipe__video{flex-direction:column-reverse;justify-content:flex-end}}.c-recipe__video-caption{display:flex;align-items:center;gap:15px}.c-recipe__thumbnail{padding:0;border:none;position:relative;background-color:transparent}.c-recipe__thumbnail--play-button:before{content:"";width:69px;height:36px;border-radius:50%;position:absolute;top:50%;left:50%;z-index:1;background-color:#cd001a;transform:translate(-50%,-50%)}.c-recipe__thumbnail--play-button:after{content:"";width:0;height:0;border-width:8px 0 8px 16px;border-style:solid;border-color:transparent transparent transparent #fff;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-30%,-50%)}.c-recipe__thumbnail img{width:100%;height:auto;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.c-recipe__ingredients{grid-area:ingredients}@media (min-width: 992px){.c-recipe__ingredients>div{position:sticky;top:40px}}.c-recipe__ingredients a{color:#cd001a}.c-recipe__method{display:flex;flex-direction:column;grid-area:method;gap:30px}@media (min-width: 992px){.c-recipe__method{padding-top:40px}}.c-recipe__method a{color:#cd001a}.c-recipe__method-title{display:flex;gap:15px}@media (max-width: 767.98px){.c-recipe__method-title{flex-direction:column}}@media (min-width: 768px){.c-recipe__method-title{justify-content:space-between;align-items:center}}.c-recipe__method-buttons{display:flex;align-items:center;gap:18px}@media (max-width: 767.98px){.c-recipe__method-buttons{justify-content:space-between}}.c-recipe__steps{display:flex;flex-direction:column;font-weight:300;list-style:none;counter-reset:item}@media (max-width: 767.98px){.c-recipe__steps{gap:30px}}@media (min-width: 768px){.c-recipe__steps{gap:45px}}.c-recipe__step{display:flex;flex-wrap:wrap;border-top:1px solid #f9f2ec;counter-increment:item}@media (max-width: 767.98px){.c-recipe__step{gap:15px;padding-top:15px}}@media (min-width: 768px){.c-recipe__step{gap:30px;padding-top:30px}}.c-recipe__step:before{content:counter(item);min-width:25px;color:#cd001a;font-size:22px;font-weight:300}.c-recipe__step-text{flex:1}.c-recipe__quote{width:100%}@media (max-width: 991.98px){.c-recipe__quote{margin-bottom:15px}}.c-recipe__quick-add{border-radius:4px;position:fixed;right:0;bottom:0;z-index:5}@media (max-width: 767.98px){.c-recipe__quick-add{margin:30px}}@media (min-width: 768px) and (max-width: 991.98px){.c-recipe__quick-add{margin:40px}}@media (min-width: 992px){.c-recipe__quick-add{margin:60px}}.c-recipe__quick-add.is-hidden{display:none}.c-recipe__backdrop{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#1b1b1b4d}
