/* MAILLAGE 07/10 (scripts/maillage-0710, inc/maillage-0710.php): the « Affiner » row past 8 bubbles is cut in labelled
   groups (Couleurs, Matières, Marques...), with chips above it that scroll the row to a group; the « Voir la suite »
   marker lists the other sofas of the selection as plain links until filtres.js puts their cards in the grid. */
.mx07-groupes { flex-wrap: wrap; row-gap: 0.55rem; }
.mx07-tete { display: flex; flex: 0 0 100%; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.9rem; }
.mx07-puces { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.mx07-puce { display: inline-flex; align-items: center; gap: 0.35rem; min-height: 36px; padding: 0.3rem 0.8rem; border: 1px solid var(--trait, #d7d5cf); border-radius: 999px; background: transparent; color: var(--anthracite, #2b2d31); font: 500 0.76rem/1 var(--sans); cursor: pointer; transition: border-color 0.2s ease; }
.mx07-puce .num { color: var(--feutre, #6b6d70); font-size: 0.7rem; }
.mx07-puce:hover { border-color: var(--anthracite, #2b2d31); }
.mx07-puce:focus-visible { outline: 3px solid var(--moutarde, #d4a017); outline-offset: 2px; }
.mx07-groupes .af-rail { flex: 0 0 100%; }
.af-bulles li.mx07-sep { display: flex; align-items: flex-start; align-self: stretch; padding: 0.4rem 0.1rem 0 0.9rem; border-left: 1px solid var(--trait, #d7d5cf); font: 600 0.62rem/1.2 var(--sans); letter-spacing: 0.12em; text-transform: uppercase; color: var(--feutre, #6b6d70); white-space: nowrap; scroll-snap-align: start; }
.af-bulles li.mx07-sep:first-child { padding-left: 0; border-left: 0; }
.mx07-suite { margin-top: 1rem; }
.mx07-suite__titre { margin: 0 0 0.4rem; font: 600 0.72rem/1.3 var(--sans); letter-spacing: 0.08em; text-transform: uppercase; color: var(--feutre, #6b6d70); }
.mx07-suite ul { display: flex; flex-wrap: wrap; gap: 0.3rem 1.1rem; margin: 0; padding: 0; list-style: none; font-size: 0.86rem; }
.mx07-suite a { display: inline-block; padding-block: 0.35rem; }
@media (max-width: 640px) {
  .mx07-puces { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--gutter, 1rem)); padding-inline: var(--gutter, 1rem); }
  .mx07-puces::-webkit-scrollbar { display: none; }
  .mx07-puce { flex: none; }
  .mx07-groupes .dk-bulles__lib::after { content: none !important; }
}
@media (prefers-reduced-motion: reduce) { .mx07-puce { transition: none; } }