.selection-lead { font-weight: 500; }
.product-narrative .selection-points { margin: 1.25rem 0 0; padding-left: 1.2em; list-style: disc; }
.selection-points li { padding-left: .2em; margin: .7em 0; line-height: 1.85; }
.product-options .variant-size-button {
  box-sizing: border-box;
  flex: 0 0 64px;
  width: 64px;
  min-width: 64px;
  padding-inline: 4px;
  white-space: nowrap;
}
.variant-size-button small { white-space: nowrap; }
.product-options .variant-size-button:only-child {
  flex-basis: auto;
  width: max-content;
}
.variant-color-row { grid-template-columns: minmax(0,1fr) 208px; }
/* Four or five supplier sizes stay fully visible, not hidden in a scroller. */
.variant-color-row:has(.variant-size-button:nth-child(4)) {
  grid-template-columns: minmax(0,1fr);
  gap: 10px;
}
.variant-size-buttons:has(.variant-size-button:nth-child(4)) {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 4px;
}
.variant-size-buttons:has(.variant-size-button:nth-child(5)) {
  grid-template-columns: repeat(5,minmax(0,1fr));
}
.product-options .variant-size-buttons:has(.variant-size-button:nth-child(4)) .variant-size-button {
  min-width: 0;
  width: 100%;
  padding-inline: 2px;
}
@media (max-width: 380px) {
  .variant-color-row { grid-template-columns: minmax(0,1fr); gap: 10px; }
}