/* ============================================================================
   Aurelia Luxe — v3.46
   Loads last (after v345), so it wins over every earlier layer.

   FIX — Experiences page final CTA banner ("Ready for an Unforgettable
   Stay?"): the section itself has plenty of top/bottom padding, but the
   eyebrow, heading and buttons are stacked tight against each other with
   almost no breathing room between them, so the block reads as "text
   crammed together floating in empty space."

   Fix is scoped ONLY to the gaps BETWEEN the eyebrow / heading / buttons.
   The section's outer padding and the heading's font size/line-height are
   untouched, and no max-width is added, so the heading still wraps
   exactly as before.
============================================================================ */

.hl-cta-banner .hl-eyebrow {
  margin-bottom: 1.5rem !important;
}

.hl-cta-banner .hl-heading {
  margin-bottom: 2.5rem !important;
}

@media (max-width: 640px) {
  .hl-cta-banner .hl-eyebrow {
    margin-bottom: 1.1rem !important;
  }
  .hl-cta-banner .hl-heading {
    margin-bottom: 1.75rem !important;
  }
}