/* but-0710 (07/10, Romain): fiches But. « Ceux qu'on préfère » label of each card, anchor clear of the header, and on
   phones a fixed « On préfère » bar (the merchant bar's look, assets/css/main.css .barre-achat). Loaded on But fiches only. */
#modeles-comparables { scroll-margin-top: 96px; }
.but-prefere .equivalent__raison .but-etiquette { display: block; margin-bottom: 0.2rem; font-weight: 650; color: var(--anthracite); }
.but-barre { display: none; }
@media (max-width: 700px) {
  .but-barre { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 35; padding: 0.6rem 16px calc(0.6rem + env(safe-area-inset-bottom, 0px));
    background: rgba(250, 249, 246, 0.94); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2);
    border-top: 1px solid var(--trait); box-shadow: 0 -18px 40px rgba(37, 39, 43, 0.14); transform: translateY(110%); transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.1, 1); }
  .but-barre.est-visible { transform: none; }
  .but-barre .but-barre__bouton { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; width: 100%; min-height: 52px; margin: 0; box-sizing: border-box;
    background: #fff; color: var(--anthracite); border: 1px solid var(--trait); border-left: 4px solid var(--moutarde); border-radius: 12px; padding: 0 0.9rem 0 1rem; font: 600 0.95rem/1.15 var(--sans); text-decoration: none; }
  .but-barre .cta__texte { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 0 0.35rem; min-width: 0; text-transform: none; }
  .but-barre .cta__chez { font: italic 400 1.05em/1.1 var(--serif); color: var(--bleu); }
  .but-barre .cta__fleche { flex: none; width: 18px; height: 18px; color: var(--bleu); }
  body.avec-but-barre { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
}
@media (prefers-reduced-motion: reduce) { .but-barre { transition: none; } }