/* 1.9.71 (cases de 100 px : « À la commande » en entier) — 1.9.70 — Tailles sur une seule ligne qu'on fait défiler au doigt (le thème forçait une rangée qui sortait de l'écran).
   Toutes les cases ont la même largeur ; fondu à droite tant qu'il reste des tailles à voir. */
body#product .product-actions .product-variants-item ul.cb-tailles-cases,
body#product ul.cb-tailles-cases {
  display: flex !important; flex-wrap: nowrap !important; grid-template-columns: none !important;
  gap: 8px; margin: 0; padding: 2px 2px 6px; list-style: none;
  overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; scrollbar-width: none;
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent);
          mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent);
}
body#product ul.cb-tailles-cases::-webkit-scrollbar { display: none; }
body#product ul.cb-tailles-cases.cb-tailles-fin { -webkit-mask-image: none; mask-image: none; }
body#product ul.cb-tailles-cases > li.cb-taille-case { flex: 0 0 100px; width: 100px; float: none; margin: 0; scroll-snap-align: start; }
body#product ul.cb-tailles-cases > li.cb-taille-case label { width: 100%; padding: 6px 3px; }
body#product ul.cb-tailles-cases .cb-taille-etat { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
body#product ul.cb-tailles-cases > li.cb-plus-tailles { display: none !important; }
@media (min-width: 992px) {
  body#product ul.cb-tailles-cases { scrollbar-width: thin; }
}