.room-gallery { max-width: 820px; margin: 24px auto; }
.room-main-photo { display: block; position: relative; border-radius: 18px; overflow: hidden; background: #f5f0e7; }
.room-main-photo > img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: contain; }
.room-main-photo > span { position: absolute; right: 12px; bottom: 12px; padding: 7px 12px; border-radius: 30px; background: #fffdf9ed; color: #282521; font-size: 13px; }
.room-thumbnails { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.room-thumbnails a { display: block; border: 2px solid transparent; border-radius: 10px; padding: 2px; overflow: hidden; }
.room-thumbnails a[aria-current] { border-color: #a77b39; }
.room-thumbnails img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; border-radius: 6px; }
.room-status-note, .room-photo-note { padding: 12px 16px; background: #f5edde; border-radius: 12px; color: #6b4e23; font-size: 14px; }
@media (max-width: 600px) { .room-thumbnails { grid-template-columns: repeat(3, minmax(0, 1fr)); } }