<!-- ✅ Dolci Directory Snippet (HEAD) -->
<link rel="stylesheet" href="/engine/dolci1/dolci-hero.css">
<script defer src="/engine/dolci1/dolci-hero.js"></script>

<!-- Optional: consistent wine card styling (safe even if not used on a page) -->
<style>
  .wine-pairing{ margin-top:24px; }
  .wine-card{
    border:1px solid var(--border,#e5e7eb);
    border-radius:14px;
    background:#fff;
    padding:14px;
    display:grid;
    grid-template-columns: 220px 1fr;
    gap:14px;
    align-items:center;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
  }
  @media(max-width:640px){
    .wine-card{ grid-template-columns:1fr; text-align:center; }
  }
  .wine-media{
    background:#f8fafc;
    border:1px solid var(--border,#e5e7eb);
    border-radius:12px;
    padding:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:320px;
  }
  .wine-media img{
    width:100%;
    height:320px;
    object-fit:contain;
    display:block;
  }
  .wine-title{ margin:0 0 6px 0; font-size:1.05rem; }
  .wine-notes{ margin:0; color:var(--muted,#555); line-height:1.55; font-size:.95rem; }
  .wine-actions{ margin-top:12px; display:flex; gap:10px; flex-wrap:wrap; }
  @media(max-width:640px){ .wine-actions{ justify-content:center; } }
  .wine-actions a{
    display:inline-block;
    padding:10px 14px;
    border-radius:999px;
    text-decoration:none;
    font-weight:800;
    background:var(--brand,#8b1e3f);
    color:#fff;
  }
  .wine-actions a.secondary{ background:#111827; }
</style>
<!-- ✅ End Dolci Directory Snippet (HEAD) -->