/* Pagina Facilitati: sectiuni alternate (text + slider cu miniaturi), aceleasi tonuri ca restul site-ului. */
.facilities-hero { text-align: center; padding-top: clamp(0px, 3vw, 40px); padding-bottom: clamp(40px, 5vw, 72px); }
.facilities-hero .page-hero-inner { width: min(860px, calc(100% - 2 * clamp(20px, 5vw, 70px))); margin: 0 auto; }
.facilities-eyebrow { display: inline-block; color: #ead6aa; font-size: 11px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
.facilities-hero h1 { margin: 22px 0 18px; color: #f4eee5; font-size: clamp(34px, 5vw, 64px); font-weight: 500; line-height: 1.06; letter-spacing: -.03em; }
.facilities-hero h1 em { color: #ead6aa; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight: 400; }
.facilities-hero p { max-width: 58ch; margin: 0 auto; color: #aebcd0; font-size: clamp(15.5px, 1.2vw, 17.5px); line-height: 1.75; }

.facility { padding: clamp(20px, 3vw, 44px) 0; }
.facility-stage { width: min(1280px, calc(100% - 2 * clamp(16px, 4vw, 60px))); margin: 0 auto; }
.facility-frame { position: relative; overflow: hidden; border: 1px solid rgba(234, 214, 170, .3); border-radius: 18px; background: #0b1628; }
/* Cadru mare, 16:8 pe desktop; imaginea acopera tot cadrul. */
.facility-frame .afs-slide { height: 0; padding-top: 50%; }
.facility-single { aspect-ratio: 2 / 1; }
.facility-single > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
/* Voal de jos spre sus, ca textul alb sa se citeasca peste orice randare. */
.facility-scrim { position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(180deg, rgba(6, 12, 24, .12) 0%, rgba(6, 12, 24, 0) 35%, rgba(6, 12, 24, .78) 100%); }
.facility-copy { position: absolute; left: clamp(22px, 3.4vw, 52px); right: clamp(22px, 14vw, 220px); bottom: clamp(20px, 3vw, 44px); z-index: 3; pointer-events: none; }
.facility-index { display: block; margin-bottom: 10px; color: #ead6aa; font-family: "JetBrains Mono", "Fira Code", monospace; font-size: 12px; letter-spacing: .2em; }
.facility-copy h2 { margin: 0 0 10px; color: #f6f1e7; font-size: clamp(28px, 3.6vw, 52px); font-weight: 500; line-height: 1.06; letter-spacing: -.028em; text-shadow: 0 2px 22px rgba(4, 9, 20, .55); }
.facility-copy p { max-width: 54ch; margin: 0; color: #e3e8ef; font-size: clamp(15px, 1.2vw, 18px); line-height: 1.65; text-shadow: 0 1px 14px rgba(4, 9, 20, .6); }
.facility-frame .afs-nav { z-index: 4; }

.facilities-foot { padding: clamp(40px, 6vw, 80px) 0 clamp(56px, 8vw, 110px); text-align: center; border-top: 1px solid rgba(234, 214, 170, .14); }
.facilities-foot p { margin: 0 auto 22px; color: #8b9bb2; font-size: 13px; letter-spacing: .02em; }
.facilities-cta {
    display: inline-flex; align-items: center; min-height: 46px; padding: 0 28px;
    border: 1px solid #ead6aa; border-radius: 999px; background: transparent !important;
    color: #ead6aa !important; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-decoration: none;
    transition: background-color .25s ease;
}
.facilities-cta:hover { background: rgba(234, 214, 170, .14) !important; }

}
html[data-theme] body .facilities-hero { background: transparent !important; background-image: none !important; }
html[data-theme] body .facilities-hero::before, html[data-theme] body .facilities-hero::after { display: none !important; }

@media (max-width: 860px) {
    .facility-frame .afs-slide { padding-top: 118%; }
    .facility-single { aspect-ratio: 4 / 5; }
    .facility-copy { right: 22px; }
    .facility-copy p { max-width: none; }
}
.facilities-hero h1 { text-wrap: balance; }