.hero-reservation-cta {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
}

.hero-reservation-cta .btn {
  width: 100%;
}

.hero-reservation-note {
  margin: 0;
  text-align: center;
  line-height: 1.45;
}

@media (max-width: 768px) {
  .hero-reservation-note {
    display: none;
  }
}

.bar-content .dining-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

@media (max-width: 768px) {
  .intro-list li {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.5rem;
  }

  .intro-link {
    max-width: 100%;
    line-height: 1.4;
    overflow-wrap: anywhere;
    white-space: normal;
  }
}