/* ══════════════════════════════════════════════════════════════════════════
   v3.41 — Rooms page photo frames: identical proportions on every screen
   --------------------------------------------------------------------------
   The showcase frame used the tall desktop crop (padding-top:112%) on large
   screens but flattened to 75% (4:3) at ≤960px, so the same photo looked like
   a different card on phones. Mobile now keeps the desktop proportion, which
   means one upload (portrait-ish 4:5 crop) renders identically everywhere.
   ══════════════════════════════════════════════════════════════════════════ */

.hl-room-show__frame--4x3 { padding-top: 112%; }

@media (max-width: 960px) {
  .hl-room-show__frame--4x3 { padding-top: 112% !important; }
}

@media (max-width: 640px) {
  .hl-room-show__frame--4x3 { padding-top: 112% !important; }
  .hl-room-show__frame { border-radius: 14px; }
}

/* Room preview cards (homepage / featured grids): the mobile 5:4 crop is
   dropped so phones show the same 4:3 frame as desktop. */
.hl-room-card__image-wrap,
.hl-room-card__media-wrap { aspect-ratio: 4 / 3 !important; }

@media (max-width: 960px) {
  .hl-room-card__image-wrap,
  .hl-room-card__media-wrap { aspect-ratio: 4 / 3 !important; }
}