.event-options,
.beer-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.event-options label,
.beer-options label { display: grid; gap: 8px; font-weight: 800; }
.event-options select,
.beer-options select,
.beer-options input {
  width: 100%;
  border: 1px solid #c4d7e9;
  border-radius: 12px;
  padding: 13px;
  background: #fff;
  color: #07346d;
  font: inherit;
}
.beer-options[hidden] { display: none; }
.embedded .top,
.embedded footer { display: none; }
.embedded main { width: min(1180px, calc(100% - 24px)); }
.embedded .hero { margin-top: 12px; }
@media (max-width: 600px) {
  .event-options, .beer-options { grid-template-columns: 1fr; }
}