/* bezveze.com, stranice recepata */
.recipe{display:flex;flex-direction:column;gap:18px;margin-top:8px}
.eyebrow{display:flex;gap:12px;align-items:center;font-family:var(--mono);font-size:.85rem;color:var(--muted)}
.hero-img{margin:0;border-radius:18px;overflow:hidden;background:var(--line);aspect-ratio:3/2;max-width:100%}
.hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.body{display:flex;flex-direction:column;gap:14px;font-size:1.06rem;line-height:1.65}
.body p{max-width:65ch}
.body h2{font-size:1.45rem;margin-top:14px}
.body ul,.body ol{margin:0;padding:18px 22px 18px 44px;background:var(--card);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:6px}
.body ul li::marker{color:var(--red)}
.body ol li::marker{font-family:var(--mono);color:var(--red)}
.body a{color:var(--sea)}
.gallery h2{font-size:1.3rem;margin-bottom:12px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.gal a{display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--line)}
.gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.gal a:hover img{transform:scale(1.04)}
.cta{margin-top:40px;background:var(--ink);color:var(--paper);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px}
.cta p{color:color-mix(in srgb,var(--paper) 75%,transparent)}
.cta a:not(.btn){color:var(--tag)}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:24px}
.rc{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.rc:hover{border-color:var(--ink);transform:translateY(-2px)}
.rc img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:var(--line)}
.rc div{padding:16px;display:flex;flex-direction:column;gap:6px}
.rc h2{font-size:1.25rem}
.rc p{font-size:.92rem;color:var(--muted)}