@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --mo-body: #fff0f3;
  --mo-on-body: #1e1e1e;
  --mo-header: #fff;
  --mo-on-header: #1e1e1e;
  --mo-header-accent: #1e1e1e;
  --mo-on-header-accent: #fff;
  --mo-offcanvas: #fff;
  --mo-on-offcanvas: #1e1e1e;
  --mo-on-offcanvas-accent: #DC7F91;
  --mo-border-offcanvas: #f5e8ec;
  --mo-footer: #1e1e1e;
  --mo-outline-footer: #141414;
  --mo-on-footer: #f5e8ec;
  --mo-on-footer-accent: #DC7F91;
  --mo-search: #fff;
  --mo-on-search: #1e1e1e;
  --mo-outline-search: rgba(0,0,0,.06);
  --mo-pagination-enabled: #1e1e1e;
  --mo-on-pagination-enabled: #fff;
  --mo-pagination-disabled: #f5e8ec;
  --mo-on-pagination-disabled: #DC7F91;
  --mo-pagination-accent: #DC7F91;
  --mo-on-pagination-accent: #fff;
  --mo-separator: #fff;
  --mo-outline-separator: #DC7F91;
  --mo-on-separator: #1e1e1e;
  --mo-separator-link: #1e1e1e;
  --mo-on-separator-link: #fff;
  --mo-social-item: #1e1e1e;
  --mo-on-social-item: #fff;
  --mo-hero: #fff;
  --mo-on-hero: #3a3a3a;
  --mo-on-hero-title: #1e1e1e;
  --mo-on-hero-link: #DC7F91;
  --mo-on-hero-link-accent: #000000;
  --mo-landing: #fff;
  --mo-on-landing: #1e1e1e;
  --mo-on-landing-title: #1e1e1e;
  --mo-on-landing-link: #DC7F91;
  --mo-on-landing-link-accent: #000000;
  --mo-category: #f5e8ec;
  --mo-on-category: #1e1e1e;
  --mo-entry: #fff;
  --mo-on-entry: #3a3a3a;
  --mo-entry-title: #1e1e1e;
  --mo-on-entry-title: #1e1e1e;
  --mo-on-entry-link: #000000;
  --mo-on-entry-link-accent: #DC7F91;
  --mo-preview: #f5e8ec;
  --mo-on-preview: #3a3a3a;
  --mo-on-preview-title: #1e1e1e;
  --mo-on-preview-title-accent: #DC7F91;
  --mo-faq: #fff;
  --mo-on-faq: #1e1e1e;
  --mo-on-action: #1e1e1e;
  --mo-action-accent: #1e1e1e;
  --mo-on-action-accent: #fff;
  --mo-article: none;
  --mo-on-article: #1e1e1e;
  --mo-article-heading: #1e1e1e;
  --mo-on-article-heading: #fff;
  --mo-outline-article-heading: #DC7F91;
  --mo-on-article-link: #000000;
  --mo-on-article-link-accent: #DC7F91;
  --mo-article-note: #fff5f7;
  --mo-on-article-note: #1e1e1e;
  --mo-outline-article-note: #DC7F91;
  --mo-article-recommendations: #fff5f7;
  --mo-on-article-recommendations: #1e1e1e;
  --mo-outline-article-recommendations: #000000;
  --mo-author: #fff;
  --mo-on-author: #1e1e1e;
  --mo-outline-author: #f5e8ec;
  --mo-recipe: #fff;
  --mo-outline-recipe: #000000;
  --mo-on-recipe: #1e1e1e;
  --mo-on-recipe-title: #1e1e1e;
  --mo-on-recipe-highlight: #000000;
  --mo-on-recipe-link: #DC7F91;
  --mo-on-recipe-link-accent: #000000;
  --mo-recipe-separator: #f5e8ec;
  --mo-on-recipe-separator: #DC7F91;
  --mo-recipe-number: #000000;
  --mo-on-recipe-number: #fff;
  --mo-related-entry: #fff;
  --mo-on-related-entry: #1e1e1e;
  --mo-on-related-entry-accent: #DC7F91;
  --mo-contact: #fff;
  --mo-on-contact: #1e1e1e;
  --mo-keypoints-card: #fff;
  --mo-on-keypoints-card: #1e1e1e;
  --mo-chip: #fff;
  --mo-on-chip: #1e1e1e;
  --mo-font-family: 'DM Sans', system-ui, sans-serif;
  --mo-font-family-heading: 'Playfair Display', Georgia, serif;
  --mo-font-size: 1.15rem;
  --mo-line-height: 1.7;
  --mo-icon-dimen: 1em;
  --mo-space: 3.2rem;
  --mo-gap: 1.6rem;
  --mo-spacing: 1rem;
  --mo-breadcrumb-delimiter: " / ";
  --mo-radius: 6px;
  --mo-shadow: 0 2px 8px rgba(0,0,0,.08);
  --mo-shadow-hover: 0 8px 24px rgba(0,0,0,.12);
}

/* === RESET & BASE === */
*,*:before,*:after{box-sizing:border-box}
*{margin:0}
body{background:var(--mo-body);color:var(--mo-on-body);font-size:var(--mo-font-size);font-weight:400;line-height:var(--mo-line-height);font-family:var(--mo-font-family);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
svg:not(:root){overflow:hidden}
button{border:none;cursor:pointer;user-select:none;padding:0;font-family:var(--mo-font-family);background:none;overflow:hidden}
a{text-decoration:none}
a:hover{outline-width:0}

/* === TYPOGRAPHY === */
.txt-xxxl{font-size:calc(var(--mo-font-size)*1.8);line-height:1.15;font-family:var(--mo-font-family-heading);font-weight:800}
.txt-xxl{font-size:calc(var(--mo-font-size)*1.3);line-height:1.2;font-family:var(--mo-font-family-heading);font-weight:700}
.txt-xl{font-size:calc(var(--mo-font-size)*1.1);font-weight:600}
.txt-l{font-size:calc(var(--mo-font-size)*.8)}
.txt-m{font-size:calc(var(--mo-font-size)*.7)}
.txt-s{font-size:calc(var(--mo-font-size)*.6)}
@media(min-width:992px){
  .txt-xxxl{font-size:calc(var(--mo-font-size)*2.2)}
  .txt-xxl{font-size:calc(var(--mo-font-size)*1.7)}
  .txt-xl{font-size:calc(var(--mo-font-size)*1.3)}
  .txt-l{font-size:var(--mo-font-size)}
  .txt-m{font-size:calc(var(--mo-font-size)*.9)}
  .txt-s{font-size:calc(var(--mo-font-size)*.7)}
}
@media(min-width:1200px){
  .txt-xxxl{font-size:calc(var(--mo-font-size)*2.7)}
  .txt-xxl{font-size:calc(var(--mo-font-size)*1.9)}
  .txt-xl{font-size:calc(var(--mo-font-size)*1.4)}
}

/* === DISPLAY UTILITIES === */
.d-block{display:block}.d-none{display:none}
@media(min-width:768px){.d-md-block{display:block}.d-md-none{display:none}}
@media(min-width:992px){.d-lg-block{display:block}.d-lg-none{display:none}}
@media(min-width:1200px){.d-xl-block{display:block}.d-xl-none{display:none}}

/* === ICONS === */
.icon-wrapper{display:inline-flex;align-items:center;gap:6px}
.icon{display:inline-block;width:var(--mo-icon-dimen);height:var(--mo-icon-dimen);font-size:var(--mo-font-size);fill:currentColor;flex-shrink:0}
.icon.icon--medium{width:calc(var(--mo-icon-dimen)*1.5);height:calc(var(--mo-icon-dimen)*1.5)}
.icon.icon--large{width:calc(var(--mo-icon-dimen)*3);height:calc(var(--mo-icon-dimen)*3)}

/* === LAYOUT === */
.container{position:relative;width:100%;max-width:100%;margin-inline:auto;padding-inline:var(--mo-spacing)}
@media(max-width:728px){.container.pi-sm-none{padding-inline:0}}
.container .container__wrapper{display:flex;flex-direction:column;gap:var(--mo-space)}
.container.container--compact{max-width:920px}
@media(min-width:1400px){.container{max-width:1200px}}
@media(min-width:1600px){.container.container--expanded{max-width:calc(1600px - var(--mo-spacing))}}
.template-main-sidebar{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--mo-gap);margin-block:var(--mo-space)}
.template-main-sidebar .template-main-sidebar__sidebar{grid-column:5/7;display:flex;flex-direction:column;gap:var(--mo-gap)}
.template-main-sidebar .template-main-sidebar__main{grid-column:1/5;display:flex;flex-direction:column;gap:var(--mo-space)}
@media(max-width:1024px){.template-main-sidebar{grid-template-columns:1fr}.template-main-sidebar .template-main-sidebar__sidebar{grid-column:1}.template-main-sidebar .template-main-sidebar__main{grid-column:1}}
.template-main{margin-block:var(--mo-space);display:flex;flex-direction:column;gap:var(--mo-gap)}

/* === HEADER === */
.header{background:var(--mo-header);width:100%;max-width:100%;position:relative;overflow:hidden;z-index:9999;border-bottom:1px solid #f5e8ec}
.header .header__wrapper{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.header .header__wrapper .header__menu{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:4px;list-style:none;align-items:center}
@media(max-width:992px){.header .header__wrapper .header__menu{gap:0}}
.header .header__wrapper .header__menu .header__menu-item{align-items:center}
.header .header__wrapper .header__menu .header__menu-item a,
.header .header__wrapper .header__menu .header__menu-item button{color:var(--mo-on-header);font-weight:600;position:relative;padding:8px 14px;border-radius:var(--mo-radius);transition:all .25s ease;letter-spacing:.01em}
@media(max-width:992px){.header .header__wrapper .header__menu .header__menu-item a,.header .header__wrapper .header__menu .header__menu-item button{padding:calc(var(--mo-spacing)/2)}}
.header .header__wrapper .header__menu .header__menu-item a:hover,
.header .header__wrapper .header__menu .header__menu-item a.selected,
.header .header__wrapper .header__menu .header__menu-item button:hover,
.header .header__wrapper .header__menu .header__menu-item button.selected{background:var(--mo-header-accent);color:var(--mo-on-header-accent)}
.header .header__wrapper .header__menu .header__menu-item a:not(.selected):hover,
.header .header__wrapper .header__menu .header__menu-item button:not(.selected):hover{transform:translateY(-1px)}
.header .header__wrapper .header__brand{display:flex;align-items:center;padding:calc(var(--mo-spacing)/2) 0;max-width:100%;min-width:90px;height:auto}

/* === OFFCANVAS === */
.offcanvas{position:fixed;top:0;left:-100%;width:100%;height:100%;background:var(--mo-offcanvas);transition:left .3s ease,right .3s ease;z-index:9999;overflow-y:auto;visibility:hidden;pointer-events:none}
.offcanvas.offcanvas--open{left:0;visibility:visible;pointer-events:auto}
.offcanvas.offcanvas--close{left:-100%;visibility:hidden}
.offcanvas .offcanvas__menu{list-style:none;padding:0;margin-top:calc(var(--mo-icon-dimen)*1.5 + var(--mo-spacing)/2)}
.offcanvas .offcanvas__menu .offcanvas__menu-item{border-bottom:1px solid var(--mo-border-offcanvas)}
.offcanvas .offcanvas__menu .offcanvas__menu-item a{padding:var(--mo-spacing);font-weight:600;color:var(--mo-on-offcanvas);transition:all .3s ease;cursor:pointer}
.offcanvas .offcanvas__menu .offcanvas__menu-item.selected a{color:var(--mo-on-offcanvas-accent)}
.offcanvas .offcanvas__exit{position:absolute;top:0;right:10px;padding:var(--mo-spacing);color:var(--mo-on-offcanvas)}
.offcanvas .offcanvas__exit:hover{color:var(--mo-on-offcanvas-accent)}
html[dir=rtl] .offcanvas{left:auto;right:-100%}
html[dir=rtl] .offcanvas.offcanvas--open{right:0}
html[dir=rtl] .offcanvas.offcanvas--close{right:-100%}
html[dir=rtl] .offcanvas .offcanvas__exit{right:auto;left:10px}

/* === HERO === */
.hero{padding-block:var(--mo-space);position:relative;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08))}
.hero::after{background:var(--mo-hero);clip-path:polygon(0 0,100% 0,100% calc(100% - 1em),0 100%);height:100%}
.hero::before{clip-path:polygon(100% 0,0 0,0 calc(100% - 6em),100% 100%);background:var(--mo-hero);height:103%}
.hero::before,.hero::after{content:"";left:0;position:absolute;top:0;width:100%;z-index:-1}
.hero .hero__wrapper{text-align:center;color:var(--mo-on-hero);display:flex;flex-direction:column;gap:var(--mo-gap);max-width:720px;margin-inline:auto}
@media(max-width:719px){.hero .hero__wrapper{padding-inline:var(--mo-spacing)}}
.hero .hero__title{text-transform:uppercase;font-weight:900;color:var(--mo-on-hero-title);letter-spacing:.04em}
.hero a{color:var(--mo-on-hero-link);font-weight:700;transition:all .3s ease}
.hero a:hover{color:var(--mo-on-hero-link-accent)}

/* === LANDING === */
.landing{color:var(--mo-on-landing);position:relative}
.landing::before{content:"";left:0;position:absolute;top:0;width:100%;z-index:-1;background:var(--mo-landing);height:100%}
.landing .landing__wrapper{padding-block:var(--mo-space);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mo-gap)}
.landing .landing__wrapper:not(:has(.landing__media)){grid-template-columns:1fr}
.landing .landing__wrapper .landing__media{display:flex;justify-content:end;align-items:center}
.landing .landing__wrapper .landing__media img{aspect-ratio:1;height:auto;object-fit:cover;width:100%;max-width:300px;background-color:var(--mo-landing);border:4px solid rgba(0,0,0,.08);border-radius:54% 46% 46% 54%/58% 56% 44% 42%}
.landing .landing__wrapper .landing__media svg{max-width:100%;height:auto;filter:drop-shadow(10px 30px 20px rgba(80,80,80,.6))}
.landing .landing__wrapper .landing__content{display:flex;flex-direction:column;justify-content:center;gap:var(--mo-gap);grid-column:span 2}
.landing .landing__wrapper .landing__content .landing__title{color:var(--mo-on-landing-title);font-family:var(--mo-font-family-heading)}
.landing .landing__wrapper .landing__content a{color:var(--mo-on-landing-link);font-weight:700}
.landing .landing__wrapper .landing__content a:hover{color:var(--mo-on-landing-link-accent)}
@media(max-width:1024px){.landing .landing__wrapper{grid-template-columns:1fr}.landing .landing__wrapper .landing__content{grid-column:span 1}.landing .landing__wrapper .landing__media{align-items:center;justify-content:center}.landing .landing__wrapper .landing__media img{max-width:260px}}

/* === SEPARATOR === */
.separator{display:flex;align-items:center;justify-content:space-between;background:var(--mo-separator);box-shadow:-6px 6px 0 0 var(--mo-outline-separator);border-radius:0;border:2px solid var(--mo-on-separator)}
.separator .separator__link{color:var(--mo-on-separator-link);display:inline-flex;align-items:center;background:var(--mo-separator-link);padding:var(--mo-spacing);align-self:stretch;transition:background .3s ease}
.separator .separator__link svg{transition:transform .3s ease}
.separator .separator__link:hover svg{transform:rotate(360deg)}
.separator .separator__title{display:flex;align-items:center;flex:1;color:var(--mo-on-separator);text-transform:uppercase;width:100%;padding:var(--mo-spacing);font-family:var(--mo-font-family-heading);letter-spacing:.03em}
.separator .separator__title.separator__title--end{justify-content:flex-start}
.separator .separator__title.separator__title--center{justify-content:center;text-align:center}

/* === CATEGORIES === */
.categories{margin-block:var(--mo-space)}
.categories .categories__wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mo-gap)}
@media(max-width:1024px){.categories .categories__wrapper{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.categories .categories__wrapper{grid-template-columns:1fr}}
.category .category__body{overflow:hidden;display:block;border-radius:var(--mo-radius);backface-visibility:hidden;height:180px;position:relative;border:1px solid #f5e8ec}
.category .category__body .category__img{background-color:var(--mo-category);width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}
.category .category__body .category__img:hover{transform:scale(1.06)}
.category .category__body .category__title{font-weight:800;position:absolute;bottom:0;left:0;right:0;color:#fff;padding:var(--mo-spacing);background:linear-gradient(0deg,rgba(0,0,0,.65) 0%,transparent 100%);font-family:var(--mo-font-family-heading);letter-spacing:.02em}

/* === ENTRIES === */
.entries{margin-block:var(--mo-space)}
.entries .entries__wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mo-gap)}
@media(max-width:1024px){.entries .entries__wrapper{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.entries .entries__wrapper{grid-template-columns:1fr}}
.entry{grid-column:span 1;display:flex;flex-direction:column;background:var(--mo-entry);color:var(--mo-on-entry);border-radius:var(--mo-radius);border:1px solid #f5e8ec;overflow:hidden;transition:all .3s ease}
.entry:hover{box-shadow:var(--mo-shadow-hover);transform:translateY(-4px);border-color:#e8d0d6}
.entry .entry__title{color:var(--mo-on-entry-title);display:block;font-weight:700;font-family:var(--mo-font-family-heading);transition:color .3s ease}
.entry .entry__title:hover{color:var(--mo-on-entry-link-accent)}
.entry .entry__img{width:100%;height:240px;max-width:100%;overflow:hidden}
.entry .entry__img img{background-color:var(--mo-entry);width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}
.entry .entry__img img:hover{transform:scale(1.06)}
.entry .entry__body{flex:1 1 auto;gap:var(--mo-spacing);padding:var(--mo-spacing);display:flex;flex-direction:column}
.entry .entry__footer{padding-inline:var(--mo-spacing);padding-bottom:var(--mo-spacing);display:flex;flex-wrap:wrap;gap:var(--mo-spacing)}
.entry .entry__footer .entry__footer-link{color:var(--mo-on-entry-link);font-weight:700;transition:color .3s ease;text-transform:uppercase;font-size:.75em;letter-spacing:.06em}
.entry .entry__footer .entry__footer-link:hover{color:var(--mo-on-entry-link-accent)}

/* === PREVIEWS === */
.previews{margin-block:var(--mo-space)}
.previews .previews__wrapper{display:grid;gap:var(--mo-gap)}
.previews.previews--large .previews__wrapper{grid-template-columns:repeat(3,1fr)}
@media(max-width:1024px){.previews.previews--large .previews__wrapper{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.previews.previews--large .previews__wrapper{grid-template-columns:1fr}}
.previews.previews--medium .previews__wrapper{grid-template-columns:repeat(4,1fr)}
@media(max-width:1024px){.previews.previews--medium .previews__wrapper{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.previews.previews--medium .previews__wrapper{grid-template-columns:1fr}}
.previews.previews--small .previews__wrapper{grid-template-columns:repeat(6,1fr)}
@media(max-width:1024px){.previews.previews--small .previews__wrapper{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.previews.previews--small .previews__wrapper{grid-template-columns:repeat(2,1fr)}}
.preview{grid-column:span 1;display:flex;flex-direction:column;gap:calc(var(--mo-spacing)/2);overflow:hidden;transition:all .3s ease;text-align:center}
.preview .preview__img{width:100%;height:300px;overflow:hidden;border-radius:var(--mo-radius);background-color:var(--mo-preview);border:1px solid #f5e8ec}
.preview .preview__img img{background:var(--mo-preview);max-width:100%;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}
.preview .preview__title{color:var(--mo-on-preview-title);display:block;font-weight:700;line-height:1.4;font-family:var(--mo-font-family-heading);transition:color .3s ease}
.preview .preview__content{color:var(--mo-on-preview)}
.preview:hover .preview__img img{transform:scale(1.06)}
.preview:hover .preview__title{color:var(--mo-on-preview-title-accent)}

/* === AUTHORS === */
.authors{margin-block:var(--mo-space)}
.authors .authors__wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mo-gap)}
@media(max-width:1024px){.authors .authors__wrapper{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.authors .authors__wrapper{grid-template-columns:1fr}}
.author{position:relative;color:var(--mo-on-author);--mo-diameter-img:160px}
.author::after{background:var(--mo-author);content:"";height:calc(100% - var(--mo-diameter-img)/2);left:0;position:absolute;top:calc(var(--mo-diameter-img)/2);width:100%;z-index:-1;border-radius:var(--mo-radius);border:1px solid #f5e8ec}
.author .author__img{width:var(--mo-diameter-img);height:var(--mo-diameter-img);position:relative;z-index:1;overflow:hidden;border:3px solid #f5e8ec;border-radius:50%;background:var(--mo-author);margin:auto}
.author .author__img img{display:block;position:absolute;aspect-ratio:1;object-fit:cover;width:var(--mo-diameter-img);height:var(--mo-diameter-img);top:0;left:0;z-index:-1;transition:transform .3s ease}
.author .author__img img:hover{transform:scale(1.05)}
.author .author__title{color:var(--mo-on-author);font-weight:700;display:block;font-family:var(--mo-font-family-heading)}
.author .author__body{padding:var(--mo-spacing);display:flex;flex-direction:column;justify-content:center;gap:var(--mo-spacing);align-items:center;text-align:center}

/* === ARTICLE === */
.article{background:var(--mo-article);color:var(--mo-on-article);overflow:hidden}
.article .article__wrapper{word-break:break-word;padding:var(--mo-spacing)}
.article .article__wrapper>div,.article .article__wrapper>p,.article .article__wrapper>details,.article .article__wrapper>blockquote,.article .article__wrapper>ol,.article .article__wrapper>ul,.article .article__wrapper>dl{margin-block-end:var(--mo-gap)}
.article .article__wrapper>h2{display:flex;align-items:stretch;position:relative;color:var(--mo-on-article-heading);border:2px solid var(--mo-on-article-heading);padding:var(--mo-spacing);box-shadow:-6px 6px 0 0 var(--mo-outline-article-heading);background:var(--mo-article-heading);font-family:var(--mo-font-family-heading)}
.article .article__wrapper .ads{margin-block:var(--mo-gap)}
.article .article__wrapper>aside{margin-block-end:var(--mo-gap);padding:var(--mo-spacing);display:flex;flex-direction:column;gap:var(--mo-spacing)}
.article .article__wrapper .note{background:var(--mo-article-note);border:2px solid var(--mo-on-article-note);color:var(--mo-on-article-note);box-shadow:-6px 6px 0 0 var(--mo-outline-article-note)}
.article .article__wrapper .recommendations{background:var(--mo-article-recommendations);color:var(--mo-on-article-recommendations);border:2px solid var(--mo-on-article-recommendations);box-shadow:-6px 6px 0 0 var(--mo-outline-article-recommendations)}
.article .article__wrapper .recommendations .recommendations__item{display:flex;gap:var(--mo-spacing)}
.article .article__wrapper .recommendations .recommendations__item .recommendations__item-title{font-weight:800;text-transform:capitalize;color:var(--mo-on-article-recommendations);font-family:var(--mo-font-family-heading)}
.article .article__wrapper .recommendations .recommendations__item .recommendations__item-img{border-radius:var(--mo-radius);border:1px solid var(--mo-on-article-recommendations);width:100px;height:auto}
.article .article__wrapper .recommendations .recommendations__item .recommendations__item-content{display:flex;flex-direction:column;justify-content:flex-start}
.article .article__wrapper>h1,.article .article__wrapper>h2,.article .article__wrapper>h3,.article .article__wrapper>h4,.article .article__wrapper>h5{margin-block:var(--mo-gap);color:var(--mo-on-article-heading);font-family:var(--mo-font-family-heading)}
.article .article__wrapper dt{font-weight:800;text-transform:capitalize}
.article .article__wrapper dd{margin-block-end:var(--mo-spacing)}
.article .article__wrapper ul li::marker,.article .article__wrapper ol li::marker{color:var(--mo-article-any)}
.article .article__wrapper details summary{cursor:pointer;font-weight:500}
.article .article__wrapper details[open] summary{margin-block-end:var(--mo-spacing)}
.article .article__wrapper a:not(.pin):not(.social__item):not(.recommendations a){color:var(--mo-on-article-link);font-weight:700;background-image:linear-gradient(180deg,transparent 90%,var(--mo-on-article-link-accent) 0);background-repeat:no-repeat;background-size:0 100%;transition:background-size .6s cubic-bezier(.16,1,.3,1)}
.article .article__wrapper a:not(.pin):not(.social__item):not(.recommendations a):hover{color:var(--mo-on-article-link-accent);background-size:100% 100%}
.article figure{width:100%;margin:0;text-align:center;margin-block-end:var(--mo-gap)}
.article figure .article__player{position:relative;overflow:hidden;padding-top:56.25%;width:100%}
.article figure .article__player iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.article figure img{width:100%;height:auto;border-radius:var(--mo-radius)}
.article figure figcaption{padding:calc(var(--mo-spacing)/2);color:var(--mo-on-article);font-style:italic;opacity:.8}

/* === RECIPE === */
.recipe{background:var(--mo-recipe);color:var(--mo-on-recipe);overflow:hidden;padding:var(--mo-gap);border:2px solid var(--mo-on-recipe);box-shadow:-6px 6px 0 0 var(--mo-outline-recipe);border-radius:0 var(--mo-radius) 0 0}
.recipe .recipe__wrapper{display:flex;flex-direction:column;gap:var(--mo-gap)}
.recipe .recipe__title{color:var(--mo-on-recipe-title);text-align:center;font-family:var(--mo-font-family-heading)}
.recipe .recipe__highlight{color:var(--mo-on-recipe-highlight);font-weight:600}
.recipe .recipe__times{display:flex;padding-block:var(--mo-gap);border-top:2px solid var(--mo-recipe-separator);border-bottom:2px solid var(--mo-recipe-separator);justify-content:space-around}
.recipe .recipe__times .recipe__times-item{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center}
.recipe .recipe__separator{display:flex;align-items:center;flex:1;color:var(--mo-on-recipe-separator);font-family:var(--mo-font-family-heading)}
.recipe .recipe__interact-list{display:flex;flex-direction:column;gap:var(--mo-gap)}
.recipe .recipe__interact-list img{width:100%;height:auto;filter:grayscale(10%);border-radius:var(--mo-radius);transition:filter .4s ease}
.recipe .recipe__interact-list img.selected{filter:grayscale(90%)}
.recipe .recipe__interact-list .recipe__interact-list-content.selected{text-decoration:line-through}
.recipe .recipe__interact-list .recipe__interact-list-number{font-weight:800;background:var(--mo-recipe-number);color:var(--mo-on-recipe-number);border-radius:var(--mo-radius);text-align:center;padding:.3em .6em;margin-right:.5em;box-shadow:-4px 0 rgba(0,0,0,.14),0 3px 6px rgba(0,0,0,.3);display:inline-block;margin-left:4px;cursor:pointer;outline:none;user-select:none;transition:margin-left .4s ease,box-shadow .4s ease}
.recipe .recipe__interact-list .recipe__interact-list-number.selected{margin-left:0;text-decoration:line-through;box-shadow:0 3px 10px 0 rgba(0,0,0,.15)}
.recipe .recipe__static-list{counter-reset:list-counter;list-style-type:none}
.recipe .recipe__static-list li{counter-increment:list-counter;position:relative;margin-bottom:var(--mo-gap)}
.recipe .recipe__static-list li::before{content:counter(list-counter);position:absolute;left:-30px;top:0;background:var(--mo-recipe-number);color:var(--mo-on-recipe-number);width:24px;height:24px;text-align:center;line-height:24px;font-size:14px;font-weight:bold;border-radius:var(--mo-radius);box-shadow:0 3px 6px rgba(0,0,0,.3)}
.recipe .recipe__static-list li::after{content:"";border-left:2px solid var(--mo-recipe-separator);position:absolute;bottom:0;left:-20px;top:40px;text-align:center}
.recipe .recipe__details .recipe__details-summary{cursor:pointer}
.recipe .recipe__details .recipe__details-content{margin-top:var(--mo-spacing)}
.recipe a{color:var(--mo-on-recipe-link);font-weight:bold}
.recipe a:hover{color:var(--mo-on-recipe-link-accent)}

/* === RELATED ENTRIES === */
.related_entries{display:flex;flex-direction:column;gap:var(--mo-gap)}
.related_entries .related_entries__title{text-align:center;font-weight:700;background-color:var(--mo-related-entry);color:var(--mo-on-related-entry);padding:calc(var(--mo-gap)/2);border:2px solid var(--mo-on-related-entry);font-family:var(--mo-font-family-heading)}
.related_entries .related_entries__item{display:flex;background-color:var(--mo-related-entry);border:1px solid #f5e8ec;border-radius:var(--mo-radius);overflow:hidden;transition:all .3s ease}
.related_entries .related_entries__item:hover{box-shadow:var(--mo-shadow-hover);transform:translateY(-2px)}
.related_entries .related_entries__item:hover .related_entries__item-content{color:var(--mo-on-related-entry-accent)}
.related_entries .related_entries__item .related_entries__item-img{width:120px;height:112px;object-fit:cover}
.related_entries .related_entries__item .related_entries__item-content{display:flex;flex-direction:column;justify-content:space-around;padding:var(--mo-gap);color:var(--mo-on-related-entry);font-weight:700;line-height:1.4;font-family:var(--mo-font-family-heading)}

/* === FAQ === */
.faqs{margin-block:var(--mo-space);display:flex;flex-direction:column;gap:var(--mo-space)}
.faqs .faqs__wrapper{width:100%;display:flex;flex-direction:column;gap:var(--mo-gap)}
.faq{color:var(--mo-on-faq);background:var(--mo-faq);padding:var(--mo-gap);border:1px solid #f5e8ec;border-radius:var(--mo-radius);transition:all .3s ease}
.faq[open]{box-shadow:var(--mo-shadow);border-color:#e8d0d6}
.faq .faq__question{font-weight:600;cursor:pointer;font-family:var(--mo-font-family-heading)}
.faq .faq__answer{margin-top:var(--mo-gap);display:flex;flex-direction:column;gap:var(--mo-gap)}
.faq .faq__answer ol,.faq .faq__answer ul,.faq .faq__answer dl{padding-inline-start:12px}
.faq .faq__answer dt{font-weight:700}
.faq .faq__answer dd{margin-block-end:calc(var(--mo-spacing)/2)}

/* === CONTACT === */
.contacts{margin-block:var(--mo-space)}
.contacts .contacts__wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--mo-gap)*2)}
@media(max-width:1024px){.contacts .contacts__wrapper{grid-template-columns:1fr}}
.contact{grid-column:span 1;background:var(--mo-contact);color:var(--mo-on-contact);border:1px solid #f5e8ec;border-radius:var(--mo-radius);overflow:hidden;padding:var(--mo-gap)}
.contact .contact__body{padding:var(--mo-spacing);display:flex;flex-direction:column;gap:var(--mo-gap)}
.contact .contact__title{font-weight:700;color:var(--mo-on-contact);display:flex;align-items:center;font-family:var(--mo-font-family-heading)}
.contact .contact__subtitle{font-weight:600;color:var(--mo-on-contact)}
.contact ul,.contact ol,.contact dl{list-style:none;padding:0;display:flex;flex-direction:column;word-break:break-word;gap:var(--mo-spacing)}

/* === CHIPS === */
.chips{margin-block:var(--mo-space)}
.chips .chips__wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--mo-spacing)}
.chip{border-radius:var(--mo-radius);background:var(--mo-chip);color:var(--mo-on-chip);font-weight:600;padding:calc(var(--mo-spacing)/2) var(--mo-spacing);transition:all .25s ease;text-align:center;justify-content:center;box-shadow:0 3px 0 var(--mo-on-chip);border:2px solid var(--mo-on-chip);display:inline-flex;align-items:center;gap:var(--mo-spacing)}
.chip .chip-img{background-color:var(--mo-chip);object-fit:cover;display:block;width:42px;height:42px;border-radius:50%}
.chip:hover{transform:translateY(2px);box-shadow:0 1px 0 var(--mo-on-chip)}

/* === KEYPOINTS === */
.keypoints{margin-block:calc(var(--mo-gap)*2)}
.keypoints .keypoints__wrapper{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;gap:calc(var(--mo-gap)*2);padding:0}
@media(max-width:1260px){.keypoints .keypoints__wrapper{grid-template-columns:1fr}}
.keypoints .keypoints__wrapper .keypoints__card{background:var(--mo-keypoints-card);color:var(--mo-on-keypoints-card);display:grid;grid-template-columns:1fr 3fr;overflow:hidden;width:100%;transition:all .3s ease;border:1px solid #f5e8ec;border-radius:var(--mo-radius)}
@media(min-width:1261px){.keypoints .keypoints__wrapper .keypoints__card:nth-child(odd){grid-column:1/span 10}.keypoints .keypoints__wrapper .keypoints__card:nth-child(even){grid-column:3/span 10}}
@media(max-width:1260px){.keypoints .keypoints__wrapper .keypoints__card{grid-column:1}}
@media(max-width:728px){.keypoints .keypoints__wrapper .keypoints__card{display:flex;flex-direction:column}}
.keypoints .keypoints__wrapper .keypoints__card .keypoints__card-svg{padding:var(--mo-gap);display:flex;align-items:center;justify-content:center}
.keypoints .keypoints__wrapper .keypoints__card .keypoints__card-svg svg{max-width:100%;height:auto;width:100%;color:var(--mo-on-keypoints-card);fill:var(--mo-on-keypoints-card)}
@media(max-width:1260px){.keypoints .keypoints__wrapper .keypoints__card .keypoints__card-svg svg{width:60%}}
.keypoints .keypoints__wrapper .keypoints__card .keypoints__card-content{padding:var(--mo-gap);gap:var(--mo-spacing);display:flex;flex-direction:column}
.keypoints .keypoints__wrapper .keypoints__card .keypoints__card-content ol,.keypoints .keypoints__wrapper .keypoints__card .keypoints__card-content ul{padding-inline-start:24px}

/* === BREADCRUMB === */
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--mo-spacing)/4);padding:0;position:relative}
.breadcrumb .breadcrumb__item{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.breadcrumb .breadcrumb__item:not(:last-child)::after{content:var(--mo-breadcrumb-delimiter);padding:0 calc(var(--mo-spacing)/2);opacity:.5}

/* === META === */
.meta{display:flex;align-items:center;gap:var(--mo-spacing)}
.meta .meta__img{border-radius:50%;width:60px;height:60px;object-fit:cover;display:block;border:2px solid #f5e8ec}
.meta .meta__content{display:flex;flex-direction:column;justify-content:center}

/* === LOGO === */
.logo{white-space:nowrap;transition:all .3s ease;max-width:100%;width:auto}
.logo:hover{transform:scale(1.03)}

/* === SEARCH === */
.search{background:var(--mo-search);color:var(--mo-on-search);padding:calc(var(--mo-spacing)/2);transition:all .3s ease;border:1px solid #f5e8ec;border-radius:var(--mo-radius);min-height:86px}
.search .gsc-search-box{margin-bottom:0!important}
.search .gsc-input-box{height:42px!important}
.search .gsc-search-button{height:42px!important}

/* === PAGINATION === */
.pagination{display:flex;justify-content:center}
.pagination .pagination__wrapper{list-style:none;padding:0;margin:0;display:flex;gap:calc(var(--mo-spacing)/2)}
.pagination .pagination__wrapper .pagination__item{display:flex}
.pagination .pagination__wrapper .pagination__item a{display:block;padding:8px 14px;background-color:var(--mo-pagination-enabled);color:var(--mo-on-pagination-enabled);text-decoration:none;border-radius:var(--mo-radius);transition:all .25s ease;font-weight:600}
.pagination .pagination__wrapper .pagination__item a:hover{background-color:var(--mo-pagination-accent);color:var(--mo-on-pagination-accent);transform:translateY(-1px)}
.pagination .pagination__wrapper .pagination__item.disabled span{display:block;padding:8px 14px;background-color:var(--mo-pagination-disabled);color:var(--mo-on-pagination-disabled);border-radius:var(--mo-radius);cursor:not-allowed;font-weight:600}

/* === PIN === */
.pin-wrapper{position:relative}
.pin-wrapper .pin{position:absolute;height:34px;top:16px;left:16px;background-color:#bd081c;color:#fff;font-weight:700;padding:8px 12px;border-radius:var(--mo-radius);text-decoration:none}

/* === SOCIAL === */
.social{display:flex;flex-direction:column;gap:var(--mo-spacing);text-align:center;justify-content:center}
.social .social__title{font-weight:700;font-family:var(--mo-font-family-heading)}
.social .social__items{display:flex;align-items:center;flex-wrap:wrap;gap:var(--mo-spacing);justify-content:center}
.social .social__item{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:var(--mo-radius);background-color:var(--mo-social-item);text-decoration:none;transition:all .3s ease}
.social .social__item svg{color:var(--mo-on-social-item);fill:var(--mo-on-social-item);width:18px;height:18px}
.social .social__item:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.2)}

/* === FOOTER === */
.footer{margin-block:var(--mo-space);display:flex;flex-direction:column;align-items:center;gap:var(--mo-gap)}
.footer .footer__copyright{margin-block-start:calc(var(--mo-gap)/2);color:#000;font-weight:700;text-align:center}
.footer .footer__body{background:var(--mo-footer);width:100%;max-width:100%;position:relative;padding:calc(var(--mo-spacing)*2.5) 0;border-radius:var(--mo-radius)}
.footer .footer__body .footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--mo-spacing)/2) var(--mo-spacing);padding:0}
.footer .footer__body .footer__nav .footer__nav-item{list-style:none;display:inline-flex}
.footer .footer__body .footer__nav .footer__nav-item>*{color:var(--mo-on-footer);font-weight:600;transition:color .3s ease}
.footer .footer__body .footer__nav .footer__nav-item>*:hover,.footer .footer__body .footer__nav .footer__nav-item>*.selected{color:var(--mo-on-footer-accent)}
.footer .footer__body .footer__nav .footer__nav-item>*:not(.selected):hover{color:var(--mo-on-footer-accent)}

/* === ACTIONS === */
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mo-spacing)}
.actions a{text-decoration:none!important;border:2px solid var(--mo-on-action)!important;color:var(--mo-on-action)!important;font-weight:700!important;border-radius:var(--mo-radius)!important;padding:calc(var(--mo-spacing)/2) var(--mo-spacing)!important;transition:all .25s ease!important;cursor:pointer;letter-spacing:.02em}
.actions a:hover{background:var(--mo-action-accent)!important;color:var(--mo-on-action-accent)!important;transform:translateY(-1px)}

/* === SUBSCRIBE === */
.subscribe{margin-block:var(--mo-space);padding-block:calc(var(--mo-space)*1.5);background:linear-gradient(135deg,#fff5f7 0%,#fce8ed 40%,#f2d0d9 100%);border-radius:20px;position:relative;overflow:hidden}
.subscribe::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(181,84,63,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.subscribe::after{content:'';position:absolute;bottom:-30px;left:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(45,90,71,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.subscribe .subscribe__wrapper{display:flex;flex-direction:column;align-items:center;gap:calc(var(--mo-gap)*0.8);text-align:center;max-width:520px;margin:0 auto;padding:calc(var(--mo-gap)*2.5) calc(var(--mo-gap)*2);position:relative;z-index:1}
.subscribe .subscribe__badge{display:inline-flex;align-items:center;gap:6px;background:#1e1e1e;color:#fff;padding:6px 16px;border-radius:50px;font-size:.8rem;font-weight:600;font-family:var(--mo-font-family);letter-spacing:.06em;text-transform:uppercase}
.subscribe .subscribe__badge svg{opacity:.85}
.subscribe .subscribe__title{font-family:var(--mo-font-family-heading);font-weight:800;color:#1e1e1e;letter-spacing:.01em;line-height:1.2}
.subscribe .subscribe__title em{font-style:italic;color:#DC7F91;position:relative}
.subscribe .subscribe__title em::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:3px;background:#DC7F91;border-radius:2px;opacity:.3}
.subscribe .subscribe__description{color:#5a4a3a;max-width:420px;line-height:1.6}
.subscribe .subscribe__form{width:100%;max-width:440px}
.subscribe .subscribe__input-group{display:flex;gap:10px;width:100%;background:#fff;border:2px solid #f5e8ec;border-radius:60px;padding:6px 6px 6px 20px;transition:all .35s ease;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.subscribe .subscribe__input-group:focus-within{border-color:#DC7F91;box-shadow:0 4px 20px rgba(181,84,63,.12)}
@media(max-width:500px){.subscribe .subscribe__input-group{flex-direction:column;border-radius:16px;padding:12px}}
.subscribe .subscribe__input-wrapper{display:flex;align-items:center;gap:8px;flex:1}
.subscribe .subscribe__icon{color:#DC7F91;flex-shrink:0}
.subscribe .subscribe__input{border:none;background:transparent;padding:12px 0;width:100%;font-family:var(--mo-font-family);font-size:inherit;color:#1e1e1e;outline:none}
.subscribe .subscribe__input::placeholder{color:#c09099}
.subscribe .subscribe__button{display:inline-flex;align-items:center;gap:6px;background:#DC7F91;color:#fff;border:none;border-radius:50px;padding:12px 28px;font-weight:700;font-family:var(--mo-font-family);font-size:inherit;cursor:pointer;transition:all .3s ease;white-space:nowrap;letter-spacing:.02em;flex-shrink:0}
@media(max-width:500px){.subscribe .subscribe__button{width:100%;justify-content:center;border-radius:12px;padding:14px 28px}}
.subscribe .subscribe__button:hover{background:#963e2c;transform:translateY(-1px);box-shadow:0 4px 16px rgba(181,84,63,.3)}
.subscribe .subscribe__button:active{transform:translateY(0)}
.subscribe .subscribe__button:disabled{background:#e8a8b5;cursor:not-allowed;transform:none;box-shadow:none}
.subscribe .subscribe__button-arrow{transition:transform .3s ease}
.subscribe .subscribe__button:hover .subscribe__button-arrow{transform:translateX(3px)}
.subscribe .subscribe__msg{text-align:center;min-height:1.2em;margin-top:4px}
.subscribe .subscribe__msg--success{color:#000000;font-weight:600}
.subscribe .subscribe__msg--error{color:#DC7F91;font-weight:600}
.subscribe .subscribe__privacy{color:#DC7F91;text-align:center;margin-top:-4px;letter-spacing:.01em}