/* Fixed, responsive order-hall filters: all four choices stay inside the viewport. */
.hall-a-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: clamp(4px, 1.8vw, 8px);
  overflow: visible;
  scrollbar-width: auto;
  touch-action: pan-y;
  overscroll-behavior-x: none;
}

.hall-a-filters button {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 7px clamp(3px, 1.8vw, 9px);
  flex: none;
  font-size: clamp(9px, 2.8vw, 12px);
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  overflow-wrap: normal;
}

.hall-a-filters button svg {
  width: clamp(12px, 3.5vw, 15px);
  height: clamp(12px, 3.5vw, 15px);
  flex: 0 0 auto;
}

@media (max-width: 370px) {
  .hall-a-filters {
    gap: 4px;
  }

  .hall-a-filters button {
    padding-right: 2px;
    padding-left: 2px;
    font-size: clamp(9px, 2.9vw, 11px);
  }
}