/* Hotfix polish after Apple header rollout */

/* 1) Desktop header layout: centered search without overlap */
@media (min-width: 1180px){
  .cd-public .cd-sticky-shell .cd-wrap{width:min(1480px,calc(100% - 44px))!important}
  .cd-public .cd-sticky-shell .cd-header{
    display:grid!important;
    grid-template-columns:auto minmax(420px,620px) minmax(360px,1fr) auto!important;
    align-items:center!important;
    column-gap:18px!important;
    min-height:98px!important;
    overflow:visible!important;
  }
  .cd-public .cd-header .cd-brand{grid-column:1;justify-self:start!important;min-width:0}
  .cd-public .cd-header .cd-header-search{
    position:relative!important;
    left:auto!important;top:auto!important;transform:none!important;
    grid-column:2;justify-self:center!important;
    width:min(100%,620px)!important;max-width:620px!important;
    margin:0!important;
    z-index:2!important;
  }
  .cd-public .cd-header .cd-header-search:hover{transform:translateY(-1px)!important}
  .cd-public .cd-header .cd-header-search:focus-within{transform:translateY(-1px) scale(1.003)!important}
  .cd-public .cd-header nav{
    grid-column:3;
    min-width:0;
    margin-left:0!important;
    justify-content:flex-end!important;
    gap:clamp(10px,1vw,18px)!important;
    padding-right:0!important;
    flex-wrap:nowrap!important;
    position:static!important;
    z-index:3!important;
  }
  .cd-public .cd-header .cd-lang-menu{
    grid-column:4;
    justify-self:end!important;
    margin-left:0!important;
    z-index:3!important;
  }
}

/* 2) Mega menu full header width again */
.cd-public .cd-header{position:relative!important;overflow:visible!important}
.cd-public .cd-header nav,.cd-public .cd-nav-categories{position:static!important}
.cd-public .cd-nav-categories[open] .cd-mega-menu,
.cd-public .cd-mega-menu{
  left:0!important;
  right:0!important;
  width:auto!important;
  max-width:none!important;
}
.cd-public .cd-nav-categories[open] .cd-mega-menu{
  position:absolute!important;
  top:calc(100% - 1px)!important;
  z-index:30!important;
  border-radius:0 0 26px 26px!important;
  padding:28px 34px 32px!important;
  box-shadow:0 28px 56px rgba(17,35,26,.16)!important;
}
.cd-public .cd-menu-groups{grid-template-columns:repeat(4,minmax(180px,1fr))!important}

/* 3) Favorite indicator dot in header */
.cd-public .cd-header nav .cd-favorites-open.cd-nav-icon{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.cd-public .cd-favorites-open.has-items::after{
  content:""!important;
  position:absolute!important;
  right:-3px!important;
  top:-3px!important;
  width:10px!important;
  height:10px!important;
  border:2px solid rgba(255,255,255,.96)!important;
  border-radius:50%!important;
  background:#ff6541!important;
  box-shadow:0 3px 10px rgba(255,101,65,.35)!important;
  pointer-events:none!important;
}

/* 4) Detail hero image: larger and vertically centered to left content */
.cd-public .cd-recipe-hero{
  grid-template-columns:minmax(0,1fr) minmax(520px,1.12fr)!important;
  gap:58px!important;
  align-items:center!important;
  padding:78px 0 56px!important;
}
.cd-public .cd-recipe-hero > :first-child{
  align-self:center!important;
}
.cd-public .cd-hero-image{
  display:block!important;
  width:100%!important;
  height:clamp(500px,58vh,700px)!important;
  max-height:700px!important;
  object-fit:cover!important;
  object-position:center center!important;
  align-self:center!important;
}

/* Large desktop balance */
@media (min-width: 1440px){
  .cd-public .cd-detail-wrap{width:min(1440px,calc(100% - 44px))!important}
  .cd-public .cd-recipe-hero{grid-template-columns:minmax(0,1fr) minmax(560px,1.08fr)!important}
}

/* Tablet */
@media (min-width: 901px) and (max-width:1179px){
  .cd-public .cd-sticky-shell .cd-wrap{width:min(1380px,calc(100% - 36px))!important}
  .cd-public .cd-header{
    display:grid!important;
    grid-template-columns:auto minmax(300px,1fr) auto auto!important;
    align-items:center!important;
    column-gap:14px!important;
  }
  .cd-public .cd-header .cd-header-search{
    grid-column:2!important;
    width:100%!important;
    max-width:560px!important;
    justify-self:center!important;
  }
  .cd-public .cd-header nav{grid-column:3!important;justify-content:flex-end!important;gap:12px!important;position:static!important}
  .cd-public .cd-header .cd-lang-menu{grid-column:4!important}
  .cd-public .cd-recipe-hero{grid-template-columns:minmax(0,1fr) minmax(380px,1fr)!important;gap:34px!important;align-items:center!important}
  .cd-public .cd-hero-image{height:clamp(400px,46vw,560px)!important}
}

/* Mobile remains stacked */
@media (max-width:900px){
  .cd-public .cd-recipe-hero{grid-template-columns:1fr!important;gap:26px!important;padding:42px 0 38px!important}
  .cd-public .cd-hero-image{height:min(58vw,360px)!important;max-height:none!important;order:-1!important}
  .cd-public .cd-nav-categories[open] .cd-mega-menu{padding:20px!important}
  .cd-public .cd-menu-groups{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}