/* =====================================================================
   ToolScope — blocs orientés prix : courbe d'évolution en haut de fiche
   et « Meilleures offres du moment » de l'accueil. Complète style.css
   (mêmes variables), chargée après elle.
   ===================================================================== */

/* ---------- Évolution du prix (haut de fiche, au-dessus des offres) ---------- */
.bloc-evolution { border-top: 1px solid var(--bord); padding-top: 16px; margin: 16px 0; }
.bloc-evolution h2 { font-size: 1rem; margin: 0 0 8px; }
.bloc-evolution .hp-graphique { display: block; width: 100%; height: auto; max-height: 200px; }
.bloc-evolution .hp-graphique .hp-grille { stroke: var(--bord); stroke-width: 1; }
.bloc-evolution .hp-graphique .hp-axe { fill: var(--texte-2); font-size: 12px; font-family: var(--police); }
.bloc-evolution .hp-resume { font-size: .9rem; margin: 8px 0 2px; color: var(--texte); }
.bloc-evolution .hp-resume .badge { vertical-align: 1px; }
.bloc-evolution .hp-sous-titre { font-size: .78rem; margin: 2px 0 0; }
.bloc-evolution .hp-sous-titre a { color: inherit; }

/* ---------- Meilleures offres du moment (accueil) ---------- */
.bloc-bonplans { margin-top: 8px; }
.bonplans-intro { color: var(--texte-2); font-size: .9rem; margin: 0 0 14px; max-width: 70ch; }
.grille-bonplans { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
.carte-bonplan .carte-visuel { position: relative; }
.pastille-reduction {
  position: absolute; top: 10px; left: 10px;
  background: var(--accent); color: var(--accent-texte);
  font-family: var(--titre); font-weight: 700; font-size: 1.05rem; letter-spacing: .02em;
  padding: 3px 9px; border-radius: var(--rayon);
  font-variant-numeric: tabular-nums;
}
.bonplan-kit { font-size: .78rem; margin: 2px 0 0; line-height: 1.3; }
.bonplan-pied { flex-direction: column; align-items: flex-start; gap: 2px; }
.bonplan-prix small { font-size: .78rem; }
.bonplan-moyenne { font-size: .8rem; color: var(--texte-2); }
.bonplan-moyenne { font-variant-numeric: tabular-nums; }
.bonplan-moyenne small { white-space: nowrap; }
.bonplan-veille { font-size: .85rem; color: var(--texte-2); margin-left: 4px; }

@media print {
  .bloc-bonplans { display: none; }
}
.bonplan-chez { display: block; }