.option-group {
  grid-column:1/-1
}
.opts {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
  gap:0 8px
}
.crow {
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  align-items:start;
  gap:8px
}
.crow .cbase {
  padding-top:5px
}
.crows {
  display:grid;
  gap:6px
}
.cbase {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-width:170px;
  font-weight:600;
  font-size:.9375rem
}
.singles .option-group {
  grid-column:auto
}
.singles {
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr))
}
@media(max-width:700px) {
  .crow {
    grid-template-columns:minmax(0,1fr)
  }
}