/*
 * MAYANA GLOBAL — ENGLISH RECIPE PRESENTATION STANDARD v2.0.22
 * --------------------------------------------------------------------------
 * PRESENTATION-ONLY CONTRACT
 * - Applies to existing and future English Mayana structured recipe pages.
 * - Does not write post/meta/options and does not alter stored translations.
 * - Does not participate in provider routing, Translation Memory, queue,
 *   repair, QA, Core shadow generation, publication or sitemap logic.
 * - Keep content wording exactly as translated; this file only controls visual
 *   hierarchy, rhythm, responsive layout and consistent component treatment.
 */

.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone{
  --mgge-presentation-content-max:1320px;
  --mgge-presentation-reading-max:860px;
  --mgge-presentation-hero-copy-max:900px;
  --mgge-presentation-actions-max:390px;
  --mgge-presentation-radius:14px;
  --mgge-presentation-media-radius:18px;
  --mgge-presentation-ink:#1f1d1a;
  --mgge-presentation-muted:#6e6860;
  --mgge-presentation-gold:#b8893e;
  --mgge-presentation-border:#e7ddcf;
  --mgge-presentation-soft:#fbf8f2;
}

/* One page-width rhythm for all English recipes. */
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mgge-wrap{
  max-width:1380px!important;
  margin-inline:auto!important;
  padding-inline:30px!important;
}
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mgge-source-structured-content .mayana-v6-shell{
  width:100%!important;
  max-width:var(--mgge-presentation-content-max)!important;
  margin-inline:auto!important;
  padding-top:18px!important;
}
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mgge-breadcrumb{
  width:100%!important;
  max-width:var(--mgge-presentation-content-max)!important;
  margin:0 auto 20px!important;
  color:#756f67!important;
  font-size:13px!important;
  line-height:1.45!important;
}

/*
 * Category context already exists in the breadcrumb. Core/localized documents
 * may or may not carry a hero eyebrow, so hide it consistently rather than
 * allowing only some recipes to show e.g. "TURKISH DESSERTS" above the H1.
 */
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v6-hero__title > .mayana-v6-eyebrow{
  display:none!important;
}

/* Stable hero proportions regardless of title length or optional video action. */
@media (min-width:1025px){
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-hero{
    grid-template-columns:minmax(0,1fr) minmax(330px,var(--mgge-presentation-actions-max))!important;
    column-gap:clamp(36px,4vw,64px)!important;
    row-gap:0!important;
    align-items:end!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-hero .mayana-v6-hero__copy{
    width:100%!important;
    max-width:var(--mgge-presentation-hero-copy-max)!important;
    min-width:0!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-hero .mayana-v64-quick-actions{
    width:100%!important;
    max-width:var(--mgge-presentation-actions-max)!important;
    justify-self:end!important;
    align-self:end!important;
  }
}

/* H1 hierarchy: consistent scale, natural wrapping, no content rewriting. */
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v6-hero__title h1{
  max-width:960px!important;
  margin-top:0!important;
  margin-bottom:8px!important;
  color:var(--mgge-presentation-ink)!important;
  font-size:clamp(46px,3.65vw,64px)!important;
  line-height:1.01!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v6-hero__title p,
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v6-hero__subtitle{
  max-width:860px!important;
  margin-top:0!important;
  color:var(--mgge-presentation-muted)!important;
  font-size:17.5px!important;
  line-height:1.48!important;
  text-wrap:pretty;
}
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v6-byline{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px 14px!important;
  margin-top:17px!important;
  color:#6f6962!important;
  font-size:13px!important;
  line-height:1.4!important;
}

/* One visual language for the editorial short-answer card. */
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-recipe-short-answer{
  width:100%!important;
  max-width:var(--mgge-presentation-hero-copy-max)!important;
  margin-top:21px!important;
  padding:19px 21px!important;
  border:1px solid var(--mgge-presentation-border)!important;
  border-left:3px solid #c69a4b!important;
  border-radius:12px!important;
  background:var(--mgge-presentation-soft)!important;
  box-shadow:0 6px 20px rgba(40,28,12,.025)!important;
}
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-recipe-short-answer h2{
  margin:0 0 8px!important;
  color:var(--mgge-presentation-ink)!important;
  font-size:clamp(22px,1.75vw,28px)!important;
  line-height:1.16!important;
  letter-spacing:-.026em!important;
  text-wrap:balance;
}
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-recipe-short-answer p{
  margin-bottom:0!important;
  color:#4c453d!important;
  font-size:15.5px!important;
  line-height:1.64!important;
  text-wrap:pretty;
}

/* Stable action-card treatment whether Watch Video exists or not. */
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-quick-actions{
  padding:12px!important;
  gap:10px!important;
  border:1px solid rgba(25,25,25,.11)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(30,22,14,.035)!important;
}
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-quick-actions a,
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-quick-actions a.is-primary{
  min-height:58px!important;
  padding:11px 14px!important;
  border:1px solid rgba(25,25,25,.13)!important;
  border-radius:9px!important;
  background:#fff!important;
  line-height:1.15!important;
  text-align:center!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-quick-actions a.is-primary{
  background:#f9f4eb!important;
  border-color:var(--mgge-presentation-gold)!important;
  color:#674510!important;
}
@media (hover:hover){
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-quick-actions a:hover{
    background:#f8f6f2!important;
    border-color:var(--mgge-presentation-gold)!important;
    transform:translateY(-1px)!important;
  }
}

/* Hero image always starts on the same rhythm and uses the same radius. */
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-hero__media{
  margin-top:28px!important;
}
.mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-hero__media .mayana-v6-gallery__stage{
  overflow:hidden!important;
  border-radius:var(--mgge-presentation-media-radius)!important;
  background:#f3f0eb!important;
}

/* Tablet: keep hierarchy, stack naturally, do not alter the stored document. */
@media (max-width:1024px){
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mgge-wrap{
    padding-inline:20px!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v6-hero__title h1{
    max-width:900px!important;
    font-size:clamp(40px,6vw,54px)!important;
    line-height:1.03!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-quick-actions{
    width:100%!important;
    margin-top:20px!important;
    padding:10px!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-hero__media{
    margin-top:23px!important;
  }
}

/* Mobile: compact but still editorial, readable and consistent. */
@media (max-width:620px){
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mgge-wrap{
    padding-inline:14px!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mgge-source-structured-content .mayana-v6-shell{
    padding-top:8px!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mgge-breadcrumb{
    margin-bottom:14px!important;
    font-size:12px!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v6-hero__title h1{
    margin-bottom:7px!important;
    font-size:clamp(34px,10vw,42px)!important;
    line-height:1.04!important;
    letter-spacing:-.038em!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v6-hero__title p,
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v6-hero__subtitle{
    font-size:16px!important;
    line-height:1.5!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v6-byline{
    margin-top:13px!important;
    gap:5px 10px!important;
    font-size:12.5px!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-recipe-short-answer{
    margin-top:17px!important;
    padding:15px 16px!important;
    border-radius:11px!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-recipe-short-answer h2{
    font-size:22px!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-recipe-short-answer p{
    font-size:15px!important;
    line-height:1.6!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-quick-actions{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:16px!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-quick-actions .is-primary{
    grid-column:auto!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-quick-actions a,
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-quick-actions a.is-primary{
    min-height:52px!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-hero__media{
    margin-top:18px!important;
  }
  .mgge-presentation-v1.mgge-lang-en.mgge-mayana-recipe-clone .mayana-v64-hero__media .mayana-v6-gallery__stage{
    border-radius:14px!important;
  }
}