/* Boutique guesthouse — cozy terracotta + cream */
:root {
  --hb-bg: #faf6f1; --hb-terra: #c45c26; --hb-cream: #fff9f2;
  --hb-ink: #2c2418; --hb-muted: #8a7a68;
}
body.hotel-boutique {
  font-family: "DM Serif Display", "Noto Naskh Arabic", serif;
  background: var(--hb-bg); color: var(--hb-ink);
}
.hb-nav {
  display: flex; justify-content: space-between; align-items: center;
  width: min(960px, 92%); margin: 0 auto; padding: 1.5rem 0;
}
.hb-nav .logo { font-size: 1.5rem; color: var(--hb-terra); }
.hb-nav a {
  margin-right: 1rem; font-family: Tahoma, sans-serif; font-size: .85rem; color: var(--hb-muted);
}
.hb-hero {
  width: min(960px, 92%); margin: 1rem auto 3rem; text-align: center;
}
.hb-hero h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); font-weight: 400; margin-bottom: .75rem; }
.hb-hero p {
  font-family: Tahoma, sans-serif; color: var(--hb-muted); max-width: 28em;
  margin: 0 auto 1.5rem; line-height: 1.7;
}
.hb-hero img {
  width: 100%; border-radius: 4px; aspect-ratio: 16/9; object-fit: cover;
}
.hb-sec { width: min(960px, 92%); margin: 0 auto 3.5rem; }
.hb-sec h2 { text-align: center; font-size: 1.8rem; font-weight: 400; color: var(--hb-terra); margin-bottom: 1.5rem; }
.hb-rooms {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;
}
@media (max-width: 700px) { .hb-rooms { grid-template-columns: 1fr; } }
.hb-room {
  background: var(--hb-cream); border: 1px solid #ebe0d4; overflow: hidden;
}
.hb-room img { aspect-ratio: 5/4; width: 100%; object-fit: cover; }
.hb-room .info { padding: 1.25rem 1.4rem; font-family: Tahoma, sans-serif; }
.hb-room h3 { font-family: "DM Serif Display", serif; font-size: 1.3rem; margin-bottom: .35rem; }
.hb-room p { color: var(--hb-muted); font-size: .9rem; margin-bottom: .5rem; }
.hb-room .price { color: var(--hb-terra); font-weight: 700; }
.hb-story {
  display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: center;
}
@media (max-width: 700px) { .hb-story { grid-template-columns: 1fr; } }
.hb-story img { width: 100%; border-radius: 4px; aspect-ratio: 4/5; object-fit: cover; }
.hb-story p { font-family: Tahoma, sans-serif; color: var(--hb-muted); margin-bottom: .8rem; line-height: 1.8; }
.hb-story a {
  display: inline-block; margin-top: .5rem; border-bottom: 1px solid var(--hb-terra);
  color: var(--hb-terra); font-family: Tahoma, sans-serif;
}
.hb-foot {
  text-align: center; padding: 2rem; color: var(--hb-muted);
  font-family: Tahoma, sans-serif; font-size: .85rem;
}
.hb-foot a { color: var(--hb-terra); }