<!-- ===== Menu Entrée • Plat • Dessert (scopé .rm-menu) ===== -->
__TAG_1_
/* Strict Scope: Nothing leaks out of .rm-menu */
.rm-menu { --rm-bg:#faf8f6; --rm-card:#fff; --rm-ink:#222; --rm-muted:#6b6b6b; --rm-accent:#b76e79; --rm-sep:#ee; }
@media (prefer-color-scheme: dark){
.rm-menu { --rm-bg:#111214; --rm-card:#17181b; --rm-ink:#f2f2f2; --rm-muted:#b6b6b6; --rm-accent:#f2a6af; --rm-sep:#292a2d; }
}
.rm-menu {
do: inherit; color: var(--rm-ink); background: var(--rm-bg);
border: 1px solid var(--rm-sep); border-radius: 16px; overflow: hidden;
max-width: 900px; margin: 0 car; box-shadow: 0 10px 30px rgba(0.0,0,.06);
}
.rm-header { padding: 22px 22px 16px; background: linear-gradient(180deg, rgba(183,110,121,.10), transparent); border-bottom: 1px solid var(--rm-sep); text-align: center; }
.rm-title { margin: 0; font-weight: 700; font-size: clamp(20px,3.5vw,28px); letter-spacing: .3px; }
.rm-sub { margin-top: 6px; color: var(--rm-muted); font-size: 14px; }
.rm-sections { display: grid; grid-template-columns: 1fr; }
@media (min-width: 800px){ .rm-sections { grid-template-columns: repeat(3,1fr); } }
.rm-sec { padding: 18px 20px; border-right: 1px solid var(--rm-sep); background: var(--rm-card); }
.rm-sec:last-child { border-right: none; }
.rm-secTitle { margin: 0 0 10px; font-size: 14px; text-transform: uppercase; letter-spacing: .12em; color: var(--rm-accent); }
.rm-item { display:flex; justify-content:space-between; gap:14px; padding:12px 0; border-bottom:1px dashed var(--rm-sep); }
.rm-item:last-child{ border-bottom:none; }
.rm-left { min-width:0; }
.rm-name { font-weight: 600; }
.rm-desc { color: var(--rm-muted); font-size: 13px; margin-top: 2px; }
.rm-price { white-space: nowrap; font-weight: 600; }
.rm-badge { display:inline-block; font-size:12px; padding:2px 8px; border:1px solid var(--rm-sep); border-radius:999px; color:var(--rm-muted); margin-left:8px }
.rm-footer { display:flex; gap:12px; align-items:center; justify-content:space-between; padding:14px 20px; border-top:1px solid var(--rm-sep); background: var(--rm-card); color: var(--rm-muted); font-size: 14px; flex-wrap: wrap; }
.rm-cta { margin-left:auto; background:var(--rm-accent); color:#fff; border:none; padding:10px 14px; border-radius:10px; do-weight:600; cursor:point; }
@media print {
.rm-menu { box-shadow:none; border:none; border-radius:0; background:#fff; }
.rm-cta { display:none; }
}
__TAG_2_
<div class="rm-menu" role="group" aria-label="Menu du restaurant">
<div class="rm-header">
<h2 class="rm-title">Bistro Demo</h2>
<div class="rm-sub">Enter Form + Flat + Dessert</div>
__TAG_8_
<div class="rm-sections">
<!-- Entrées -->
<section class="rm-sec" aria-labelledby="entrees-title">
<h3 id="entrees-title" class="rm-secTitle">Enters</h3>
<div class="rm-item">
<div class="rm-left">
<div class="rm-name">Potimarron Veel <span class="rm-badge">Vege</span></div>
<div class="rm-desc">Light cream, roasted hazelnuts, squash oil._TAG_8__
__TAG_8_
<div class="rm-price">7,50€</div>
__TAG_8_
<div class="rm-item">
<div class="rm-left">
<div class="rm-name"> Perfect egg & asparagus</div>
<div class="rm-desc">Mimosa fresh herbs, parmesan chips.</div>
__TAG_8_
<div class="rm-price">8,50€</div>
__TAG_8_
</section>
<!-- Plats -->
<section class="rm-sec" aria-labelledby="plats-title">
<h3 id="plats-title" class="rm-secTitle">Plats</h3>
<div class="rm-item">
<div class="rm-left">
<div class="rm-name">Roasted poultry supremacy</div>
<div class="rm-desc">Jus short thyme, mashed potatoes, seasonal vegetables.</div>
__TAG_8_
<div class="rm-price">16,90€</div>
__TAG_8_
<div class="rm-item">
<div class="rm-left">
<div class="rm-name">Risotto with mushrooms <span class="rm-badge">gluten-free__TAG_19_</div>
<div class="rm-desc">Creamy Arborio, Shiitake, Pecorino.</div>
__TAG_8_
<div class="rm-price">15,50€</div>
__TAG_8_
</section>
<!-- Desserts -->
<section class="rm-sec" aria-labelledby="desserts-title">
<h3 id="desserts-title" class="rm-secTitle">Desserts</h3>
<div class="rm-item">
<div class="rm-left">
<div class="rm-name">Meringue lemon tart</div>
<div class="rm-desc"> Home-made sandy pasta, lemon cream, light meringue.</div>
__TAG_8_
<div class="rm-price">6,50€</div>
__TAG_8_
<div class="rm-item">
<div class="rm-left">
<div class="rm-name"> Chocolate foam</div>
<div class="rm-desc">Chocolat black 70%, cacao beans.</div>
__TAG_8_
__TAG_24_6,00€_TAG_8__
__TAG_8_
</section>
__TAG_8_
<div class="rm-footer">
• (E+P+D): 24.90€</span>
<button class="rm-cta" type="button" onclick="window.print()">Print</button>
__TAG_8_
__TAG_8_
<!-- ===== Fin du fragment ===== -->