/* Single-line form subjects use the same 44px control height across desktop and mobile. */
main :is(
  input[class~="h-10"]:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select[class~="h-10"],
  [role="combobox"][class~="h-10"],
  button[aria-haspopup="listbox"][class~="h-10"]
) {
  height: 44px;
}

main button[data-text-action],
main button[aria-label="Sign in with Google"] {
  min-height: 44px;
  height: 44px;
}

main button[aria-label="Sign in with Google"] {
  overflow: hidden;
}

main button[aria-label="Sign in with Google"] img {
  width: 198px;
  height: 44px;
}

main button[aria-label="Open product filters"] {
  width: 44px;
  height: 44px;
}

main :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  [role="combobox"],
  button[data-text-action],
  button[aria-haspopup="listbox"]
) {
  min-width: 0;
}

main :is(select, [role="combobox"], button[data-text-action], button[aria-haspopup="listbox"]) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}