/* /meilleur-canape/ (reprise du 30/09) : verdict par usage en haut, méthode, tableau et questions sous la grille.
   Chargé sur cette page seulement (inc/meilleur-canape.php). Tokens de main.css. */

.pilier-verdict { margin: 0.4rem auto 1.6rem; }
.pilier-verdict__tete { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.3rem 1.5rem; border-bottom: 2px solid var(--anthracite); padding-bottom: 0.5rem; margin-bottom: 0.2rem; }
.pilier-verdict__tete h2 { margin: 0; font-size: var(--t-xl); letter-spacing: -0.02em; }
.pilier-verdict__maj { margin: 0; font: 400 var(--t-sm)/1.4 var(--sans); color: var(--feutre); }
.pilier-verdict__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; }
.pilier-verdict__item { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 0.3rem 0.9rem; align-items: center; padding: 0.7rem 0; border-bottom: 1px solid var(--trait); }
.pilier-verdict__photo img { display: block; width: 72px; height: 54px; object-fit: cover; border-radius: 6px; background: var(--platre-2); }
.pilier-verdict__texte { display: flex; flex-direction: column; min-width: 0; }
.pilier-verdict__usage { font: 700 var(--t-xs)/1.3 var(--sans); text-transform: uppercase; letter-spacing: 0.06em; color: var(--bleu); }
.pilier-verdict__nom { font: 600 var(--t-md)/1.3 var(--sans); color: var(--anthracite); text-decoration: none; }
.pilier-verdict__nom:hover, .pilier-verdict__nom:focus-visible { text-decoration: underline; }
.pilier-verdict__raison { font: 400 var(--t-xs)/1.4 var(--sans); color: var(--feutre); }
.pilier-verdict__chiffres { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1rem; white-space: nowrap; font-size: var(--t-sm); }
.pilier-verdict__prix { color: var(--feutre); }
.pilier-verdict__liens { display: flex; flex-wrap: wrap; gap: 0.4rem 1.4rem; margin: 0.8rem 0 0; font: 600 var(--t-sm)/1.4 var(--sans); }
.pilier-verdict__liens a { color: var(--bleu-2); }

.pilier-bloc { padding-block: clamp(1.8rem, 4vw, 3rem); border-top: 1px solid var(--trait); }
.pilier-bloc h2 { font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.1rem); letter-spacing: -0.02em; margin: 0 0 1rem; }
.pilier-methode { max-width: var(--lecture); padding-left: 1.1rem; margin: 0 0 1rem; line-height: 1.6; }
.pilier-methode li + li { margin-top: 0.5rem; }
.pilier-tableau td, .pilier-tableau th { white-space: nowrap; }
.pilier-tableau th[scope="row"] { white-space: normal; min-width: 14rem; }
.pilier-bulles { margin-top: 1.2rem; }

@media (max-width: 760px) {
  .pilier-verdict__liste { grid-template-columns: minmax(0, 1fr); }
  .pilier-verdict__item { grid-template-columns: 56px minmax(0, 1fr) auto; gap: 0.2rem 0.7rem; padding: 0.55rem 0; }
  .pilier-verdict__photo img { width: 56px; height: 42px; }
  .pilier-verdict__raison { display: none; }
}