@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lora';
    src: url('../fonts/Lora.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


:root {
    --ink:#142025;
    --dark:#0e232a;
    --gold:#c99b4a;
    --paper:#f8f6f1;
    --line:#dedbd2;
    --muted:#6f7575;
    --white:#fff;
    --slot:#e7e5df;
    --shadow:0 14px 34px rgba(20,32,37,.12)
}* {
    box-sizing:border-box;
}

html {
    scroll-behavior:smooth;
    overflow-x:hidden
}

body {
    margin:0;
    min-width:0;
    overflow-x:hidden;
    font-family:'Inter',Arial,sans-serif;
    color:var(--ink);
    background:#fff
}main,
section,
header,
footer,
.swiper,
.swiper-wrapper,
.swiper-slide {
    min-width:0;
}

a {
    color:inherit;
    text-decoration:none
}button {
    font:inherit;
}

.container {
    width:min(1180px,calc(100% - 40px));
    margin-inline:auto;
    min-width:0
}.section {
    padding:84px 0;
}.section-sm {
    padding:28px 0;
}

.section-label {
    display:block;
    margin-bottom:12px;
    color:var(--gold);
    font-family: 'Lora';
    font-size: 18px;
}.section-label.light {
    color:#d8b16f;
}h1,
h2,
h3,
h4,
p {
    margin-top:0;
}

h1,
h2 {
    font-family:"Lora",Georgia,serif;
    font-weight:500;
    line-height:1.04
}h2 {
    font-size:clamp(36px,4vw,50px);
}p {
    line-height:1.7;
}

.btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    min-height:48px;
    max-width:100%;
    padding:0 22px;
    border-radius:2px;
    text-transform:uppercase;
    font-size:11px;
    font-weight:600;
    letter-spacing:.04em;
    transition:.25s;
    text-align:center
}

.btn-gold {
    background:var(--gold);
    color:#fff
}.btn-gold:hover {
    background:#b98a3c;
}

.btn-outline {
    border:1px solid #aaa;
    background:#fff
}

.btn-outline-light {
    border:1px solid rgba(255,255,255,.45);
    color:#fff
}

.btn-small {
    min-height:42px;
    padding:0 16px;
    font-size:10px
}

.media-slot {
    position:relative;
    display:grid;
    place-items:center;
    background:var(--slot);
    overflow:hidden;
    color:#8d8a82;
    text-align:center;
    font-size:11px;
    letter-spacing:.04em
}.media-slot span {
    padding:12px;
}

/* =========================================================
   HEADER — BASE
   ========================================================= */
.site-header {
    position:fixed;
    z-index:30;
    top:0;
    left:0;
    width:100%;
    color:#fff;
    transition:transform .3s ease,background .3s ease,box-shadow .3s ease;
    background: var(--dark)
}.site-header.hidden {
    transform:translateY(-110%);
}

.site-header.scrolled {
    background:rgba(12,31,37,.96);
    box-shadow:0 8px 28px rgba(0,0,0,.15)
}

.header-inner {
    height:100px;
    display:flex;
    align-items:center;
    gap:28px
}

.brand {
    display:flex;
    flex-direction:column;
    min-width:max-content;
    line-height:1
}

.brand-title {
    font:600 24px "Lora",Georgia,serif;
    letter-spacing:.12em
}

.brand-subtitle {
    margin-top:5px;
    font-size:7px;
    letter-spacing:.12em
}

.main-nav {
    display:flex;
    gap:24px;
    margin: 0 auto;
}

.main-nav a {
    font-size: 18px;
    font-family: 'Lora';
}.main-nav a:hover {
    color:#e5c98e;
}
.main-nav a.active {
    color:#e5c98e;
}

.header-actions {
    display:flex;
    align-items:center;
    gap:18px
}

.langs {
    display:flex;
    gap:5px;
    font-size:9px
}

.menu-toggle {
    display:none;
    background:none;
    border:0;
    color:#fff;
    width:42px;
    height:42px;
    padding:0
}

.menu-toggle span {
    display:block;
    height:1px;
    background:currentColor;
    margin:7px 0
}

/* =========================================================
   HOME — HERO
   ========================================================= */
.hero {
    height:720px;
    min-height:620px
}.hero-swiper,
.hero-slide {
    height:100%;
}

.hero-slide {
    position:relative;
    overflow:hidden
}

.hero-media-slot {
    position:absolute;
    inset:0;
    background:#35454a;
    color:rgba(255,255,255,.45)
}

.hero-media-slot .slider1 {
    background: url(../img/slider/slider_room.webp) 50% 50% no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.hero-media-slot .slider2 {
    background: url(../img/slider/beis_slider.webp) 50% 50% no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.hero-media-slot .slider3 {
    background: url(../img/slider/slider_massage.webp) 50% 50% no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.hero-overlay {
    position:absolute;
    z-index:1;
    inset:0;
    background:linear-gradient(90deg,rgba(5,18,24,.78) 0%,rgba(5,18,24,.48) 35%,rgba(5,18,24,.08) 72%)
}

.hero-content {
    position:relative;
    z-index:2;
    padding-top:168px;
    color:#fff
}

.eyebrow {
    font-size:11px;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:#e9d1a1
}

.hero h1 {
    font-size:clamp(48px,6vw,82px);
    letter-spacing:-.03em;
    margin-bottom:14px;
    max-width:720px;
    line-height: 1.1;
}.hero h1 span {
    font-size:.62em;
}

.hero h1 em {
    font-style:normal;
    color:#d6aa5c;
    font-size:.6em
}

.hero h2 {
    max-width:720px;
    letter-spacing:-.03em;
    margin-bottom:14px;
    font-size:clamp(48px,6vw,82px);
    line-height: 1.1;
}

.hero-subtitle {
    max-width:460px;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:.03em
}

.hero-nav {
    position:absolute;
    z-index:3;
    right:max(28px,calc((100vw - 1180px)/2));
    bottom:52px;
    display:flex;
    gap:10px
}

.hero-nav button,
.slider-arrows button {
    width:42px;
    height:42px;
    flex:0 0 42px;
    border:1px solid rgba(255,255,255,.6);
    border-radius:50%;
    background:transparent;
    color:#fff;
    cursor:pointer
}.hero-pagination {
    display:none;
}

/* =========================================================
   HOME — BENEFITS
   ========================================================= */
.benefits {
    border-bottom:1px solid #eee;
    background:#fff
}

.benefits-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px
}

.benefit {
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0
}

.benefit-icon svg {
    width: 35px;
    height: 35px;
    fill: var(--gold);
}

.benefit strong {
    font-family: 'Lora';
    display:block;
    font-size:12px;
    text-transform:uppercase;
    margin-bottom:5px
}

.benefit span {
    display:block;
    color:#777;
    font-size:11px
}/* =========================================================
   HOME — ROOMS
   ========================================================= */
.rooms {
    background:#fafafa;
}

.rooms .btn:hover {
    background: var(--gold);
}

.rooms-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,3fr);
    gap:58px;
    align-items:center
}

.section-copy p,
.about-copy p {
    color:var(--muted);
    max-width:480px
}

.room-cards {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px
}

.room-card {
    min-width:0;
    background:#fff;
    box-shadow:var(--shadow);
    border-radius:4px;
    overflow:hidden;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.room-card:hover {
    transform:translateY(-5px);
    box-shadow:var(--shadow);
}
.room-card:hover h3 {
    color: var(--gold);
}
.room-media-slot {
    aspect-ratio:1/1.05;
}
.room-media-slot img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.room-card-body {
    padding:16px;
}

.room-card h3 {
    margin-bottom:6px;
    font:500 20px "Lora",Georgia,serif
}

.room-card p.introtext {
    margin: 0 0 10px;
    color: var(--muted);
    font-size: 14px;
    font-family: 'Inter';
}

.room-card p {
    display: block;
    margin-bottom: 7px;
    color: var(--gold);
    font: 500 14px / 1.2 Lora, Georgia, serif;
}

/* =========================================================
   HOME — SPA
   ========================================================= */
.spa-section {
    display:grid;
    grid-template-columns:minmax(0,40%) minmax(0,66%);
    min-height:520px;
    background:var(--dark);
    color:#fff;
    overflow:hidden
}
.spa-section img {
    height: 565px;
}
.spa-copy {
    padding:74px max(30px,calc((80vw - 1180px)/2)) 60px max(30px,calc((100vw - 1180px)/2));
}.spa-copy h2 {
    font-size: 40px;
}

.spa-copy p {
    color:#c5cfd2;
    max-width:420px
}

.spa-copy ul {
    padding:0;
    margin:28px 0 32px;
    list-style:none
}

.spa-copy li {
    margin:11px 0;
    color:#dde5e7;
    font-size:13px
}

.spa-copy li:before {
    content:"";
    display:inline-block;
    width:12px;
    height:1px;
    margin:0 10px 4px 0;
    background:var(--gold)
}

.spa-media-slot {
    min-height:520px;
    background:#23363d;
    color:rgba(255,255,255,.4)
}/* =========================================================
   HOME — OFFERS
   ========================================================= */
.offers {
    background:#fff;
}

.offers .slider_link {
    text-align: center;
}

.offers .swiper-slide:hover h3 {
    color: var(--gold);
}

.offers-wrap {
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    gap:38px;
    align-items:start;
    overflow:hidden
}

.section-title-row {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    min-width:0
}.offers-wrap>.section-title-row {
    display:block;
}.offers-wrap .slider-arrows {
    margin-top:28px;
}

.slider-arrows {
    display:flex;
    gap:10px;
    flex:0 0 auto;
    margin-bottom: 20px;
}

.slider-arrows button {
    border-color:#b7b7b7;
    color:#354044
}

.offers-swiper {
    width:100%;
    overflow:hidden;
    margin-bottom: 30px;
}

.offer-card {
    display:grid!important;
    /* grid-template-columns:110px minmax(0,1fr); */
    gap:18px;
    align-items:center;
    min-width:0
}

.offer-media-slot {
    width: 100%;
    height: 280px;
    border-radius:4px
}

.offer-media-slot img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.offer-card h3 {
    font:500 18px "Lora",Georgia,serif;
    margin-bottom:6px
}

.offer-card p {
    font-size:12px;
    line-height:1.5;
    margin-bottom:6px
}
.offer-card p.time_aks {
    color: var(--gold);
}

.offer-card span {
    font-size:11px;
    color:#777
}/* =========================================================
   HOME — ABOUT
   ========================================================= */
.about {
    background:var(--paper);
}

.about-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
    gap:54px;
    align-items:center
}

.stats {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    margin:30px 0
}

.stats strong {
    display:block;
    font:600 24px "Lora",Georgia,serif
}

.stats span {
    display:block;
    margin-top:4px;
    color:#6f7575;
    font-size:10px;
    line-height:1.4
}

.about-media {
    position:relative;
    display:block;
    min-width:0;
    overflow:hidden;
    border-radius:4px
}

.about-media-slot {
    aspect-ratio:3/2;
    background:#d8d6d0
}
.about-media-slot img {
    width: 100%;
}

.video-text {
    position:absolute;
    z-index:2;
    left:24px;
    bottom:22px;
    color:#4f5556;
    font-size:11px;
    text-transform:uppercase
}

/* =========================================================
   HOME — GALLERY
   ========================================================= */
.gallery {
    background:#fff;
    overflow:hidden
}.gallery-container {
    overflow:hidden;
}.gallery 
.section-title-row {
    margin-bottom:26px;
}

.gallery-swiper {
    width:100%;
    max-width:100%;
    overflow:hidden
}

.gallery-item {
    display:block;
    min-width:0;
    overflow:hidden;
    border-radius:4px
}.gallery-media-slot {
    aspect-ratio:16/9;
}

.gallery .gallery-item a {
    display: block;
    text-align: center;
    font-family: 'Lora';
}
.gallery .gallery-item a:hover {
    color: var(--gold);
}
.gallery .gallery-item a img {
     width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 5px;
    margin-bottom: 7px;
}

/* =========================================================
   FOOTER
   ========================================================= */
.footer {
    background:#0b1d23;
    color:#cbd5d7;
    padding:54px 0 18px
}

.footer-grid {
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr) minmax(0,1.1fr) minmax(0,1fr);
    gap:46px
}.brand-footer {
    color:#fff;
}

.footer h4 {
    color:#d6aa5c;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.12em;
    margin-bottom:18px
}

.footer p,
.footer a {
    font-size:12px;
    line-height:1.8
}
.footer a:hover {
    color: var(--gold);
}
.footer .smm a:hover {
    background: var(--gold);
    border: 1px solid var(--gold);
    color: #000;
}
.footer a img {
    width: 110px;
    margin-bottom: 10px;
}

.footer-links {
    display:grid;
    gap:7px
}.two-col {
    grid-template-columns:1fr 1fr;
}

.socials {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:16px
}

.socials a {
    font-size:11px;
    text-decoration:underline;
    text-underline-offset:4px
}

.footer-bottom {
    margin-top:46px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.12);
    display:flex;
    justify-content:space-between;
    gap:20px;
    font-size:10px;
    color:#84979d
}

@media(max-width:980px) {.header-inner {
    height:72px;
}.hero {
    height:640px;
}.benefits-grid {
    grid-template-columns:1fr 1fr;
}.rooms-layout {
    grid-template-columns:1fr;
}.spa-section {
    grid-template-columns:1fr;
}.spa-copy {
    padding:60px 30px;
}.spa-media-slot {
    min-height:420px;
}.offers-wrap {
    grid-template-columns:1fr;
}.offers-wrap>.section-title-row {
    display:flex;
}.about-grid {
    grid-template-columns:1fr;
}.footer-grid {
    grid-template-columns:1fr 1fr;
}

}

@media(max-width:640px) {.container {
    width:calc(100% - 28px);
}.section {
    padding:58px 0;
}.hero {
    height:610px;
}
.hero-content {
    padding-top:138px;
    text-align: center;
}.hero h1 {
    font-size:58px;
}.hero h2 {
    font-size:46px;
}.hero-subtitle {
    font-size:13px;
}
.section-copy {
    text-align: center;
}

    .hero-nav {
        right:18px;
        bottom:26px
    }.benefits-grid {
    grid-template-columns:1fr;
}.benefit {
    padding:4px 0;
    margin: 0 auto;
}.rooms-layout {
    gap:34px;
}.room-cards {
    grid-template-columns:1fr;
}

    .room-card {
        display:grid;
        grid-template-columns:minmax(0,42%) minmax(0,58%)
    }

    .room-media-slot {
        height:100%;
        min-height:150px;
        aspect-ratio:auto
    }

    .room-card-body {
        display:flex;
        flex-direction:column;
        justify-content:center;
        text-align: center;
    }

    .spa-section {
        display:flex;
        flex-direction:column
    }.spa-copy {
    padding:54px 24px;
    text-align: center;
}
.spa-section img {
    height: auto;
}
.offers .section-title-row {
    text-align: center;
}
.about-copy {
    text-align: center;
}
.section-title-row {
    text-align: center;
    display: block;
}
.footer {
    padding: 20px 0;
}
.footer .footer-grid {
    display: none;
}
.footer .footer-bottom {
    text-align: center;
    margin: 0;
    border: none;
    padding: 0;
    width: 100%;
    gap: 10px;
}
.spa-media-slot {
    min-height:300px;
}.offers-wrap>.section-title-row {
    align-items:flex-end;
}.offer-card {
    /* grid-template-columns:92px minmax(0,1fr); */
}

    .offer-media-slot {
        width:100%;
        height:200px
    }.stats {
    grid-template-columns:1fr 1fr;
}.footer-grid {
    grid-template-columns:1fr;
}.footer-bottom {
    flex-direction:column;
}.two-col {
    grid-template-columns:1fr 1fr;
}

}

@media(max-width:380px) {.container {
    width:calc(100% - 22px);
}.hero h1 {
    font-size:48px;
}.hero h2 {
    font-size:39px;
}.spa-copy {
    padding-inline:18px;
}.room-card {
    grid-template-columns:1fr;
}.room-media-slot {
    min-height:210px;
}

}

/* =========================================================
   HEADER
   ========================================================= */
.brand-logo {
    display:block;
    flex:0 0 auto;
    width:118px;
    height:62px;
    min-width:0
}

.brand-logo img {
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:left center
}.header-inner {
    gap:22px;
}

.main-nav {
    gap:30px;
    white-space:nowrap
}

.header-actions {
    gap: 25px;
    margin-left:4px;
    white-space:nowrap
}

.header-phone {
    font-size: 18px;
    font-family: 'Lora';
    font-weight: 700;
    color: #fff;
    transition:color .2s
}
.header-phone svg {
    display: none;
}
.header-phone:hover {
    color:#d6aa5c;
}

.whatsapp-link {
    display:grid;
    place-items:center;
    color:#d6aa5c;
    transition:.2s
}.whatsapp-link:hover {
    color:#0b1d23;
}

.whatsapp-link svg {
    width:30px;
    height:30px;
    fill: #2cb742;
}.language-dropdown {
    position:relative;
}

.language-current {
    display:flex;
    align-items:center;
    gap:7px;
    padding:9px 2px;
    border:0;
    background:transparent;
    color:#fff;
    font: 700 18px Lora,sans-serif;
    cursor:pointer;
    text-transform: uppercase;
}

.language-chevron {
    width:8px;
    height:8px;
    border-right:2px solid #d6aa5c;
    border-bottom:2px solid #d6aa5c;
    transform:rotate(45deg) translateY(-2px);
    transition:transform .2s
}.language-dropdown.open .language-chevron {
    transform:rotate(225deg) translate(-1px,-1px);
}

.language-menu {
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    min-width:112px;
    padding:8px;
    background:#101518;
    border:1px solid rgba(255,255,255,.13);
    border-radius:8px;
    box-shadow:0 14px 35px rgba(0,0,0,.3);
    opacity:0;
    visibility:hidden;
    transform:translateY(-6px);
    transition:.2s
}

.language-dropdown.open .language-menu {
    opacity:1;
    visibility:visible;
    transform:none
}

.language-menu a {
    font-family: 'Lora';
    display:block;
    padding:10px 12px;
    border-radius:5px;
    color:#fff;
    font-size:14px;
    font-weight:600;
    text-transform: uppercase;
}

.language-menu a:hover {
    background:rgba(214,170,92,.12);
    color:#d6aa5c
}

.anchor-offset {
    position:relative;
    top:-82px;
    height:0
}

@media(max-width:1120px) {.header-inner {
    gap:16px;
}.brand-logo {
    width:100px;
}.main-nav {
    gap:13px;
}
.header-phone {
    display:none;
}

}

/* =========================================================
   CONTACTS PAGE
   ========================================================= */
.contacts-page {
    padding-top:100px;
    background:#fff;
}

.contacts-intro {
    background: url(../img/bg_contact.webp) 50% 4% no-repeat;
    background-size: cover;
    padding:68px 0 44px;
    border-bottom:1px solid #eeeae2;
    position: relative;
}

.contacts-intro:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1;
}

.contacts-intro .container {
    position: relative;
    z-index: 2;
}

.contacts-breadcrumbs {
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:26px;
    color:#8b8f90;
    font-size:11px;
}.contacts-breadcrumbs a:hover {
    color:var(--gold);
}

.contacts-intro h1 {
    max-width:760px;
    color: #fff;
    margin:0 0 18px;
    font:500 clamp(48px,5.5vw,76px)/1.02 "Lora",Georgia,serif;
    letter-spacing:-.035em;
}

.contacts-intro p {
    max-width:620px;
    margin:0;
    color:#fff;
    font-size:16px;
}.contacts-main {
    padding:64px 0 84px;
}

.contacts-layout {
    display:grid;
    grid-template-columns:minmax(260px,.72fr) minmax(0,1.65fr);
    gap:64px;
    align-items:stretch;
}.contact-details {
    min-width:0;
}

.contact-item {
    padding-bottom:22px;
    margin-bottom:22px;
    border-bottom:1px solid #ece9e2;
}

.contact-label {
    display:block;
    margin-bottom:8px;
    color:var(--gold);
    font-size:10px;
    font-weight:600;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.contact-value {
    display:block;
    font:600 19px/1.4 "Lora",Georgia,serif;
}a.contact-value:hover {
    color:var(--gold);
}

.contact-note {
    display:block;
    margin-top:6px;
    color:#8a8f90;
    font-size:11px;
    line-height:1.55;
}.contact-whatsapp {
    width:100%;
    margin-top:4px;
}

.contacts-map {
    position:relative;
    min-height:520px;
    overflow:hidden;
    border:1px solid #e5e1d7;
    border-radius:4px;
    background:#efede7;
    box-shadow:0 16px 38px rgba(20,32,37,.07);
}

.map-placeholder {
    position:absolute;
    inset:0 0 76px;
    display:grid;
    place-items:center;
    color:#96928a;
    background:#ebe9e3;
    font-size:11px;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.map-footer {
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    min-height:76px;
    padding:15px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    background:#fff;
    border-top:1px solid #e5e1d7;
}

.map-footer strong {
    display:block;
    margin-bottom:3px;
    font:600 14px "Lora",Georgia,serif;
}

.map-footer span {
    display:block;
    color:var(--muted);
    font-size:10px;
}

.map-footer a {
    flex:0 0 auto;
    font-size:10px;
    font-weight:600;
    text-transform:uppercase;
}.map-footer a:hover {
    color:var(--gold);
}

.contacts-connect {
    padding:68px 0;
    background:var(--dark);
    color:#fff;
}

.contacts-connect-grid {
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
    gap:60px;
    align-items:center;
}

.contacts-connect h2 {
    margin-bottom:14px;
    font-size:clamp(36px,4vw,54px);
}

.contacts-connect p {
    max-width:650px;
    margin:0;
    color:#c5cfd2;
}

.contacts-connect-actions {
    display:flex;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:12px;
}

@media(max-width:980px) {.contacts-page {
    padding-top:60px;
}.contacts-layout {
    gap:38px;
}.contacts-connect-grid {
    grid-template-columns:1fr;
    gap:30px;
}.contacts-connect-actions {
    justify-content:flex-start;
}
}

@media(max-width:760px) {.contacts-intro {
    padding:48px 0 32px;
}.contacts-main {
    padding:46px 0 62px;
}.contacts-layout {
    grid-template-columns:1fr;
}.contacts-map {
    min-height:420px;
}
.slider-arrows {
    display: block;
}
}

@media(max-width:520px) {.contacts-intro h1 {
    font-size:42px;
}.contacts-intro p {
    font-size:14px;
}.contacts-layout {
    gap:34px;
}.contacts-map {
    min-height:360px;
}.map-placeholder {
    inset:0 0 100px;
}.map-footer {
    min-height:100px;
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
}.contacts-connect {
    padding:52px 0;
}.contacts-connect-actions {
    display:grid;
    grid-template-columns:1fr;
}.contacts-connect-actions .btn {
    width:100%;
}
}/* =========================================================
   GALLERY PAGE
   ========================================================= */
.gallery-page {
    padding-top:100px;
    background:#fff;
}
.gallery-intro{position:relative;padding:68px 0 54px;color:#fff;overflow:hidden;
    background: url(../img/bg_contact.webp) 50% 4% no-repeat;background-size: cover;
}
.gallery-intro:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1;
}.gallery-intro .container {
    position:relative;
    z-index:2;
}.gallery-breadcrumbs {
    display:flex;
    gap:9px;
    margin-bottom:26px;
    color:#aebabc;
    font-size:11px;
}.gallery-intro h1 {
    max-width:780px;
    margin:0 0 18px;
    color:#fff;
    font:500 clamp(48px,5.5vw,76px)/1.02 "Lora",Georgia,serif;
    letter-spacing:-.035em;
}.gallery-intro p {
    max-width:590px;
    margin:0;
    color:#c8d1d3;
    font-size:16px;
}.gallery-content {
    padding:54px 0 84px;
}.gallery-toolbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    margin-bottom:34px;
}.gallery-filters {
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}.gallery-filter {
    min-height:42px;
    padding:0 18px;
    border:1px solid #dedbd2;
    border-radius:2px;
    background:#fff;
    color:var(--ink);
    font-size:13px;
    cursor:pointer;
    transition:.2s;
    font-family: "Lora";
}.gallery-filter:hover,.gallery-filter.active {
    border-color:var(--gold);
    background:var(--gold);
    color:#fff;
}.gallery-count {
    color:var(--muted);
    font-size:11px;
}.gallery-page-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-flow:dense;
    gap:14px;
}.gallery-card {
    position:relative;
    display:block;
    aspect-ratio:4/3;
    overflow:hidden;
    border-radius:4px;
    background:var(--slot);
}.gallery-card.wide {
    grid-column:span 2;
    aspect-ratio:2/1;
}.gallery-card.tall {
    grid-row:span 2;
    aspect-ratio:auto;
    min-height:100%;
}.gallery-card[hidden] {
    display:none!important;
}.gallery-card img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .6s ease;
}.gallery-card:hover img {
    transform:scale(1.035);
}.gallery-card-overlay {
    position:absolute;
    inset:auto 0 0;
    padding:54px 20px 18px;
    color:#fff;
    background:linear-gradient(0deg,rgba(5,18,24,.78),rgba(5,18,24,0));
    pointer-events:none;
}.gallery-card-title {
    display:block;
    margin-bottom:3px;
    font:500 17px "Lora",Georgia,serif;
}.gallery-card-category {
    display:block;
    color:rgba(255,255,255,.72);
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.08em;
    display: none;
}.gallery-more-wrap {
    display:flex;
    justify-content:center;
    margin-top:36px;
}
.gallery-more-wrap button:hover {
    cursor: pointer;
    background: var(--gold);
    color: #fff;
}
.gallery-more-wrap[hidden] {
    display:none;
}.gallery-cta {
    padding:68px 0;
    background:var(--paper);
    border-top:1px solid #eeeae2;
}.gallery-cta-grid {
    display:grid;
    grid-template-columns:1.3fr .7fr;
    gap:60px;
    align-items:center;
}.gallery-cta h2 {
    margin-bottom:12px;
    font-size:clamp(36px,4vw,54px);
}.gallery-cta p {
    margin:0;
    color:var(--muted);
}.gallery-cta-action {
    display:flex;
    justify-content:flex-end;
}
@media(max-width:980px){.gallery-page {
    padding-top:72px;
}.gallery-page-grid {
    grid-template-columns:repeat(2,1fr);
}.gallery-cta-grid {
    grid-template-columns:1fr;
}.gallery-cta-action {
    justify-content:flex-start;
}}
@media(max-width:700px){.gallery-intro {
    padding:48px 0 38px;
}.gallery-content {
    padding:42px 0 62px;
}.gallery-toolbar {
    align-items:flex-start;
    flex-direction:column;
    gap:16px;
}.gallery-filters {
    width:100%;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:5px;
}.gallery-filter {
    flex:0 0 auto;
}.gallery-count {
    display:none;
}.gallery-card.tall {
    grid-row:auto;
    aspect-ratio:4/3;
}}
@media(max-width:520px){.gallery-intro h1 {
    font-size:42px;
}.gallery-intro p {
    font-size:14px;
}.gallery-page-grid {
    grid-template-columns:1fr 1fr;
    gap:8px;
}.gallery-card,.gallery-card.tall {
    aspect-ratio:1/1.15;
}.gallery-card.wide {
    grid-column:span 2;
    aspect-ratio:16/9;
}.gallery-card-title {
    font-size:14px;
}.gallery-card-category {
    font-size:8px;
}.gallery-cta {
    padding:52px 0;
}.gallery-cta-action .btn {
    width:100%;
}}/* =========================================================
   ABOUT PAGE
   ========================================================= */
.about-page {
    padding-top:100px;
    background:#fff;
}
.about-intro{position:relative;padding:68px 0 54px;color:#fff;overflow:hidden;    background: url(../img/bg_contact.webp) 50% 4% no-repeat;
    background-size: cover;}
.about-intro:after{    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1;}.about-intro .container {
    position:relative;
    z-index:2;
}.about-breadcrumbs {
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:26px;
    color:#aebabc;
    font-size:11px;
}.about-breadcrumbs a:hover {
    color:var(--gold);
}.about-intro h1 {
    max-width:800px;
    margin:0 0 18px;
    color:#fff;
    font:500 clamp(48px,5.5vw,76px)/1.02 "Lora",Georgia,serif;
    letter-spacing:-.035em;
}.about-intro p {
    max-width:660px;
    margin:0;
    color:#c8d1d3;
    font-size:16px;
}.about-overview {
    padding:78px 0 68px;
    text-align:center;
}.about-overview-copy {
    max-width:760px;
    margin:0 auto 48px;
}.about-overview h2 {
    margin-bottom:18px;
}.about-overview-copy p {
    margin:0;
    color:var(--muted);
}.about-numbers {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}.about-number {
    padding:34px 20px;
}.about-number+.about-number {
    border-left:1px solid var(--line);
}.about-number strong {
    display:block;
    margin-bottom:8px;
    font:500 38px/1 "Lora",Georgia,serif;
}.about-number strong.text-value {
    font-size:23px;
    line-height:1.15;
}.about-number span {
    display:block;
    font-size:11px;
    font-weight:600;
    line-height:1.45;
    letter-spacing:.06em;
    text-transform:uppercase;
}.about-number small {
    display:block;
    margin-top:7px;
    color:var(--muted);
    font-size:10px;
    line-height:1.5;
}.about-services {
    padding:72px 0 84px;
    background:var(--paper);
}.about-services-head {
    max-width:680px;
    margin-bottom:36px;
}.about-services-head h2 {
    margin-bottom:14px;
}.about-services-head p {
    margin:0;
    color:var(--muted);
}.about-services-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}
.about-services-grid .bg_room {
    background: url(../img/slider/slider_room.webp) 50% 50% no-repeat;
    background-size: cover;
    position: relative;
}
.about-services-grid .bg_spa {
    background: url(../img/spa_main.webp) 50% 50% no-repeat;
    background-size: cover;
    position: relative;
}
.about-services-grid .bg_spa_procedure {
    background: url(../img/slider/slider_massage.webp) 50% 50% no-repeat;
    background-size: cover;
    position: relative;
}
.about-services-grid .bg_kafe {
    background: url(../img/kuhnya.webp) 50% 50% no-repeat;
    background-size: cover;
    position: relative;
}
.about-services-grid .bg_grey {
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}
.about-services-grid a span,
.about-services-grid a p,
.about-services-grid a h3{
    z-index: 3;
}
.about-service {
    position:relative;
    min-height:310px;
    padding:30px 26px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    border:1px solid #e1ddd4;
    border-radius:4px;
    background:#fff;
    transition:.25s;
}
.about-service:hover {
    transform:translateY(-4px);
    border-color:#d7c39f;
    box-shadow:var(--shadow);
}
.about-service:hover h3 {
    color: #d6aa5c;
}
.about-service-index {
    position:absolute;
    top:26px;
    right:26px;
    color:#fff;
    font:500 40px/1 "Lora",Georgia,serif;
}.about-service h3 {
    color: #fff;
    margin:0 0 12px;
    font:500 25px/1.15 "Lora",Georgia,serif;
}.about-service p {
    margin:0 0 22px;
    color: #fff;
    font-size:12px;
    line-height:1.65;
}.about-service-link {
    font-size:10px;
    font-weight:600;
    letter-spacing:.05em;
    color: #fff;
    text-transform:uppercase;
}.about-service-link:hover {
    color:var(--gold);
}.about-formats {
    padding:34px 0;
    border-bottom:1px solid #eeeae2;
}.about-formats-grid {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
}
.about-format {
    padding:16px 24px;
    text-align:center;
}
.about-format img {
    height: 50px;
    filter: invert(67%) sepia(35%) saturate(802%) hue-rotate(359deg) brightness(88%) contrast(87%);
    margin-bottom: 10px;
}
.about-format+.about-format {
    border-left:1px solid var(--line);
}.about-format strong {
    display:block;
    margin-bottom:7px;
    font:500 15px "Lora",Georgia,serif;
    text-transform:uppercase;
}.about-format span {
    display:block;
    color:var(--muted);
    font-size:10px;
    line-height:1.5;
}.about-philosophy {
    padding:84px 0;
}.about-philosophy-grid {
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    gap:76px;
    align-items:center;
}.about-philosophy-panel {
    min-height:460px;
    padding:52px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    background: url(../img/spa_main.webp) 94% 50% no-repeat;
    background-size: cover;
    color:#fff;
}.about-philosophy-panel span {
    color:#d8b16f;
    font-size:11px;
    letter-spacing:.14em;
    text-transform:uppercase;
}.about-philosophy-panel strong {
    display:block;
    max-width:390px;
    margin-top:18px;
    font:500 clamp(34px,4vw,52px)/1.06 "Lora",Georgia,serif;
}.about-philosophy-copy h2 {
    margin-bottom:20px;
}.about-philosophy-copy p {
    max-width:560px;
    margin-bottom:18px;
    color:var(--muted);
}
.about-quote {
    margin-top: 30px;
    padding:0px 0 0 28px;
    border-left:2px solid var(--gold);
    color:#51595b;
    font:500 18px/1.55 "Lora",Georgia,serif;
}.about-cta {
    padding:68px 0;
    background:var(--dark);
    color:#fff;
}.about-cta-grid {
    display:grid;
    grid-template-columns:1.3fr .7fr;
    gap:60px;
    align-items:center;
}.about-cta h2 {
    margin-bottom:12px;
    font-size:clamp(36px,4vw,54px);
}.about-cta p {
    margin:0;
    color:#c5cfd2;
}.about-cta-action {
    display:flex;
    justify-content:flex-end;
}
@media(max-width:980px){.about-page {
    padding-top:72px;
}.about-numbers {
    grid-template-columns:repeat(3,1fr);
}.about-services-grid {
    grid-template-columns:1fr 1fr;
}.about-formats-grid {
    grid-template-columns:repeat(3,1fr);
}.about-philosophy-grid,.about-cta-grid {
    grid-template-columns:1fr;
}.about-cta-action {
    justify-content:flex-start;
}}
@media(max-width:640px){.about-intro {
    padding:48px 0 38px;
}.about-intro h1 {
    font-size:42px;
}.about-intro p {
    font-size:14px;
}.about-overview {
    padding:58px 0 48px;
    text-align:left;
}.about-numbers {
    grid-template-columns:1fr 1fr;
}.about-number {
    padding:26px 16px;
}.about-services {
    padding:54px 0 62px;
}.about-services-grid {
    grid-template-columns:1fr;
}.about-service {
    min-height:240px;
}.about-formats-grid {
    grid-template-columns:1fr 1fr;
}.about-format {
    padding:20px 12px;
}.about-philosophy {
    padding:58px 0;
}.about-philosophy-panel {
    min-height:320px;
    padding:32px 26px;
}.about-cta {
    padding:52px 0;
}.about-cta-action .btn {
    width:100%;
}}

/* =========================================================
   PROMOTIONS PAGE
   ========================================================= */

.promotions-page {
    padding-top: 100px;
    background: #fff;
}

.promotions-intro {
    position: relative;
    padding: 68px 0 54px;
    overflow: hidden;
    color: #fff;
    background: url(../img/bg_aksiya.webp) 50% 83% no-repeat;
    background-size: cover;
}

.promotions-intro::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1;
}

.promotions-intro .container {
    position: relative;
    z-index: 2;
}

.promotions-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 26px;
    color: #aebabc;
    font-size: 11px;
}

.promotions-breadcrumbs a:hover {
    color: var(--gold);
}

.promotions-intro .section-label {
    margin-bottom: 14px;
}

.promotions-intro h1 {
    max-width: 760px;
    margin: 0 0 18px;
    color: #fff;
    font: 500 clamp(48px, 5.5vw, 76px)/1.02 "Lora", Georgia, serif;
    letter-spacing: -.035em;
}

.promotions-intro p {
    max-width: 620px;
    margin: 0;
    color: #fff;
    font-size: 16px;
}

.promotions-content {
    padding: 56px 0 88px;
    background: #fff;
}

.promotions-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
}

.promotion-card {
    position: relative;
    grid-column: span 2;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e7e2d8;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(20, 32, 37, .06);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.promotion-card:hover {
    transform: translateY(-4px);
    border-color: #d9c6a3;
    box-shadow: var(--shadow);
}

.promotion-card-large {
    grid-column: span 3;
    min-height: 440px;
    color: #fff;
}

.promotion-card-wide {
    grid-column: 1 / -1;
    min-height: 310px;
    color: #fff;
}

.promotion-media {
    position: relative;
    display: grid;
    place-items: center;
    height: 220px;
    overflow: hidden;
    background: var(--slot);
    color: #8d8a82;
    font-size: 11px;
    letter-spacing: .04em;
}

.promotion-card-large .promotion-media,
.promotion-card-wide .promotion-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.promotion-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .65s ease;
}

.promotion-card:hover .promotion-media img {
    transform: scale(1.035);
}

.promotion-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        0deg,
        rgba(5, 18, 24, .88) 0%,
        rgba(5, 18, 24, .38) 55%,
        rgba(5, 18, 24, .06) 100%
    );
}

.promotion-badge {
    position: absolute;
    z-index: 4;
    top: 18px;
    left: 18px;
    max-width: calc(100% - 36px);
    padding: 8px 14px;
    border-radius: 30px;
    background: #ddb66c;
    color: #182126;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.promotion-content {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 34px 28px 28px;
}

.promotion-card-large .promotion-content {
    max-width: 520px;
}

.promotion-card-wide .promotion-content {
    max-width: 510px;
    padding: 36px 30px 30px;
}

.promotion-content h2 {
    margin: 0 0 12px;
    font: 500 30px/1.12 "Lora", Georgia, serif;
}

.promotion-content p {
    max-width: 430px;
    margin: 0 0 20px;
    color: rgba(255, 255, 255, .88);
    font-size: 13px;
    line-height: 1.65;
}

.promotion-card-body {
    padding: 24px 24px 26px;
}

.promotion-card-body h3 {
    margin: 0 0 10px;
    font: 500 22px/1.18 "Lora", Georgia, serif;
}

.promotion-card-body p {
    min-height: 44px;
    margin: 0 0 20px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.65;
}
.promotion-card-body p.time_aks {
    min-height: auto;
    color: var(--gold);
}

.promotion-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.promotion-link b {
    font-size: 16px;
    font-weight: 400;
    transition: transform .2s ease;
}

.promotion-card:hover .promotion-link b {
    transform: translateX(4px);
}


/* =========================================================
   PROMOTIONS — RESPONSIVE
   ========================================================= */

@media (max-width: 980px) {
    .promotions-page {
        padding-top: 72px;
    }

    .promotions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .promotion-card,
    .promotion-card-large {
        grid-column: span 1;
    }

    .promotion-card-wide {
        grid-column: 1 / -1;
    }

    .promotion-card-large {
        min-height: 390px;
    }
}

@media (max-width: 700px) {
    .promotions-intro {
        padding: 48px 0 38px;
    }

    .promotions-content {
        padding: 38px 0 62px;
    }

    .promotions-grid {
        gap: 12px;
    }

    .promotion-card-large {
        min-height: 350px;
    }

    .promotion-card-wide {
        min-height: 300px;
    }

    .promotion-media {
        height: 190px;
    }

    .promotion-content {
        padding: 26px 22px 22px;
    }

    .promotion-content h2 {
        font-size: 25px;
    }
}

@media (max-width: 560px) {
    .promotions-intro h1 {
        font-size: 42px;
    }

    .promotions-intro p {
        font-size: 14px;
    }

    .promotions-grid {
        grid-template-columns: 1fr;
    }

    .promotion-card,
    .promotion-card-large,
    .promotion-card-wide {
        grid-column: 1;
    }

    .promotion-card-large {
        min-height: 390px;
    }

    .promotion-card-wide {
        min-height: 340px;
    }

    .promotion-media {
        height: 220px;
    }

    .promotion-card-body {
        padding: 22px 20px 24px;
    }

    .promotion-card-body p {
        min-height: 0;
    }
}

.spa-page-hero-bg {
    background: url(../img/spamain.webp) 50% 50% no-repeat !important;
    background-size: cover;
}

/* SPA PAGE */
.spa-page{padding-top:100px}.spa-page-hero,.spa-page-cta{position:relative;display:flex;align-items:flex-end;overflow:hidden;color:#fff}.spa-page-hero-bg,.spa-page-cta-bg{position:absolute;inset:0;display:grid;place-items:center;background:#263b40;color:#ffffff66}.spa-page-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#051218db,#05121880 45%,#0512181f)}.spa-page-hero-content,.spa-page-cta-content{position:relative;z-index:2;padding-top:100px;padding-bottom:58px}.spa-breadcrumbs{display:flex;gap:9px;margin-bottom:25px;color:#ffffffaa;font-size:11px}.spa-page-hero h1{font-size:clamp(52px,6vw,80px);margin-bottom:18px}.spa-page-hero-content>p{max-width:580px;font-size:16px}.spa-features{padding:28px 0;background:#fbfaf7;border-bottom:1px solid #eee}.spa-features-grid{display:grid;grid-template-columns:repeat(4,1fr)}.spa-feature{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:8px 22px} .spa-feature img {width: 100%;    filter: invert(67%) sepia(35%) saturate(802%) hue-rotate(359deg) brightness(88%) contrast(87%);}.spa-feature+.spa-feature{border-left:1px solid var(--line)}.spa-feature b{width:48px;height:48px;display:grid;place-items:center;border:1px solid #d8c39d;border-radius:50%;color:var(--gold);font-size:10px}.spa-feature strong{font:500 13px Lora}.spa-feature p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.spa-showcase{padding:78px 0}.spa-showcase-steam{background:var(--paper)}.spa-showcase .swiper-wrapper {height: 440px;}.spa-showcase-grid{display:grid;grid-template-columns:.78fr 1.35fr;gap:62px;align-items:center}.spa-showcase-grid.reverse{grid-template-columns:1.35fr .78fr}.spa-showcase-copy h2{font-size:clamp(40px,4.5vw,55px);margin-bottom:20px}.spa-showcase-copy p{color:var(--muted);font-size:13px}.spa-showcase-copy ul{padding:0;list-style:none}.spa-showcase-copy li{margin:13px 0;padding-left:22px;position:relative;font-size:12px}.spa-showcase-copy li:before{content:'';position:absolute;left:0;top:.7em;width:12px;height:1px;background:var(--gold)}.spa-photo-slider{min-width:0}.spa-pools-swiper,.spa-steam-swiper{position:relative;overflow:hidden;border-radius:4px;box-shadow:var(--shadow)}.spa-slide{aspect-ratio:16/10;display:grid;place-items:center;background:#ddd9d0;color:#888;font-size:10px}.spa-slide.dark{background:#392f29;color:#ffffff88}.spa-slide img{width:100%;height:440px;object-fit:cover}.spa-slider-controls{position:absolute;z-index:5;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;align-items:center;color:#fff}.spa-slider-controls>div:first-child{width:auto;padding:8px 12px;border-radius:30px;background:#051218aa}.spa-slider-controls button{width:42px;height:42px;margin-left:6px;border:1px solid #ffffff99;border-radius:50%;background:#05121899;color:#fff;cursor:pointer}.steam-types{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.steam-types span{padding:14px 0;border-bottom:1px solid var(--line);font:500 12px Lora}.spa-procedures-preview{padding:80px 0}.spa-procedures-head{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:end;margin-bottom:32px}.spa-procedures-head p{color:var(--muted);font-size:13px}.spa-procedure-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.spa-procedure-card{overflow:hidden;border:1px solid #e9e4db;border-radius:4px;background:#fff}.spa-procedure-media{aspect-ratio:16/10;display:grid;place-items:center;background:var(--slot);color:#888;font-size:10px}.spa-procedure-media img{width:100%;height:100%;object-fit:cover}.spa-procedure-card>div:last-child{padding:20px}.spa-procedure-card h3{font:500 22px Lora;margin:0 0 8px}.spa-procedure-card p{margin:0;color:var(--muted);font-size:11px}.spa-page-cta{min-height:340px;align-items:center}.spa-page-cta h2{color:#fff;font-size:clamp(38px,4.6vw,58px);margin-bottom:14px}.spa-page-cta p{max-width:520px;color:#ffffffdd;font-size:13px}
@media(max-width:980px){.spa-page{padding-top:72px}.spa-features-grid{grid-template-columns:1fr 1fr}.spa-showcase-grid,.spa-showcase-grid.reverse{grid-template-columns:1fr}.spa-showcase-grid.reverse .spa-photo-slider{order:2}.spa-procedures-head{grid-template-columns:1fr;gap:15px}}
@media(max-width:680px){.spa-page-hero{min-height:520px}.spa-page-hero h1{font-size:48px}.spa-features-grid{grid-template-columns:1fr}.spa-feature+.spa-feature{border-left:0;border-top:1px solid var(--line)}.spa-showcase{padding:55px 0}.spa-slide{aspect-ratio:4/3}.steam-types{grid-template-columns:1fr}.spa-procedure-cards{grid-template-columns:1fr}.spa-procedures-preview{padding:58px 0}.spa-page-cta{min-height:380px}}


/* =========================================================
   ROOMS PAGE
   ========================================================= */
.rooms-page{padding-top:100px;background:#fff}
.rooms-page-hero{position:relative;display:flex;align-items:flex-end;overflow:hidden;color:#fff}
.rooms-page-hero-bg,.rooms-page-cta-bg{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#453a32;color:rgba(255,255,255,.38);font-size:11px;letter-spacing:.08em;text-transform:uppercase;background-size:cover !important;}
.rooms-page-hero-bg img,.rooms-page-cta-bg img{width:100%;height:100%;display:block;object-fit:cover}
.rooms-page-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,18,24,.86),rgba(5,18,24,.58) 42%,rgba(5,18,24,.08) 78%)}
.rooms-page-hero-content{position:relative;z-index:2;padding-top:110px;padding-bottom:58px}
.rooms-breadcrumbs{display:flex;align-items:center;gap:9px;margin-bottom:27px;color:rgba(255,255,255,.68);font-size:11px}
.rooms-breadcrumbs a:hover{color:#e5c98e}
.rooms-page-hero h1{max-width:760px;margin:0 0 18px;color:#fff;font:500 clamp(52px,6vw,80px)/1.02 "Lora",Georgia,serif;letter-spacing:-.035em}
.rooms-page-hero-content>p{max-width:560px;margin-bottom:28px;color:rgba(255,255,255,.92);font-size:16px}

.rooms-catalog{padding:76px 0 88px;background:#fff}
.rooms-catalog-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);gap:70px;align-items:end;margin-bottom:38px}
.rooms-catalog-head h2{margin-bottom:0}
.rooms-catalog-head>p{max-width:460px;margin:0 0 5px auto;color:var(--muted);font-size:13px}
.rooms-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hotel-room-card{min-width:0;overflow:hidden;border:1px solid #e8e3da;border-radius:4px;background:#fff;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.hotel-room-card:hover h3 {
    color: var(--gold);
}
.hotel-room-card:hover{transform:translateY(-5px);border-color:#d8c39d;box-shadow:var(--shadow)}
.hotel-room-card-media{aspect-ratio:1/.82;display:grid;place-items:center;overflow:hidden;background:var(--slot);color:#8d8a82;font-size:10px;letter-spacing:.05em;text-align:center}
.hotel-room-card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s ease}
.hotel-room-card:hover .hotel-room-card-media img{transform:scale(1.035)}
.hotel-room-card-body{padding:22px 22px 24px}
.hotel-room-card h3{margin:0 0 8px;font:500 27px/1.15 "Lora",Georgia,serif}
.hotel-room-card p{margin:0 0 20px;color:var(--muted);font-size:17px;line-height:1.6}
.hotel-room-card strong{display:block;margin-bottom:20px;color:var(--gold);font:500 18px/1.2 "Lora",Georgia,serif}
.hotel-room-more{display:inline-flex;align-items:center;gap:12px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.hotel-room-more b{font-size:16px;font-weight:400;transition:transform .2s ease}
.hotel-room-card:hover .hotel-room-more b{transform:translateX(4px)}

.rooms-page-cta{position:relative;min-height:330px;display:flex;align-items:center;overflow:hidden;color:#fff}
.rooms-page-cta-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,18,24,.9),rgba(5,18,24,.6) 48%,rgba(5,18,24,.12) 80%)}
.rooms-page-cta-content{position:relative;z-index:2;padding-top:54px;padding-bottom:54px}
.rooms-page-cta h2{max-width:580px;margin-bottom:13px;color:#fff;font-size:clamp(38px,4.5vw,56px)}
.rooms-page-cta p{max-width:480px;margin-bottom:23px;color:rgba(255,255,255,.86);font-size:13px}

@media(max-width:980px){
    .rooms-page{padding-top:60px}
    .rooms-catalog-head{grid-template-columns:1fr;gap:18px}
    .rooms-catalog-head>p{max-width:620px;margin-left:0}
    .rooms-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hotel-room-card:last-child{grid-column:1/-1}
}
@media(max-width:640px){
    .rooms-page-hero{min-height:520px}
    .rooms-page-hero-content{padding-top:90px;padding-bottom:42px}
    .rooms-page-hero h1{font-size:48px}
    .rooms-page-hero-content>p{font-size:14px}
    .rooms-catalog{padding:56px 0 62px}
    .rooms-catalog-head{margin-bottom:28px}
    .rooms-catalog-grid{grid-template-columns:1fr;gap:14px}
    .hotel-room-card:last-child{grid-column:auto}
    .hotel-room-card-media{aspect-ratio:16/10}
    .hotel-room-card p{min-height:0}
    .rooms-page-cta{min-height:370px}
}
@media(max-width:420px){
    .rooms-page-hero h1{font-size:42px}
    .hotel-room-card-body{padding:20px}
    .hotel-room-card h3{font-size:24px}
}

/* =========================================================
   ROOM DETAIL PAGE
   ========================================================= */
.room-detail-page{padding-top:100px;background:#fff}
.room-detail-hero{position:relative;display:flex;align-items:flex-end;overflow:hidden;color:#fff}
.room-detail-hero-media,.room-detail-cta-media{background-size:cover;position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#493b31;color:rgba(255,255,255,.38);font-size:10px;letter-spacing:.08em;text-transform:uppercase;background-size: cover !important;}
.room-detail-hero-media img,.room-detail-cta-media img{width:100%;height:100%;display:block;object-fit:cover}
.room-detail-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,18,24,.82),rgba(5,18,24,.48) 48%,rgba(5,18,24,.08))}
.room-detail-hero-content{position:relative;z-index:2;padding-top:90px;padding-bottom:48px}
.room-detail-breadcrumbs{display:flex;align-items:center;gap:9px;margin-bottom:26px;color:rgba(255,255,255,.72);font-size:11px}
.room-detail-breadcrumbs a:hover{color:#e5c98e}
.room-detail-hero h1{max-width:760px;margin:0 0 14px;color:#fff;font:500 clamp(52px,6vw,76px)/1.02 "Lora",Georgia,serif;letter-spacing:-.035em}
.room-detail-hero-content>p{max-width:520px;margin:0;color:rgba(255,255,255,.92);font-size:15px}

.room-detail-main{padding:42px 0 34px}
.room-detail-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,.8fr);gap:42px;align-items:start}
.room-gallery{min-width:0}
.room-gallery-main{position:relative;width:100%;overflow:hidden;border-radius:4px;background:var(--slot)}
.room-gallery-slide{aspect-ratio:16/10.2;display:grid;place-items:center;overflow:hidden;background:#ddd8cf;color:#8d8a82;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.room-gallery-slide img{width:100%;height:100%;display:block;object-fit:cover}
.room-gallery-prev,.room-gallery-next{position:absolute;z-index:4;top:50%;width:46px;height:46px;margin-top:-23px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--gold);cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.12)}
.room-gallery-prev{left:18px}.room-gallery-next{right:18px}
.room-gallery-counter{position:absolute;z-index:4;left:20px;bottom:18px;padding:7px 10px;border-radius:2px;background:rgba(5,18,24,.62);color:#fff;font-size:10px}
.room-gallery-thumbs{margin-top:8px;overflow:hidden}
.room-thumb{aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;border:2px solid transparent;border-radius:3px;background:#dedbd4;color:#969189;font-size:9px;cursor:pointer;opacity:.7;transition:.2s}
.room-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.room-thumb.swiper-slide-thumb-active{border-color:var(--gold);opacity:1}

.room-detail-info h2{margin-bottom:16px;font-size:clamp(40px,4vw,44px)}
.room-detail-description{margin-bottom:24px;color:var(--muted);font-size:12px;line-height:1.75}
.room-quick-info{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:22px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.room-quick-info>div{padding:0 12px}.room-quick-info>div:first-child{padding-left:0}.room-quick-info>div+div{border-left:1px solid var(--line)}
.room-quick-info strong{display:block;margin-bottom:5px;font:500 13px "Lora",Georgia,serif}
.room-quick-info span{color:var(--muted);font-size:9px;text-transform:uppercase}
.room-prices{margin-bottom:14px;background:#fbfaf7;border:1px solid #eee9df}
.room-price-row{min-height:82px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.room-price-row+.room-price-row{border-top:1px solid #e9e3d8}
.room-price-row strong{display:block;margin-bottom:4px;font-size:11px}.room-price-row span{display:block;color:var(--muted);font-size:9px}
.room-price{flex:0 0 auto;color:#b27d34;font:500 22px "Lora",Georgia,serif;white-space:nowrap}.room-price small{font:400 10px "Inter",Arial,sans-serif}
.room-book-button{width:100%}.room-book-note{margin:12px 0 0;color:var(--muted);font-size:9px;text-align:center}

.room-details-section{padding:28px 0 66px}
.room-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;padding-top:34px;border-top:1px solid var(--line)}
.room-amenities{margin-bottom:30px}
.room-amenities-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0 26px}
.room-amenity{min-height:54px;display:grid;grid-template-columns:45px 1fr;gap:12px;align-items:center;margin-bottom:10px;}
.room-amenity img {
    width: 100%;
    filter: brightness(0) saturate(100%) invert(65%) sepia(38%) saturate(759%) hue-rotate(359deg) brightness(92%) contrast(87%);
}
.room-amenity>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d7bd8d;border-radius:50%;color:var(--gold);font-size:7px;font-weight:700;text-transform:uppercase}
.room-amenity strong{font-size:14px;font-weight:400;color:#555d5f}
.room-rules{display:grid;gap:30px}.room-rule-block .section-label{margin-bottom:10px;font-family: 'Lora';font-size: 18px;}.room-rule-block p{margin:0;color:#5f6668;font-size:11px;line-height:1.75}

.room-other{padding:54px 0 68px;background:#fbfaf7;border-top:1px solid #eee9e0}
.room-other-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.room-other-head h2{margin:0;font-size:clamp(34px,4vw,48px)}.room-other-head>a{color:var(--gold);font-size:10px;font-weight:600;text-transform:uppercase}
.room-other-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.room-other-card{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);overflow:hidden;border:1px solid #e9e3d9;border-radius:4px;background:#fff;transition:.25s}
.room-other-card:hover{transform:translateY(-4px);border-color:#d8c39d;box-shadow:var(--shadow)}
.room-other-media{min-height:190px;display:grid;place-items:center;overflow:hidden;background:var(--slot);color:#8d8a82;font-size:9px;text-align:center}
.room-other-media img{width:100%;height:100%;display:block;object-fit:cover}
.room-other-body{padding:22px;display:flex;flex-direction:column;justify-content:space-between}.room-other-body h3{margin:0 0 8px;font:500 25px "Lora",Georgia,serif}.room-other-body p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.room-other-price{display:flex;align-items:center;gap:7px;margin-top:20px;color:#b27d34;font:500 18px "Lora",Georgia,serif}.room-other-price small{font:400 9px "Inter",Arial,sans-serif}.room-other-price b{margin-left:auto;font-size:18px;font-weight:400}

.room-detail-cta{position:relative;min-height:280px;display:flex;align-items:center;overflow:hidden;color:#fff}
.room-detail-cta-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,18,24,.9),rgba(5,18,24,.58) 55%,rgba(5,18,24,.16))}
.room-detail-cta-content{position:relative;z-index:2;padding-top:44px;padding-bottom:44px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.room-detail-cta h2{margin-bottom:10px;color:#fff;font-size:clamp(36px,4.3vw,52px)}.room-detail-cta p{max-width:540px;margin:0;color:rgba(255,255,255,.86);font-size:12px}.room-detail-cta .btn{flex:0 0 auto}

@media(max-width:980px){
    .room-detail-page{padding-top:72px}
    .room-detail-top{grid-template-columns:1fr;gap:34px}
    .room-details-grid{gap:34px}
    .room-amenities{padding-right:34px}
    .room-other-card{grid-template-columns:1fr}
    .room-other-media{min-height:220px}
}
@media(max-width:700px){
    .room-detail-hero{min-height:350px}
    .room-detail-hero-content{padding-top:72px;padding-bottom:36px}
    .room-detail-hero h1{font-size:48px}
    .room-detail-main{padding-top:28px}
    .room-gallery-slide{aspect-ratio:4/3}
    .room-details-grid{grid-template-columns:1fr}
    .room-other-grid{grid-template-columns:1fr}
    .room-detail-cta-content{align-items:flex-start;flex-direction:column;gap:22px}
}
@media(max-width:520px){
    .room-detail-hero h1{font-size:42px}
    .room-price-row{align-items:flex-start;flex-direction:column;gap:8px}
    .room-amenities-grid{grid-template-columns:1fr}
    .room-other-head{align-items:flex-start;flex-direction:column}
    .room-detail-cta{min-height:330px}
    .room-detail-cta .btn{width:100%}
}



/* =========================================================
   OFFER DETAIL PAGE
   ========================================================= */
.offer-detail-page{background:#fff}
.offer-detail-hero{position:relative;min-height:540px;display:flex;align-items:flex-end;overflow:hidden;color:#fff}
.offer-detail-media img,.offer-detail-cta-media img{width:100%;height:100%;display:block;object-fit:cover}
.offer-detail-overlay{position:absolute;inset:0;z-index:1;    background: url(../img/bg_aksiya.webp) 50% 4% no-repeat;
    background-size: cover;}
.offer-detail-overlay:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1;
}
.offer-detail-hero-content{position:relative;z-index:2;padding-top:150px;padding-bottom:58px}
.offer-back{display:inline-block;margin-bottom:28px;color:rgba(255,255,255,.82);font-size:11px}.offer-back:hover{color:#e5c98e}
.offer-type{display:table;margin-bottom:15px;padding:8px 13px;border-radius:3px;background:var(--gold);font-size:10px;font-weight:700;letter-spacing:.08em}
.offer-detail-hero h1{max-width:760px;margin:0 0 16px;font:500 clamp(50px,6vw,78px)/1.02 "Lora",Georgia,serif;letter-spacing:-.035em}
.offer-detail-hero-content>p{max-width:570px;margin-bottom:25px;font-size:16px;line-height:1.65}
.offer-detail-main{padding:68px 0 74px}
.offer-detail-main .offer-detail-copy p strong {
    font-family: "Lora";
}
.offer-detail-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:72px;align-items:start}
.offer-detail-copy h2{margin-bottom:22px;font-size:clamp(38px,4.4vw,58px)}
.offer-detail-lead{max-width:680px;margin-bottom:32px;color:#525a5c;font-size:14px}
.offer-included-title{display:block;margin-bottom:20px;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.14em}
.offer-included-list{display:grid;gap:19px}
.offer-included-item{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;align-items:center}
.offer-round-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#fff;font:500 10px "Lora",serif}
.offer-included-item h3{margin:0 0 4px;font:500 18px "Lora",serif}.offer-included-item p{margin:0;color:var(--muted);font-size:11px}
.offer-price-card{position:sticky;top:120px;padding:34px;background:#fbf8f2;border:1px solid #eee6d8;box-shadow:0 14px 38px rgba(20,32,37,.06)}
.offer-price-label{display:block;margin-bottom:10px;color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.14em}
.offer-price{color:#aa7731;font:500 clamp(38px,4vw,43px) "Lora",serif}.offer-old-price{display:inline-block;position:relative;margin-top:5px;color:#99958d;font-size:19px}.offer-old-price:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1px;background:#99958d}
.offer-price-divider{height:1px;margin:27px 0;background:#dfd6c7}
.offer-condition{display:grid;grid-template-columns:32px 1fr;gap:13px;margin-bottom:20px}.offer-condition>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:8px;font-weight:700}.offer-condition strong{display:block;margin-bottom:4px;font-size:11px}.offer-condition p{margin:0;color:#666d6e;font-size:11px;line-height:1.55}.offer-price-button{width:100%;margin-top:5px}
.offer-related{padding:22px 0 70px;background:#fbfaf7;border-top:1px solid #f0ece4}.offer-related-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.offer-related-head .section-label{margin:0}.offer-related-head>a{color:var(--gold);font-size:11px}
.offer-related-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.offer-related-card{overflow:hidden;border:1px solid #ece7de;border-radius:4px;background:#fff;transition:.25s}.offer-related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.offer-related-media{position:relative;height:160px;display:grid;place-items:center;background:var(--slot);color:#8d8a82;font-size:10px}.offer-related-media img{width:100%;height:100%;object-fit:cover}.offer-related-media b{position:absolute;left:14px;top:14px;padding:7px 12px;border-radius:20px;background:#d9ad61;color:#182126;font-size:8px;letter-spacing:.05em}
.offer-related-body{padding:18px 20px 20px}.offer-related-body h3{margin:0 0 7px;font:500 19px "Lora",serif}.offer-related-body p{margin:0 0 14px;color:var(--muted);font-size:11px}.offer-related-body>span{color:var(--gold);font-size:9px;font-weight:700;text-transform:uppercase}
.offer-detail-cta{position:relative;min-height:300px;display:flex;align-items:center;overflow:hidden;color:#fff}.offer-detail-cta-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,18,24,.9),rgba(5,18,24,.55) 50%,rgba(5,18,24,.12))}.offer-detail-cta-content{position:relative;z-index:2;padding-top:48px;padding-bottom:48px}.offer-detail-cta h2{max-width:520px;margin-bottom:12px;color:#fff;font-size:clamp(36px,4.4vw,54px)}.offer-detail-cta p{max-width:480px;margin-bottom:22px;color:rgba(255,255,255,.86);font-size:13px}
@media(max-width:980px){.offer-detail-layout{grid-template-columns:1fr;gap:42px}.offer-price-card{position:static}.offer-related-grid{grid-template-columns:repeat(2,1fr)}.offer-related-card:last-child{grid-column:1/-1}}
@media(max-width:640px){.offer-detail-hero{min-height:520px}.offer-detail-hero-content{padding-top:110px;padding-bottom:38px}.offer-detail-hero h1{font-size:48px}.offer-detail-hero-content>p{font-size:14px}.offer-detail-main{padding:50px 0 56px}.offer-detail-layout{gap:34px}.offer-included-item{grid-template-columns:50px 1fr;gap:14px}.offer-round-icon{width:50px;height:50px}.offer-price-card{padding:28px 22px}.offer-related{padding-bottom:52px}.offer-related-grid{grid-template-columns:1fr}.offer-related-card:last-child{grid-column:auto}.offer-related-media{height:200px}.offer-detail-cta{min-height:340px}}

/* HOME — ABOUT VIDEO POPUP */
.about-video-open{width:100%;padding:0;border:0;font:inherit;cursor:pointer;appearance:none}
.about-video-open:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,18,24,.02) 35%,rgba(5,18,24,.48));transition:.3s}
.about-video-open img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s ease}
.about-video-open:hover img{transform:scale(1.025)}
.about-video-play{position:absolute;z-index:3;top:50%;left:50%;width:66px;height:66px;padding:0!important;display:grid;place-items:center;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(14,35,42,.55);color:#fff;font-size:18px;transform:translate(-50%,-50%);backdrop-filter:blur(4px);transition:.25s}
.about-video-open:hover .about-video-play{transform:translate(-50%,-50%) scale(1.08);background:var(--gold)}
.about-video-open .video-text{z-index:3;color:#fff;font-weight:600;letter-spacing:.06em}
body.video-modal-open{overflow:hidden}
.video-modal{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;padding:28px;opacity:0;visibility:hidden;pointer-events:none;transition:.25s}
.video-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.video-modal-backdrop{position:absolute;inset:0;background:rgba(3,12,16,.9);backdrop-filter:blur(6px)}
.video-modal-dialog{position:relative;z-index:2;width:min(1120px,92vw);max-height:90vh;transform:translateY(16px) scale(.985);transition:transform .3s ease}
.video-modal.open .video-modal-dialog{transform:none}
.video-modal-dialog video{display:block;width:100%;max-height:86vh;aspect-ratio:16/9;border-radius:5px;background:#000;box-shadow:0 28px 80px rgba(0,0,0,.45)}
.video-modal-close{position:absolute;z-index:4;top:-48px;right:0;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(14,35,42,.7);color:#fff;font:300 29px/36px Arial,sans-serif;cursor:pointer}
.video-modal-close:hover{border-color:var(--gold);background:var(--gold)}
@media(max-width:640px){.about-video-play{width:56px;height:56px;font-size:16px}.video-modal{padding:16px}.video-modal-dialog{width:100%}.video-modal-close{top:-46px}}

/* =========================================================
   BEIS — SEPARATE MOBILE OFFCANVAS MENU
   ========================================================= */

.mobile-nav,
.mobile-menu-overlay {
    display:none;
}

@media (max-width:980px) {
    html.menu-open,
    body.menu-open {
        overflow:hidden;
    }

    .header-inner {
        height:65px;
        gap:12px;
    }

    .brand-logo {
        width:92px;
        height:54px;
        margin-right:auto;
    }

    /* Desktop menu is completely separate and hidden on mobile */
    .desktop-nav {
        display:none !important;
    }

    .header-actions {
        display:flex;
        align-items:center;
        gap:12px;
        margin-left:auto;
    }

    .header-actions .header-phone,
    .header-actions .language-dropdown,
    .header-actions .langs,
    .header-actions .btn {
        display:none !important;
    }

    .header-actions .whatsapp-link {
        display:grid;
        place-items:center;
        width:40px;
        height:40px;
        flex:0 0 40px;
    }

    .header-actions .whatsapp-link svg {
        width:27px;
        height:27px;
    }

    .menu-toggle {
        position:relative;
        display:block;
        width:42px;
        height:42px;
        flex:0 0 42px;
        margin:0;
        padding:0;
        border:0;
        background:transparent;
        color:#fff;
        cursor:pointer;
        z-index:2;
    }

    .menu-toggle span {
        position:absolute;
        left:8px;
        width:26px;
        height:2px;
        margin:0;
        border-radius:30px;
        background:currentColor;
    }

    .menu-toggle span:nth-child(1) { top:12px; }
    .menu-toggle span:nth-child(2) { top:20px; }
    .menu-toggle span:nth-child(3) { top:28px; }

    body.menu-open .site-header {
        z-index:9990 !important;
        transform:translateY(0) !important;
    }

    body.menu-open .header-inner {
        opacity:.38;
        pointer-events:none;
    }

    .header-inner {
        transition:opacity .3s ease;
    }

    .mobile-menu-overlay {
        display:block;
        position:fixed;
        inset:0;
        z-index:9988;
        background:rgba(4,15,19,.62);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity .3s ease, visibility .3s ease;
    }

    .mobile-menu-overlay.active {
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .mobile-nav {
        display:block;
        position:fixed;
        top:0;
        right:0;
        z-index:9999;
        width:min(88vw,400px);
        height:100dvh;
        margin:0;
        padding:0 24px 30px;
        overflow-x:hidden;
        overflow-y:auto;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        touch-action:pan-y;
        background:var(--dark);
        color:#fff;
        box-shadow:-18px 0 50px rgba(0,0,0,.28);
        transform:translate3d(105%,0,0);
        visibility:hidden;
        pointer-events:none;
        transition:transform .34s cubic-bezier(.22,.61,.36,1), visibility .34s ease;
    }

    .mobile-nav.active {
        transform:translate3d(0,0,0);
        visibility:visible;
        pointer-events:auto;
    }

    .mobile-menu-close {
        position:sticky;
        top:0;
        z-index:20;
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:calc(100% + 48px);
        min-height:76px;
        margin:0 -24px 12px;
        padding:0 24px;
        border:0;
        border-bottom:1px solid rgba(255,255,255,.14);
        background:var(--dark);
        color:#fff;
        font:500 14px/1 'Inter',Arial,sans-serif;
        letter-spacing:.04em;
        text-transform:uppercase;
        cursor:pointer;
    }

    .mobile-menu-close-icon {
        display:grid;
        place-items:center;
        width:30px;
        height:30px;
        color:#fff;
        font:300 26px/1 Arial,sans-serif;
    }

    .mobile-menu-list,
    .mobile-submenu {
        list-style:none;
        margin:0;
        padding:0;
    }

    .mobile-menu-list > li {
        margin:0;
        padding:0;
    }

    .mobile-menu-list > li > a {
        position:relative;
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        min-height:62px;
        padding:0 2px;
        border-bottom:1px solid rgba(255,255,255,.12);
        color:#fff;
        font:500 20px/1.25 'Lora',Georgia,serif;
        text-decoration:none;
        white-space:normal;
    }

    .mobile-menu-list > li > a:hover,
    .mobile-menu-list > li > a.active {
        color:#e5c98e;
    }

    .menu-arrow {
        display:block;
        flex:0 0 auto;
        margin-left:18px;
        color:var(--gold);
        font:400 28px/1 Arial,sans-serif;
    }

    /* Each submenu is its own sliding panel, like the reference site */
    .mobile-submenu {
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        z-index:10000;
        width:min(88vw,400px);
        height:100dvh;
        padding:0 24px 30px;
        overflow-x:hidden;
        overflow-y:auto;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        background:var(--dark);
        box-shadow:-18px 0 50px rgba(0,0,0,.18);
        transform:translate3d(105%,0,0);
        visibility:hidden;
        pointer-events:none;
        transition:transform .34s cubic-bezier(.22,.61,.36,1), visibility .34s ease;
    }

    .mobile-submenu.active {
        transform:translate3d(0,0,0);
        visibility:visible;
        pointer-events:auto;
    }

    .mobile-submenu.active .mobile-submenu {
        visibility:hidden;
        pointer-events:none;
    }

    .mobile-submenu.active .mobile-submenu.active {
        visibility:visible;
        pointer-events:auto;
    }

    .mobile-submenu.submenu-locked {
        overflow:hidden;
    }

    .submenu-header {
        position:sticky;
        top:0;
        z-index:20;
        width:calc(100% + 48px);
        min-height:76px;
        margin:0 -24px 12px;
        padding:0 24px;
        display:flex;
        align-items:center;
        gap:16px;
        border-bottom:1px solid rgba(255,255,255,.14);
        background:var(--dark);
    }

    .mobile-submenu-back {
        flex:0 0 auto;
        padding:0;
        border:0;
        background:transparent;
        color:#fff;
        font:500 14px/1 'Inter',Arial,sans-serif;
        letter-spacing:.04em;
        text-transform:uppercase;
        cursor:pointer;
        position: absolute;
    }

    .mobile-submenu-back::before {
        content:"←";
        margin-right:8px;
        color:var(--gold);
        font:400 20px/1 Arial,sans-serif;
    }

    .submenu-title {
        min-width:0;
        overflow:hidden;
        color:rgba(255,255,255,.62);
        font:500 14px/1.2 'Lora',Georgia,serif;
        white-space:nowrap;
        text-overflow:ellipsis;
        margin: 0 auto;
    }

    .mobile-submenu > li {
        margin:0;
        padding:0;
    }

    .mobile-submenu > li > a {
        position:relative;
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        min-height:62px;
        padding:0 2px;
        border-bottom:1px solid rgba(255,255,255,.12);
        color:#fff;
        font:500 20px/1.25 'Lora',Georgia,serif;
        text-decoration:none;
    }

    .mobile-submenu > li > a:hover,
    .mobile-submenu > li > a.active {
        color:#e5c98e;
    }

    .mobile-menu-contacts {
        margin-top:30px;
        padding:0 2px 14px;
    }

    .mobile-menu-address {
        margin-bottom:14px;
        color:rgba(255,255,255,.82);
        font:400 14px/1.55 'Inter',Arial,sans-serif;
    }

    .mobile-menu-phone-row {
        display:flex;
        align-items:center;
        gap:10px;
    }

    .mobile-menu-whatsapp-icon {
        display:grid;
        place-items:center;
        flex:0 0 28px;
        width:28px;
        height:28px;
        color:#25d366;
    }

    .mobile-menu-whatsapp-icon svg {
        width:24px;
        height:24px;
        fill:currentColor;
    }

    .mobile-menu-phone {
        color:#fff;
        font:500 20px/1.3 'Lora',Georgia,serif;
        text-decoration:none;
    }

    .mobile-menu-langs {
        margin-top:26px;
        text-align:center;
    }

    .mobile-menu-langs a {
        margin:0 10px;
        color:rgba(255,255,255,.55);
        font:500 14px/1 'Lora',Georgia,serif;
        text-decoration:none;
    }

    .mobile-menu-langs a:hover,
    .mobile-menu-langs a.active {
        color:var(--gold);
    }
}

@media (max-width:480px) {
    .header-inner { gap:8px; }

    .brand-logo {
        width:82px;
        height:48px;
    }

    .header-actions { gap:20px; }

    .header-actions .whatsapp-link {
        width:36px;
        height:36px;
        flex-basis:36px;
    }
    
    .header-actions .header-phone span {
        display: none;
    }
    .header-actions .header-phone {
        display: grid !important;
        width:36px;
        height:36px;
        flex-basis:36px;
        place-items: center;
    }
    
    .header-actions .header-phone svg {
        width:24px;
        height:24px;
        display: block;
    }

    .header-actions .whatsapp-link svg {
        width:24px;
        height:24px;
    }

    .menu-toggle {
        width:38px;
        height:38px;
        flex-basis:38px;
    }

    .menu-toggle span {
        left:7px;
        width:24px;
    }

    .menu-toggle span:nth-child(1) { top:10px; }
    .menu-toggle span:nth-child(2) { top:18px; }
    .menu-toggle span:nth-child(3) { top:26px; }

    .mobile-nav,
    .mobile-submenu {
        width:min(82vw,360px);
        padding-left:20px;
        padding-right:20px;
    }

    .mobile-menu-close,
    .submenu-header {
        width:calc(100% + 40px);
        min-height:68px;
        margin-left:-20px;
        margin-right:-20px;
        padding-left:20px;
        padding-right:20px;
    }

    .mobile-menu-list > li > a,
    .mobile-submenu > li > a {
        min-height:58px;
        font-size:16px;
    }
}

/* SPA PAGE */
.spa-page{padding-top:100px}.spa-page-hero,.spa-page-cta{position:relative;min-height:570px;display:flex;align-items:flex-end;overflow:hidden;color:#fff}.spa-page-hero-bg,.spa-page-cta-bg{position:absolute;inset:0;display:grid;place-items:center;background:#263b40;color:#ffffff66}.spa-page-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#051218db,#05121880 45%,#0512181f)}.spa-page-hero-content,.spa-page-cta-content{position:relative;z-index:2;padding-top:100px;padding-bottom:58px}.spa-breadcrumbs{display:flex;gap:9px;margin-bottom:25px;color:#ffffffaa;font-size:11px}.spa-page-hero h1{font-size:clamp(52px,6vw,80px);margin-bottom:18px}.spa-page-hero-content>p{max-width:580px;font-size:16px}.spa-features{padding:28px 0;background:#fbfaf7;border-bottom:1px solid #eee}.spa-features-grid{display:grid;grid-template-columns:repeat(4,1fr)}.spa-feature{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:8px 22px}.spa-feature+.spa-feature{border-left:1px solid var(--line)}.spa-feature b{width:48px;height:48px;display:grid;place-items:center;border:1px solid #d8c39d;border-radius:50%;color:var(--gold);font-size:10px}.spa-feature strong{font:500 13px Lora}.spa-feature p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.spa-showcase{padding:78px 0}.spa-showcase-steam{background:var(--paper)}.spa-showcase-grid{display:grid;grid-template-columns:.78fr 1.35fr;gap:62px;align-items:center}.spa-showcase-grid.reverse{grid-template-columns:1.35fr .78fr}.spa-showcase-copy h2{font-size:clamp(40px,4.5vw,55px);margin-bottom:20px}.spa-showcase-copy p{color:var(--muted);font-size:13px}.spa-showcase-copy ul{padding:0;list-style:none}.spa-showcase-copy li{margin:13px 0;padding-left:22px;position:relative;font-size:12px}.spa-showcase-copy li:before{content:'';position:absolute;left:0;top:.7em;width:12px;height:1px;background:var(--gold)}.spa-photo-slider{min-width:0}.spa-pools-swiper,.spa-steam-swiper{position:relative;overflow:hidden;border-radius:4px;box-shadow:var(--shadow)}.spa-slide{aspect-ratio:16/10;display:grid;place-items:center;background:#ddd9d0;color:#888;font-size:10px}.spa-slide.dark{background:#392f29;color:#ffffff88}.spa-slide img{width:100%;height:100%;object-fit:cover}.spa-slider-controls{position:absolute;z-index:5;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;align-items:center;color:#fff}.spa-slider-controls>div:first-child{width:auto;padding:8px 12px;border-radius:30px;background:#051218aa}.spa-slider-controls button{width:42px;height:42px;margin-left:6px;border:1px solid #ffffff99;border-radius:50%;background:#05121899;color:#fff;cursor:pointer}.steam-types{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.steam-types span{padding:14px 0;border-bottom:1px solid var(--line);font:500 12px Lora}.spa-procedures-preview{padding:80px 0}.spa-procedures-head{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:end;margin-bottom:32px}.spa-procedures-head p{color:var(--muted);font-size:13px}.spa-procedure-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.spa-procedure-card{overflow:hidden;border:1px solid #e9e4db;border-radius:4px;background:#fff}.spa-procedure-media{aspect-ratio:16/10;display:grid;place-items:center;background:var(--slot);color:#888;font-size:10px}.spa-procedure-media img{width:100%;height:100%;object-fit:cover}.spa-procedure-card>div:last-child{padding:20px}.spa-procedure-card h3{font:500 22px Lora;margin:0 0 8px}.spa-procedure-card p{margin:0;color:var(--muted);font-size:11px}.spa-page-cta{min-height:340px;align-items:center}.spa-page-cta h2{color:#fff;font-size:clamp(38px,4.6vw,58px);margin-bottom:14px}.spa-page-cta p{max-width:520px;color:#ffffffdd;font-size:13px}
@media(max-width:980px){.spa-page{padding-top:72px}.spa-features-grid{grid-template-columns:1fr 1fr}.spa-showcase-grid,.spa-showcase-grid.reverse{grid-template-columns:1fr}.spa-showcase-grid.reverse .spa-photo-slider{order:2}.spa-procedures-head{grid-template-columns:1fr;gap:15px}}
@media(max-width:680px){.spa-page-hero{min-height:520px}.spa-page-hero h1{font-size:48px}.spa-features-grid{grid-template-columns:1fr}.spa-feature+.spa-feature{border-left:0;border-top:1px solid var(--line)}.spa-showcase{padding:55px 0}.spa-slide{aspect-ratio:4/3}.steam-types{grid-template-columns:1fr}.spa-procedure-cards{grid-template-columns:1fr}.spa-procedures-preview{padding:58px 0}.spa-page-cta{min-height:380px}}

/* SPA procedures price list */
.spa-price-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.spa-price-group{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line,#e8e2d8);border-radius:4px;padding:30px 30px 12px}
.spa-price-group-wide{grid-column:1/-1}
.spa-price-group-head{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line,#e8e2d8)}
.spa-price-group-head span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #c9aa72;border-radius:50%;color:var(--gold,#a9874f);font-size:10px;letter-spacing:.08em}
.spa-price-group-head h3{margin:0;font:500 30px Lora,serif;color:var(--dark,#18282d)}
.spa-price-list{display:flex;flex-direction:column}
.spa-price-list-rituals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px}
.spa-price-item{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;border-bottom:1px solid var(--line,#eee9e1)}
.spa-price-item:last-child{border-bottom:0}
.spa-price-list-rituals .spa-price-item:nth-last-child(-n+2){border-bottom:0}
.spa-price-item>div{min-width:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.spa-price-item strong{font:500 14px Lora,serif;color:var(--dark,#18282d)}
.spa-price-item small{font-size:10px;white-space:nowrap;color:var(--muted,#7d807d);letter-spacing:.02em}
.spa-price-item b{font-size:13px;font-weight:600;white-space:nowrap;color:var(--gold,#9c7c48)}
@media(max-width:900px){.spa-price-groups{grid-template-columns:1fr}.spa-price-group-wide{grid-column:auto}.spa-price-list-rituals{grid-template-columns:1fr}.spa-price-list-rituals .spa-price-item:nth-last-child(2){border-bottom:1px solid var(--line,#eee9e1)}}
@media(max-width:680px){.spa-procedures-head{grid-template-columns:1fr;gap:16px;margin-bottom:26px}.spa-procedures-head h2 br{display:none}.spa-price-groups{gap:12px}.spa-price-group{padding:22px 18px 6px}.spa-price-group-head{padding-bottom:15px}.spa-price-group-head h3{font-size:25px}.spa-price-item{min-height:68px;gap:12px}.spa-price-item>div{display:block}.spa-price-item strong{display:block;font-size:13px;line-height:1.35}.spa-price-item small{display:block;margin-top:4px;font-size:9px}.spa-price-item b{font-size:12px}.spa-procedures-preview{padding:55px 0}}