/* Rooms */
  .rooms-section {
    max-width: 1200px; margin: 0 auto;
    padding: 120px 80px;
  }
  .rooms-header { margin-bottom: 64px; }
  .rooms-header .label {
    font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase;
    color: var(--bark); margin-bottom: 16px;
    display: flex; align-items: center; gap: 12px;
  }
  .rooms-header .label::before {
    content: ''; display: block;
    width: 32px; height: 0.5px; background: var(--bark);
  }
  .rooms-header h2 {
    font-family: var(--serif); font-weight: 300;
    font-size: clamp(34px, 3.5vw, 50px); line-height: 1.1;
    color: var(--charcoal);
  }
  .rooms-scroll {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 2px;
  }
  .room-card { position: relative; overflow: hidden; }
  .room-card img {
    width: 100%; height: 360px; object-fit: cover;
    display: block;
    transition: transform 0.7s ease;
  }
  .room-card:hover img { transform: scale(1.05); }
  .room-info {
    background: var(--cream-dark); padding: 28px 32px;
  }
  .room-info .room-type {
    font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
    color: var(--bark); margin-bottom: 8px;
  }
  .room-info h3 {
    font-family: var(--serif); font-weight: 300; font-size: 24px;
    color: var(--charcoal); margin-bottom: 12px;
  }
  .room-info p {
    font-size: 13px; line-height: 1.7; color: var(--muted); margin-bottom: 20px;
  }
  .room-amenities {
    display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px;
  }
  .amenity {
    font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase;
    color: var(--muted); border: 0.5px solid rgba(139,115,85,0.3);
    padding: 5px 12px;
  }
  .room-info .price {
    font-family: var(--serif); font-size: 22px; font-weight: 300;
    color: var(--charcoal); margin-bottom: 20px;
  }
  .room-info .price span { font-size: 13px; color: var(--muted); }

  /* ── ROOM BOOK BUTTON ──────────────────── */
  .btn-book-room {
    display: block;
    width: 100%;
    font-family: var(--sans);
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    background: var(--charcoal);
    color: var(--white);
    border: none;
    padding: 14px 24px;
    cursor: pointer;
    text-align: center;
    transition: background 0.3s, opacity 0.3s;
    margin-top: 4px;
  }
  .btn-book-room:hover {
    background: var(--earth);
    opacity: 0.95;
  }