.product-list-controls {
  padding: 0 0 var(--hs-spacing-base) 0;
}

.product-list-controls__sorting-selector {
  width: fit-content;
}

.product-list-controls__filter-drawer-button {
  margin-left: 0;
  margin-right: 0;
}

/* Amount label left, (mobile) sorting selector right - one line, vertically centered */
.product-list-controls__amount-and-reset.flex--direction-column {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  gap: calc(var(--hs-spacing-base) * 2);
}

/* !important: the component's inline style sets align-self start/center per breakpoint */
.product-list-controls__amount-label {
  align-self: center !important;
}

/* No stray margins on the sorting field inside the row */
.product-list-controls__amount-and-reset .field,
.product-list-controls__amount-and-reset .select-base {
  margin: 0;
}

/* Center the whole controls row vertically against the right-hand controls */
.product-list-controls .flex--justify-content-space-between {
  align-items: center;
}