.container {
  --scroll-margin-top: calc(
    var(--booking-widget-mobile-height) + var(--Spacing-x2)
  );
  display: grid;
  gap: var(--Spacing-x2);
  scroll-margin-top: var(--scroll-margin-top);
}

.listHeader {
  display: flex;
  justify-content: space-between;
}

.cityList {
  list-style: none;
  display: grid;
  gap: var(--Spacing-x2);
}

@media screen and (min-width: 768px) {
  .container {
    --scroll-margin-top: calc(
      var(--booking-widget-desktop-height) + var(--Spacing-x2)
    );
  }
}
