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