/* === style-0 === */
.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}

/* === style-1 === */

body, .w-richtext, .w-richtext p, .w-richtext li,
input, textarea, select, button {
  font-family: "Work Sans", sans-serif;
}


/* === style-2 === */

  .faq-side-btn:hover .btn-text {
    color: #FCFAF5 !important;
  }


/* === style-3 === */

/* Heading line-heights, all screens */
h1, h2 { line-height: 1.12 !important; }
h3, h4 { line-height: 1.25 !important; }
.hero-headline { line-height: 1.1 !important; }

/* Suite + gallery images: always landscape, centered, no crop */
.suite-page .suite-main-img,
.suite-page .suite-gallery-img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 12 / 7 !important;
  object-fit: cover !important;
  object-position: center !important;
}

@media (max-width: 991px) {
  .welcome-row, .welcome-inner { flex-direction: column !important; }
  .welcome-image-wrap { width: 100% !important; }
  .rooms-grid, .offer-grid, .guides-grid { grid-template-columns: 1fr 1fr !important; }
  .events-row, .faq-grid { grid-template-columns: 1fr !important; }
  .foot-grid, .stats-strip { grid-template-columns: 1fr 1fr !important; }
  .insider-head { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; }
}

@media (max-width: 767px) {
  .rooms-grid, .offer-grid, .guides-grid, .foot-grid { grid-template-columns: 1fr !important; }
  .stats-grid, .stats-strip { grid-template-columns: 1fr 1fr !important; }
  .hero-headline { font-size: 38px !important; }
  .article-title, .suite-title { font-size: 34px !important; }

  /* The noodle fix: suite body + sleeps box stack full width */
  .suite-body-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  .suite-aside { position: static !important; }
  .suite-gallery-grid { grid-template-columns: 1fr !important; }

  .foot-bottom { flex-direction: column !important; gap: 12px !important; align-items: flex-start !important; }
}

@media (max-width: 479px) {
  .stats-grid, .stats-strip { grid-template-columns: 1fr !important; }
  .hero-headline { font-size: 30px !important; }
  .cta-row { flex-direction: column !important; }
  .nl-form-row { flex-direction: column !important; }
}