/* COMPARATIFS BY UNIVERS (04/11): the picker at the head of the filter bar (inc/duels-univers.php) and the mattress
   pages (comparatifs-matelas.php, comparatif-matelas.php). Site palette only: anthracite, bronze, mustard, no green. */
.duels-univers { display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem 0.8rem; margin: 0 0 0.6rem; }
.duels-univers__label { font: 650 0.72rem/1 var(--sans); letter-spacing: 0.05em; text-transform: uppercase; color: var(--feutre); }
.duels-univers__liste { display: flex; flex-wrap: nowrap; gap: 0.35rem; overflow-x: auto; scrollbar-width: none; padding: 2px 1px; }
.duels-univers__liste::-webkit-scrollbar { display: none; }
.duels-univers .duels-univers__choix { flex: none; display: inline-flex; align-items: center; gap: 0.35rem; min-height: 36px; padding: 0.4rem 0.9rem; border: 1px solid var(--trait); border-radius: 999px; background: var(--blanc); color: var(--anthracite); font: 600 0.9rem/1.1 var(--sans); text-decoration: none; white-space: nowrap; }
.duels-univers .duels-univers__choix .num { font: 500 0.74rem/1 var(--sans); color: var(--feutre); }
.duels-univers .duels-univers__choix:hover { border-color: var(--anthracite); }
.duels-univers .duels-univers__choix.est-active { background: var(--anthracite); border-color: var(--anthracite); color: var(--blanc); }
.duels-univers .duels-univers__choix.est-active .num { color: color-mix(in srgb, var(--blanc) 75%, transparent); }
@media (max-width: 760px) {
  /* phone: the picker stays visible above the « Filtres » button, inside the sticky bar */
  .sel-barre .duels-univers { margin-bottom: 0.45rem; }
  .duels-univers__label { display: none; }
  .duels-univers .duels-univers__choix { min-height: 34px; padding: 0.35rem 0.75rem; font-size: 0.86rem; }
}

/* Mattress hub */
.comparatifs--lit .filtres-duels { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1.8rem; padding: 0.7rem 1rem; margin: 0; border-radius: 14px; }
.comparatifs--lit .sel-section--duels h2 .num { font: 500 0.9rem/1 var(--sans); color: var(--feutre); margin-left: 0.3rem; }
.comparatifs--lit .duel-tuile[hidden] { display: none; }
.comparatifs--lit .duel-famille { margin-top: 1.5rem; }

/* Mattress duel: the price block borrows the card markup (promos.js), not its card look */
.duel-lit__prix.carte { display: block; padding: 0; margin: 0.35rem 0 0.2rem; border: 0; background: none; box-shadow: none; transform: none; }
.duel-lit__prix .carte__pied { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.2rem 0.5rem; padding: 0; border: 0; }
.duel-lit__prix .carte__prix { font: 650 1.25rem/1.2 var(--sans); color: var(--anthracite); }
.duel-lit__taille { font: 500 0.82rem/1.2 var(--sans); color: var(--feutre); }
.duel--lit .carte__variante { margin: 0.15rem 0 0; color: var(--feutre); font-size: 0.88rem; }