Круассаны

<section class="product-card">
Нежные воздушные мини‑круассаны с четырьмя изысканными начинками: кета собственного посола, отварной говяжий язык, сочная ветчина, сыр и карбонад. Идеальны для завтрака, деловых встреч и фуршетов — вкус и элегантность в каждом укусе.
</p>
<div class="blocks">
  <div class="block">
    <h3>Состав</h3>
    <ul>
      <li>Мини-круассан с семгой и свежим огурцом — 1 шт.</li>
<li>Мини-круассан с говяжьим языком и соленым огурцом — 1 шт.</li>
<li>Мини-круассан с сыром гауда и сливочным маслом — 1 шт.</li>
<li>Мини-круассан с ветчиной и помидором — 2 шт.</li>
<li>Мини-круассан с карбонатом и болгарским перцем — 2 шт.</li>
    </ul>
    <p class="hint">
      <strong>Итого:</strong> 7 шт.
    </p>
  </div>
  <details class="block"><summary><strong>Состав (подробно)</strong></summary>
    <p>
Антиокислитель, ветчина варёная, вода питьевая, горчица «Дижонская», дрожжи хлебопекарные, карбонад варёно‑копчёный, кета слабосолёная, кетчуп, майонез, масло сливочное, мини‑круассан (мука пшеничная в/с, огурцы свежие, огурцы солёные, болгарский перец, помидоры, пшеничная клейковина, салат «Айсберг», сахар, соль, творожный сыр, ферментные препараты микробного происхождения), хрен сливочный, говяжий язык, яйцо.
    </p>
  </details>
  <div class="block notice">
    <strong>Внимание</strong>
    <p>
      Сервировочные доски и тарелки в комплект не входят.<br>
      Возможны следы глютена, орехов, молочного белка, яиц, кунжута, сои, а также ракообразных и моллюсков.
    </p>
  </div>
</div>
</section>
<style>
  .product-card{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;max-width:760px;padding:16px;border:1px solid #e6e6e6;border-radius:14px;line-height:1.35}
  .product-card h1{margin:0 0 8px;font-size:22px}
  .product-card p{margin:0 0 12px;color:#222}
  .blocks{display:grid;gap:12px}
  .block{padding:12px;border:1px solid #eee;border-radius:12px;background:#fafafa}
  .block h3{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#444}
  ul{margin:0;padding-left:18px}
  li{margin:6px 0}
  li small{display:block;margin-top:4px;opacity:.85}
  .hint{margin:10px 0 0;opacity:.9}
  details summary{cursor:pointer}
  details p{margin:10px 0 0;color:#333}
  .notice{background:#fff6f6;border-color:#ffd0d0}
  .notice strong{display:block;margin-bottom:4px;color:#b30000}
</style>