<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Chocolate Cottage Cheese Blend — Flavourish</title>
<meta name="description" content="Simple high-protein chocolate cottage cheese blend with cocoa, honey, and milk. Quick blender snack.">
<style>
:root{--bg:#fffaf6;--card:#ffffff;--accent:#5c4033;--muted:#6b7280;--max:720px}
html,body{height:100%;margin:0;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial;color:#111;background:var(--bg)}
.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px}
.card{width:100%;max-width:var(--max);background:var(--card);border-radius:12px;box-shadow:0 8px 24px rgba(16,24,40,.06);padding:20px}
h1{font-size:20px;margin:0 0 8px;color:var(--accent)}
p.lead{margin:0 0 12px;color:#222}
.meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.pill{font-size:12px;background:#f3f4f6;padding:6px 8px;border-radius:999px;color:var(--muted)}
.section{margin:14px 0}
ul{margin:8px 0 0 18px;padding:0}
li{margin:6px 0}
.instructions{background:#f9fafb;padding:12px;border-radius:8px}
.footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:var(--muted);font-size:13px}
@media (max-width:520px){.card{padding:16px}h1{font-size:18px}}
</style>
</head>
<body>
<div class="wrap">
<article class="card" role="article">
<header>
<h1>Chocolate Cottage Cheese Blend</h1>
<p class="lead">Smooth, creamy, high-protein chocolate blend. Quick and sweet fix that actually tastes good.</p>
<div class="meta">
<div class="pill">High Protein</div>
<div class="pill">Snack</div>
<div class="pill">5 Minutes</div>
</div>
</header>
<section class="section">
<