/* ==== ported from V2 by scripts/v5/v2-port (prune-css.cjs, port-css.cjs): re-run the port rather than editing above the end marker ==== */
/* ==== v2 sheet 9 of https://bhhl.lettiva.com/forest-house/plan-your-stay: <style> .content-section-2 { container-type: inline-size; } /* ──  ==== */
.content-section-2 { container-type: inline-size; }
.content-section-2 .cs2-head { max-width: 55ch; margin-bottom: var(--space-12); }
.content-section-2 .cs2-head .cs2-eyebrow { margin-bottom: var(--space-5); }
.content-section-2 .cs2-head .cs2-sub { margin-top: var(--space-5); color: var(--muted-foreground-1); max-width: 52ch; }
.content-section-2.cs2-v-ledger .cs2-head { max-width: none; display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-8); flex-wrap: wrap; padding-bottom: var(--space-5); border-bottom: 1px solid color-mix(in srgb, var(--foreground) 15%, transparent); }
.content-section-2.cs2-v-ledger .cs2-head-main { max-width: 55ch; }
.content-section-2.cs2-v-centered .cs2-head { max-width: none; text-align: center; display: flex; flex-direction: column; align-items: center; margin-bottom: var(--space-16); }
.content-section-2.cs2-v-centered .cs2-heading { max-width: 24ch; margin-inline: auto; }
.content-section-2.cs2-v-centered .cs2-ornament { width: 36px; height: 1px; border: 0px; margin: var(--space-6) auto 0; background: color-mix(in srgb, var(--foreground) 30%, transparent); }
.content-section-2 .cs2-ornament { display: none; }
.content-section-2.cs2-v-centered .cs2-ornament { display: block; }
@container (max-width: 720px) {
.content-section-2.cs2-v-ledger .cs2-head { flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.content-section-2 .cs2-head { margin-bottom: var(--space-8); }
.content-section-2.cs2-v-centered .cs2-head { margin-bottom: var(--space-10); }
}
/* ==== v2 sheet 10 of https://bhhl.lettiva.com/forest-house/plan-your-stay: <style> .things-to-know-section { container-type: inline-size; } . ==== */
.things-to-know-section { container-type: inline-size; }
.things-to-know-section .ttk { max-width: 1240px; margin: 0px auto; }
.things-to-know-section .ttk-col { padding: 1.125rem 0px; border-top: 1px solid color-mix(in srgb, var(--foreground) 12%, transparent); }
.things-to-know-section .ttk-col:last-child { border-bottom: 1px solid color-mix(in srgb, var(--foreground) 12%, transparent); }
.things-to-know-section .ttk-row { font-family: var(--font-display); font-size: 1.0625rem; line-height: 1.45; color: var(--foreground); margin: 0px; }
@container (min-width: 720px) {
.things-to-know-section .ttk-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2.5rem; }
.things-to-know-section .ttk-col { padding: 0px; border-top: none; }
.things-to-know-section .ttk-col:last-child { border-bottom: none; }
.things-to-know-section .ttk-col-l { padding-bottom: 0.875rem; margin-bottom: 1.125rem; border-bottom: 1px solid color-mix(in srgb, var(--foreground) 12%, transparent); }
.things-to-know-section .ttk-row { font-size: 1.125rem; line-height: 1.4; }
}
/* ==== v2 sheet 11 of https://bhhl.lettiva.com/forest-house/plan-your-stay: <style> .content-section-2 { container-type: inline-size; } /* ──  ==== */
.content-section-2 { container-type: inline-size; }
.content-section-2 .cs2-head { max-width: 55ch; margin-bottom: var(--space-12); }
.content-section-2 .cs2-head .cs2-eyebrow { margin-bottom: var(--space-5); }
.content-section-2 .cs2-head .cs2-sub { margin-top: var(--space-5); color: var(--muted-foreground-1); max-width: 52ch; }
.content-section-2.cs2-v-ledger .cs2-head { max-width: none; display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-8); flex-wrap: wrap; padding-bottom: var(--space-5); border-bottom: 1px solid color-mix(in srgb, var(--foreground) 15%, transparent); }
.content-section-2.cs2-v-ledger .cs2-head-main { max-width: 55ch; }
.content-section-2.cs2-v-centered .cs2-head { max-width: none; text-align: center; display: flex; flex-direction: column; align-items: center; margin-bottom: var(--space-16); }
.content-section-2.cs2-v-centered .cs2-heading { max-width: 24ch; margin-inline: auto; }
.content-section-2.cs2-v-centered .cs2-ornament { width: 36px; height: 1px; border: 0px; margin: var(--space-6) auto 0; background: color-mix(in srgb, var(--foreground) 30%, transparent); }
.content-section-2 .cs2-ornament { display: none; }
.content-section-2.cs2-v-centered .cs2-ornament { display: block; }
@container (max-width: 720px) {
.content-section-2.cs2-v-ledger .cs2-head { flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.content-section-2 .cs2-head { margin-bottom: var(--space-8); }
.content-section-2.cs2-v-centered .cs2-head { margin-bottom: var(--space-10); }
}
/* ==== v2 sheet 12 of https://bhhl.lettiva.com/forest-house/plan-your-stay: <style> .content-section-2 { container-type: inline-size; } /* ──  ==== */
.content-section-2 { container-type: inline-size; }
.content-section-2 .cs2-head { max-width: 55ch; margin-bottom: var(--space-12); }
.content-section-2 .cs2-head .cs2-eyebrow { margin-bottom: var(--space-5); }
.content-section-2 .cs2-head .cs2-sub { margin-top: var(--space-5); color: var(--muted-foreground-1); max-width: 52ch; }
.content-section-2.cs2-v-ledger .cs2-head { max-width: none; display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-8); flex-wrap: wrap; padding-bottom: var(--space-5); border-bottom: 1px solid color-mix(in srgb, var(--foreground) 15%, transparent); }
.content-section-2.cs2-v-ledger .cs2-head-main { max-width: 55ch; }
.content-section-2.cs2-v-centered .cs2-head { max-width: none; text-align: center; display: flex; flex-direction: column; align-items: center; margin-bottom: var(--space-16); }
.content-section-2.cs2-v-centered .cs2-heading { max-width: 24ch; margin-inline: auto; }
.content-section-2.cs2-v-centered .cs2-ornament { width: 36px; height: 1px; border: 0px; margin: var(--space-6) auto 0; background: color-mix(in srgb, var(--foreground) 30%, transparent); }
.content-section-2 .cs2-ornament { display: none; }
.content-section-2.cs2-v-centered .cs2-ornament { display: block; }
@container (max-width: 720px) {
.content-section-2.cs2-v-ledger .cs2-head { flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.content-section-2 .cs2-head { margin-bottom: var(--space-8); }
.content-section-2.cs2-v-centered .cs2-head { margin-bottom: var(--space-10); }
}
/* ==== v2 sheet 13 of https://bhhl.lettiva.com/forest-house/plan-your-stay: <style> /* Atmospheric CSS * / @layer atmospheric { /* ══════════════ ==== */
@layer atmospheric {
[data-section="availability"] { background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(12px); border-top: 1px solid rgba(26, 39, 64, 0.08); border-bottom: 1px solid rgba(26, 39, 64, 0.08); box-shadow: rgba(255, 255, 255, 0.85) 0px 1px 0px inset; }
[data-section] a[href="/enquire"], [data-section] a[href="/book"], [data-section] a[href="/contact"], [data-section] a[class*="bg-"] { position: relative; z-index: 10; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(0, 0, 0, 0.06) 0px 8px 24px; transition: transform 0.25s, box-shadow 0.25s, background-color 0.25s; }
[data-section] a[href="/enquire"]:hover, [data-section] a[href="/book"]:hover, [data-section] a[href="/contact"]:hover, [data-section] a[class*="bg-"]:hover { transform: translateY(-1px); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.08) 0px 12px 32px; }
[data-section] { position: relative; }
[data-section] p[data-editable$="-eyebrow"] { letter-spacing: 0.18em; }
[data-section] { counter-reset: fig 0; }
[data-section="availability"]::after, [data-section="booking-desk"]::after, [data-section="enquiry"]::after, [data-section="concierge"]::after { content: ""; position: absolute; inset: 0px; pointer-events: none; z-index: 1; background: radial-gradient(at 10% 0%, rgba(255, 255, 255, 0.5), transparent 40%), linear-gradient(rgba(23, 56, 69, 0.03), rgba(23, 56, 69, 0) 30%); }
[data-page="plan-your-stay"] [data-section="rates"] { box-shadow: rgba(26, 39, 64, 0.12) 0px 1px 0px inset; }
}
/* ==== v2 sheet 14 of https://bhhl.lettiva.com/forest-house/plan-your-stay: <style> .rates-ledger { container-type: inline-size; } .rates-ledger ==== */
.rates-ledger { container-type: inline-size; }
.rates-ledger .rl-facts { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; border-top: 1px solid color-mix(in srgb, var(--foreground) 15%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--foreground) 15%, transparent); }
.rates-ledger .rl-fact { padding: var(--space-6) var(--space-6) var(--space-6) 0; display: flex; flex-direction: column; gap: var(--space-2); }
.rates-ledger .rl-fact + .rl-fact { padding-left: var(--space-6); border-left: 1px solid color-mix(in srgb, var(--foreground) 12%, transparent); }
.rates-ledger .rl-value { font-family: var(--font-display); font-weight: 300; font-size: clamp(28px, 3.4vw, 40px); line-height: 1; color: var(--foreground); font-feature-settings: "onum"; white-space: nowrap; }
@container (max-width: 720px) {
.rates-ledger .rl-facts { grid-auto-flow: row; grid-template-columns: 1fr 1fr; }
.rates-ledger .rl-fact + .rl-fact { padding-left: 0px; border-left: 0px; }
.rates-ledger .rl-fact:nth-child(2n) { padding-left: var(--space-6); border-left: 1px solid color-mix(in srgb, var(--foreground) 12%, transparent); }
.rates-ledger .rl-fact:nth-child(n+3) { border-top: 1px solid color-mix(in srgb, var(--foreground) 12%, transparent); }
}
/* ==== v2 sheet 15 of https://bhhl.lettiva.com/forest-house/plan-your-stay: <style> .sticky-booking-widget-floating-mobile { display: none; }  ==== */
.sticky-booking-widget-floating-mobile { display: none; }
@media (max-width: 768px) {
.sticky-booking-widget-floating-desktop { display: none !important; }
.sticky-booking-widget-floating-mobile { display: block; }
body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
}
/* ==== end of the ported V2 CSS; the port's own V5 rules follow ==== */
.port-pills-count { counter-reset: port-pills; }
.port-pills-count .port-count-hit { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.port-pills-count .port-count-hit > * { counter-increment: port-pills; }
.port-pills-n::before { content: counter(port-pills); }
.port-pills-count:not(:has(.port-count-hit)) { display: none; }
@media (min-width: 768px) { .port-house-rules-cols:has(> :only-child) { grid-template-columns: repeat(1, minmax(0, 1fr)); } }
.port-house-rules-prose > p + p { margin-top: 1rem; }
.port-house-rules-cols + .port-house-rules-prose { margin-top: 3.5rem; }
.port-house-rules-prose > p { white-space: pre-line; }