/* Page /gamme — complète content-page.css + editorial-premium.css déjà
   chargés (hero 22ch, data-piece/flip, CTA final : tous confirmés
   identiques à pourquoi-moltow, réutilisés tels quels). Propre à cette
   page : texte de présentation en prose simple (pas le manifeste 2 colonnes
   de pourquoi-moltow), bande comparative de prix ul[data-compare].
   Repris de moltow-08-2026/gamme/index.html. */

body { margin: 0; line-height: 1.6; }

main p {
  line-height: 1.65;
}
main .prose {
  max-width: 70ch;
  margin-inline: auto;
  color: var(--ink-soft);
  text-align: center;
}
main .prose p {
  line-height: 1.75;
}

/* Liens directs secondaires dans un item d'équipement (électroménager) —
   absent de pourquoi-moltow, donc pas encore dans editorial-premium.css */
main > section[data-piece] ul[data-equipements] > li > nav {
  margin: -0.15rem 0 0.45rem 2.5rem;
  font-size: 0.74rem;
  color: var(--ink-mute);
}
main > section[data-piece] ul[data-equipements] > li > nav a {
  color: var(--terra);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
main > section[data-piece] ul[data-equipements] > li > nav a:hover {
  color: var(--terra-dark);
}

/* Bande comparative de prix */
main section ul[data-compare] {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: var(--measure);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  gap: var(--gutter);
}
main section ul[data-compare] article {
  height: 100%;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.4rem 1.5rem;
  box-shadow: var(--shadow-sm);
  transition: 0.2s;
  text-align: center;
}
main section ul[data-compare] article:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
}
main section ul[data-compare] article > h3 {
  margin-bottom: 0.6rem;
}
main section ul[data-compare] article > p {
  color: var(--ink-soft);
  font-size: var(--step--1);
  margin: 0;
}
main section ul[data-compare] article > p > strong[data-stat] {
  display: block;
  font-size: var(--step-2);
  font-weight: 900;
  color: var(--terra);
  line-height: 1.1;
  margin-bottom: 0.35rem;
}
main section p[data-note-compare] {
  max-width: 52rem;
  margin: 1.8rem auto 0;
  text-align: center;
  color: var(--ink-soft);
  font-size: var(--step--1);
}