/* ══════════════════════════════════════════════════════════════════════════
   v3.43 — Homepage featured room card: fixed 420px photo band
   --------------------------------------------------------------------------
   v3.42 removed the 4:3 frame but left `aspect-ratio:auto`, so the uploaded
   photo's own proportions decided the card height (a portrait-ish upload made
   the card ~660px tall — visually identical to the Rooms page showcase).
   The original homepage card was a compact horizontal band: a fixed-height
   photo column (420px on desktop) with the photo cropped into it, and the
   copy column matching that height. That is restored here, for the homepage
   featured card only — the Rooms page is untouched.
   ══════════════════════════════════════════════════════════════════════════ */

.hl-rooms-grid--single .hl-room-card {
  align-items: stretch !important;
}

.hl-rooms-grid--single .hl-rooms-grid .hl-room-card__image-wrap,
.hl-rooms-grid--single .hl-room-card__image-wrap {
  position: relative !important;
  aspect-ratio: auto !important;
  height: 420px !important;
  min-height: 0 !important;
  max-height: 420px !important;
  overflow: hidden !important;
}

/* Crop the photo into that band instead of letting it stretch the row. */
.hl-rooms-grid--single .hl-room-card__image-wrap > .hl-room-card__image,
.hl-rooms-grid--single .hl-room-card__image-wrap > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Copy column matches the photo band; content sits top-aligned as before. */
.hl-rooms-grid--single .hl-room-card__body {
  min-height: 420px !important;
  padding: 2.75rem 3rem !important;
}

@media (max-width: 960px) {
  .hl-rooms-grid--single .hl-rooms-grid .hl-room-card__image-wrap,
  .hl-rooms-grid--single .hl-room-card__image-wrap {
    height: 300px !important;
    max-height: 300px !important;
  }
  .hl-rooms-grid--single .hl-room-card__body {
    min-height: 0 !important;
    padding: 2rem 1.75rem !important;
  }
}

@media (max-width: 640px) {
  .hl-rooms-grid--single .hl-rooms-grid .hl-room-card__image-wrap,
  .hl-rooms-grid--single .hl-room-card__image-wrap {
    height: 240px !important;
    max-height: 240px !important;
  }
}