.recipe-page{padding:36px 0 80px}.breadcrumb{color:var(--muted);font-size:13px;margin-bottom:18px}.recipe-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.recipe-cover{order:-1}.recipe-cover img{width:100%;height:440px;object-fit:cover;border-radius:30px}.recipe-intro h1{font-size:clamp(34px,4vw,52px);line-height:1.45;color:var(--primary);margin:14px 0}.recipe-intro>p{font-size:16px;color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:24px 0}.facts div{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 7px;text-align:center}.facts b,.facts small{display:block}.facts b{color:var(--primary);font-size:13px}.facts small{font-size:10px;color:var(--muted)}.recipe-content{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:24px;align-items:start;margin-top:48px;scroll-margin-top:95px}.ingredients,.steps{background:#fff;border:1px solid var(--border);border-radius:24px;padding:26px}.ingredients{position:sticky;top:100px}.content-title span{color:var(--sage);font-size:12px;font-weight:700}.content-title h2{color:var(--primary);font-size:28px;margin:2px 0 18px}.ingredients ul{list-style:none;padding:0;margin:0}.ingredients li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;border-bottom:1px dashed var(--border);padding:12px 0}.ingredients li span{color:var(--primary);font-weight:700}.ingredients li small{grid-column:1/-1;color:var(--muted)}.step{display:grid;grid-template-columns:46px 1fr minmax(180px,260px);gap:16px;align-items:start;padding:22px 0;border-top:1px solid var(--border)}.step-number{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:800}.step-copy h3{margin:3px 0 8px;color:var(--primary)}.step-copy p{margin:0}.step img{width:100%;height:170px;object-fit:cover;border-radius:16px}.content-warning{background:#fff4dc;color:#7d5a16;padding:16px;border-radius:12px}@media(max-width:900px){.recipe-hero,.recipe-content{grid-template-columns:1fr}.recipe-cover{order:0}.ingredients{position:static}.recipe-cover img{height:380px}}@media(max-width:620px){.recipe-cover img{height:285px;border-radius:20px}.facts{grid-template-columns:1fr 1fr}.ingredients,.steps{padding:18px}.step{grid-template-columns:42px 1fr}.step img{grid-column:1/-1;height:auto}}
.recipe-comments{max-width:960px;margin:48px auto 0}.comments-heading{text-align:center}.comments-heading h2{color:var(--primary)}.comment-list,.comment-form{background:#fff;border:1px solid var(--border);border-radius:24px;padding:22px;margin-top:18px}.comment-item{display:grid;grid-template-columns:44px 1fr;gap:12px;margin:0 0 14px;padding:14px;border-radius:18px;background:#f8faf6;margin-right:calc(var(--comment-depth) * 24px)}.fruit-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#fff;font-size:23px}.comment-head{display:flex;gap:8px;flex-wrap:wrap}.comment-head span{font-size:10px;background:var(--primary);color:#fff;padding:2px 8px;border-radius:20px}.comment-head time{font-size:11px;color:var(--muted);margin-right:auto}.comment-main>button,.reply-note button{border:0;background:transparent;color:var(--primary);font-weight:700}.comment-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.comment-form label{display:block;font-weight:700}.comment-form input,.comment-form textarea{display:block;width:100%;margin:5px 0 12px;border:1px solid var(--border);border-radius:12px;padding:11px}.reply-note{display:flex;justify-content:space-between;background:#eef4e8;padding:9px;border-radius:12px}.comments-empty{text-align:center;padding:18px}@media(max-width:700px){.comment-fields{grid-template-columns:1fr}.comment-item{margin-right:calc(var(--comment-depth) * 9px);padding:10px}}