/* ===== RECIPE DETAIL ===== */
.recipe-hero{
  width:100%; aspect-ratio:16/6.5; border-radius:28px; overflow:hidden; margin-bottom:44px;
  box-shadow:0 20px 40px rgba(59,36,24,.10);
}
.recipe-hero img{width:100%; height:100%; object-fit:cover;}

.recipe-layout{display:grid; grid-template-columns:1fr 320px; gap:64px; align-items:start; margin-bottom:48px;}
.recipe-main h1{font-size:38px; margin-bottom:14px;}
.recipe-meta{display:flex; gap:16px; font-size:14px; color:var(--brown-muted); margin-bottom:20px;}
.recipe-desc{font-size:16px; color:var(--brown-muted); max-width:640px; margin-bottom:36px;}
.recipe-main h2{font-size:22px; margin-bottom:18px;}

.recipe-steps{list-style:none; display:flex; flex-direction:column; gap:22px;}
.recipe-steps li{display:flex; gap:18px; align-items:flex-start; font-size:15.5px; line-height:1.6; color:var(--brown);}
.step-num{
  flex-shrink:0; width:32px; height:32px; border-radius:50%; background:var(--green); color:var(--cream);
  display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:14px; font-weight:600;
}

.recipe-sidebar{background:var(--cream); border-radius:24px; padding:32px 28px; position:sticky; top:24px;}
.recipe-ingredients{list-style:none; display:flex; flex-direction:column; gap:12px;}
.recipe-ingredients li{
  font-size:14.5px; color:var(--brown); padding-bottom:12px; border-bottom:1px solid var(--line);
}
.recipe-ingredients li:last-child{border-bottom:none; padding-bottom:0;}

@media (max-width:900px){
  .recipe-layout{grid-template-columns:1fr;}
  .recipe-sidebar{position:static;}
}