.c-recipe-header{gap:var(--spacing);grid-auto-columns:minmax(0,1fr);display:grid}@media (width<=767.98px){.c-recipe-header{--spacing:30px}}@media (width>=768px) and (width<=991.98px){.c-recipe-header{--spacing:40px}}@media (width>=992px){.c-recipe-header{--spacing:60px}}@media (width<=991.98px){.c-recipe-header{grid-template-areas:"header""gallery""overview"}}@media (width>=992px){.c-recipe-header{min-height:calc(100vh - var(--header-height) - var(--announcement-bar-height));grid-template-columns:55fr 45fr;grid-template-areas:"gallery header""gallery overview";grid-auto-rows:1fr auto auto}}.c-recipe-header__header{flex-direction:column;grid-area:header;display:flex}@media (width<=991.98px){.c-recipe-header__header{gap:var(--spacing);padding:var(--spacing) var(--spacing) 0}}@media (width>=992px){.c-recipe-header__header{gap:20px;padding:30px 30px 0 0}}@media (width<=991.98px){.c-recipe-header__new{z-index:2;position:absolute;top:-10px;right:10px}}@media (width>=992px){.c-recipe-header__new{flex-grow:1;align-items:flex-end;display:flex}}.c-recipe-header__buttons{gap:20px;display:flex}@media (width<=991.98px){.c-recipe-header__buttons{justify-content:space-between;align-items:flex-start}}@media (width>=992px){.c-recipe-header__buttons{justify-content:flex-end}}.c-recipe-header__buttons>div{flex-wrap:wrap;display:flex}@media (width<=991.98px){.c-recipe-header__buttons>div{gap:10px}}@media (width>=992px){.c-recipe-header__buttons>div{gap:20px}}.c-recipe-header__save-button{width:105px;display:flex;position:relative}.c-recipe-header__save-button .is-hidden{display:none}.c-recipe-header__save-error{visibility:hidden;white-space:nowrap;opacity:0;margin-top:20px;transition:opacity 1s,visibility 1s;position:absolute;top:100%;right:0}.c-recipe-header__save-error.is-visible{visibility:visible;opacity:1;transition-duration:.1s}.c-recipe-header__title{color:#cd001a;text-wrap:balance;margin-bottom:0;font-weight:400;display:flex}@media (width>=768px) and (width<=991.98px){.c-recipe-header__title{padding-right:60px}}@media (width>=992px){.c-recipe-header__title{padding-right:90px}}.c-recipe-header__gallery{grid-area:gallery;min-width:0;position:relative}@media (width>=992px){.c-recipe-header__gallery{padding-top:15px;padding-left:15px}}.c-recipe-header__gallery .swiper{height:100%}.c-recipe-header__gallery .swiper-pagination{gap:10px;padding:0 48px;display:flex}@media (width<=767.98px){.c-recipe-header__gallery .swiper-pagination{justify-content:center;bottom:56px}}@media (width>=768px){.c-recipe-header__gallery .swiper-pagination{justify-content:flex-end;bottom:48px}}.c-recipe-header__gallery .swiper-pagination-bullets{gap:10px;display:flex}.c-recipe-header__gallery .swiper-pagination-bullet{opacity:1;background-color:#ffffff80;border-radius:40px;width:5px;height:5px;position:relative;overflow:hidden;margin:0!important}.c-recipe-header__gallery .swiper-pagination-bullet-active{background-color:#fff;width:20px}.c-recipe-header__image{-o-object-fit:cover;object-fit:cover;background-color:#f9f2ec;width:100%}@media (width<=991.98px){.c-recipe-header__image{aspect-ratio:1;height:520px;max-height:520px}}@media (width>=992px){.c-recipe-header__image{height:100%}}.c-recipe-header__overview{padding-right:var(--spacing);padding-left:var(--spacing);grid-area:overview;gap:30px;display:grid}@media (width<=767.98px){.c-recipe-header__overview{grid-template-areas:"tags tags""separator separator""timings book"}}@media (width>=768px){.c-recipe-header__overview{grid-template-areas:"tags book""separator separator""timings timings"}}@media (width>=992px){.c-recipe-header__overview{grid-template-rows:auto 1px auto;padding-bottom:60px;padding-left:0;padding-right:60px}}.c-recipe-header__tags{flex-wrap:wrap;grid-area:tags;align-items:flex-end;gap:8px;display:flex}.c-recipe-header__separator{background-color:#f9f2ec;grid-area:separator;height:1px}.c-recipe-header__timings{flex-wrap:wrap;grid-area:timings;justify-content:space-between;gap:15px;width:100%;display:flex}@media (width<=767.98px){.c-recipe-header__timings{flex-direction:column}}.c-recipe-header__timings span{align-items:center;gap:10px;display:flex}.c-recipe-header__icon{text-align:center;width:20px}.c-recipe-header__book{flex-direction:column;grid-area:book;justify-content:flex-end;align-items:flex-end;gap:16px;display:flex}.c-recipe-header__book-page{flex-direction:column;display:flex}.c-recipe-header__book-image{border:1px solid #f5f5f5;width:100px;height:auto;box-shadow:0 4px 14px #0000000a}
