/* ============================================
   page-room.css
   Room detail page styles (JP & EN)
   ============================================ */

.room-detail {
  padding: 40px 0;
}

.room-detail__name {
  text-align: center;
  padding-top: calc(var(--header-height) + var(--space-xl));
  padding-bottom: var(--space-md);
}

.room-detail__name h1 {
  font-size: 20px;
  letter-spacing: 0.25em;
}

.room-detail__floor {
  font-size: var(--text-sm);
  letter-spacing: 0.1em;
  margin-top: var(--space-xs);
}

.room-detail__hero {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: var(--bg, transparent);
}

.room-detail__hero img {
  animation: heroFadeIn 2s ease both;
  width: 939px;
  height: 626px;
  max-width: 100%;
  object-fit: cover;
  object-position: top;
}

.room-detail__desc {
  text-align: center;
  max-width: 560px;
  margin: var(--space-2xl) auto;
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
}

.room-detail__photos {
  max-width: 600px;
  margin: 140px auto var(--space-2xl);
}

.room-detail__photos img {
  width: 100%;
  margin-bottom: var(--space-lg);
}

.room-detail__caption {
  text-align: left;
  font-size: var(--text-sm);
  line-height: var(--leading-relaxed);
  max-width: 560px;
  margin: 0 auto var(--space-2xl);
}