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

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

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


* {
  scrollbar-color: var(--sb-thumb-color) var(--body);
  scrollbar-width: thin;
}

html::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}

html::-webkit-scrollbar-track {
  background: var(--body);
  border-radius: 10px;
}

html::-webkit-scrollbar-thumb {
  background: var(--body);
  border-radius: 10px;
  border: 1px solid var(--sb-track-color);
}

html::-webkit-scrollbar-thumb:hover {
  background: var(--body);
}

:root {
    --body: #F2EEEA;
    --text-dark: #1C1E1E;
    --main: #225263;
    --card: #48332D;

    --sb-size: 12px;             
    --sb-thumb-color: var(--main); 
    --sb-track-color: var(--body);  
       
    --font-body: 'Urbanist', sans-serif;
    --font-heading: 'Fraunces', serif;
}


html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}


* {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    scrollbar-width: thin;
}

html::-webkit-scrollbar {
    width: var(--sb-size);
    height: var(--sb-size);
}

html::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 10px;
}

html::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 10px;
    border: 3px solid var(--sb-track-color);
}

html::-webkit-scrollbar-thumb:hover {
    background: var(--card); 
}

* {
    font-family: var(--font-body); 
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--body); 
    color: var(--text-dark); 
    line-height: 1.6;
    font-weight: 400; 
}


 



.header {
    display: flex;
    height: 80px;
    padding: 14px;
    top: 0;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    position: fixed;
    width: 100%;
    background: var(--body);
    z-index: 1001;
    transition: transform 0.3s ease-in-out; 
}

.header.header-hidden {
    transform: translateY(-80px); 
}
.nav-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 36px;
    align-self: stretch;
}
ul.nav-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 36px;
    align-self: stretch;
    list-style: none;
}
.action-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
}

.logo img {
    width: 192px;
    height: 41px;
}

a.nav-link {
    color: var(--card);
    text-align: center;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none;
    position: relative; 
    transition: color 0.3s ease; 
}

a.nav-link::after {
    content: ''; 
    position: absolute; 
    width: 0; 
    height: 1px; 
    bottom: -5px; 
    left: 0; 
    background-color: var(--card); 
    transition: width 0.3s ease-out; 
}

a.nav-link:hover::after {
    width: 100%; 
}

.btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.btn.btn-contact {
    display: flex;
    padding: 18px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    border: 1.033px solid var(--main);
    color: var(--main);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

.btn.btn-contact::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: var(--main);
    z-index: -1;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 4px;
}

.btn.btn-contact:hover {
    color: var(--body);
    border-color: var(--main);
}

.btn.btn-contact:hover::before {
    width: 100%;
}

.btn.btn-book {
    display: flex;
    padding: 18px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: var(--main);
    color: var(--body);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}
.btn.btn-book:hover {
    opacity: 0.8;
}
.btn.btn-book::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: none;
}

.btn.btn-book:hover::after {
    left: 100%;
    transition: 0.5s;
}

.burger-menu-btn {
    display: none; 
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 100; 
}

.burger-menu-btn .bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px 0;
    background-color: var(--main); 
    transition: all 0.3s cubic-bezier(0.8, 0.5, 0.2, 1.4); 
    transform-origin: center;
    border-radius: 50px;
}


@media (max-width: 1167px) {
    .burger-menu-btn {
        display: block;
    }
    .logo img {
        width: 147px;
        height: 32px;
    }
    
    .burger-menu-btn.is-open .bar-1 {
        transform: rotate(45deg) translate(5px, 5px);
    }
    
    .burger-menu-btn.is-open .bar-2 {
        opacity: 0;
        transform: scale(0);
    }
    
    .burger-menu-btn.is-open .bar-3 {
        transform: rotate(-45deg) translate(5px, -5px);
    }

    .nav-menu-wrapper {
        position: absolute;
        top: 83px;
        left: 2.5%;
        width: 95%;
        border-radius: 20px;
        background-color: #f2eeea;
        z-index: 90;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s 
            ease-in-out, padding 0.4s 
            ease-in-out, opacity 0.3s 
            ease-in-out;
        display: flex;
        flex-direction: column;
        border: solid 1px var(--main);
        opacity: 0;
        pointer-events: none;
    }
    
    .nav-menu-wrapper.active {
        max-height: 600px; 
        padding: 20px; 
        opacity: 1; 
        pointer-events: auto; 
    }
    
    .nav-right {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        width: 100%;
    }

    ul.nav-list {
        flex-direction: column;
        align-items: center;
        gap: 15px;
        width: 100%;
        padding: 0; 
    }
    
    .action-buttons {
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    
    .btn.btn-contact,
    .btn.btn-book {
        justify-content: center;
    }
    .action-buttons .btn-book {
        width: 100%;
    }   
    .action-buttons .btn-contact {
        width: 100%;
    }   

}



header .logo,
header .btn,
header .burger-menu-btn,
header .nav-list li { 
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000), 
                transform 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.header.is-loaded .logo,
.header.is-loaded .btn,
.header.is-loaded .burger-menu-btn,
.header.is-loaded .nav-list li {
    opacity: 1;
    transform: translateY(0);
}


.header.is-loaded .logo { transition-delay: 0s; }

.header.is-loaded .nav-list li:nth-child(1) { transition-delay: 0.1s; }
.header.is-loaded .nav-list li:nth-child(2) { transition-delay: 0.15s; }
.header.is-loaded .nav-list li:nth-child(3) { transition-delay: 0.2s; }
.header.is-loaded .nav-list li:nth-child(4) { transition-delay: 0.25s; }
.header.is-loaded .nav-list li:nth-child(5) { transition-delay: 0.3s; }

.header.is-loaded .btn-contact { transition-delay: 0.4s; }
.header.is-loaded .btn-book { transition-delay: 0.5s; }
.header.is-loaded .burger-menu-btn { transition-delay: 0.6s; }







.hero-content {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
    z-index: 2;
}

.hero-image {
    position: relative;
    width: 100%;
    z-index: 1;
    height: calc(100svh - 80px);
}

.hero-image img {
    width: 100%;
    height: auto;
    display: block;
    height: calc(100svh - 80px);
    object-fit: cover;
    object-position: center;
}

.hero-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.81) 100%);
    z-index: 1;
}

.hero-section {
    display: flex;
    align-items: flex-end;
    padding-top: 80px;
}

h1.hero-title {
    color: var(--body);
    font-family: Fraunces;
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 20px;
}

p.hero-subtitle {
    color: var(--body);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    padding-bottom: 40px;
    text-align: center;
}
.btn.btn-hero {
    display: flex;
    padding: 18px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: #90723B;
    color: var(--body);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}

.btn.btn-hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: none;
}

.btn.btn-hero:hover {
    opacity: 0.8;
}

.btn.btn-hero:hover::after {
    left: 100%;
    transition: 0.5s;
}
@media (max-width: 768px) {
    h1.hero-title {
        font-size: 40px;
    }
    .hero-image {
        height: 352px;
    }
    .hero-image img {
        height: 352px;
    }
    .hero-content {
        text-align: center;
        padding: 0 14px;
    }
}

.hero-image {
    overflow: hidden;
}

.hero-image img {
    will-change: transform;
    height: 120%;
    transform: translateY(0);
}

.hero-title, 
.hero-subtitle, 
.btn-hero {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000), 
                transform 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.hero-content.active .hero-title {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.1s;
}

.hero-content.active .hero-subtitle {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

.hero-content.active .btn-hero {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}

.top-footer {
    background: var(--main);
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    width: 80;
    padding-left: 40px;
    padding-top: 60px;
    padding-bottom: 90px;
    padding-right: 62px;
}
img.footer-hause {
    width: 101.263px;
    height: 105.084px;
    object-fit: cover;
    border-radius: 12px;
}
.img-footer {
    display: flex;
    align-items: center;
    gap: 19.106px;
}
.footer-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    width: 40%;
}
h4.footer-title {
    color: var(--body);
    font-family: Fraunces;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.footer-menu {
    display: flex;
    flex-direction: row;
    gap: 80px;
    flex-wrap: wrap; 
}

ul.footer-list {
    list-style: none;
}

ul.footer-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

a.footer-link,
a.copirght-link {
    color: var(--White, #FFF);
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
    position: relative; 
    transition: color 0.3s ease; 
}

a.copirght-link {
    color: #fff;
    font-size: 12px;
    line-height: normal;
}

a.footer-link::after,
a.copirght-link::after {
    content: ''; 
    position: absolute; 
    width: 0; 
    height: 1px; 
    bottom: -3px; 
    left: 0; 
    background-color: var(--White, #FFF); 
    transition: width 0.3s ease-out; 
}

a.footer-link:hover::after,
a.copirght-link:hover::after {
    width: 100%; 
}

.copirght-info {
    display: flex;
    flex-direction: row;
    color: #FFF;
    font-family: Urbanist;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    justify-content: space-between;
    gap: 150px;
}


.copirght-menu {
    display: flex;
    gap: 20px;
}

.bottom-footer {
    position: relative;
}

img.main-img-footer {
    width: 100%;
    height: 91svh;
    object-fit: cover;
    display: block;
    background: var(--main);
}

footer {
    background: var(--main);
}

.bottom-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(34, 82, 99, 1) 0%, rgba(34, 82, 99, 0.00) 100%);
}

img.logo-footer {
    position: absolute;
    width: 100%;
    z-index: 3;
    top: -20px;
}
.footer-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


@media (max-width: 768px) {
    .top-footer {
        flex-direction: column;
        padding-left: 14px;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-right: 14px;
    }
    h4.footer-title {
        font-size: 20px;
    }
    .footer-left {
        width: 100%;
    }
    .footer-menu > .footer-list:nth-child(3) {
        width: 100%;
        margin-top: 20px;
    }   
    .footer-menu {
        gap: 20px;
        justify-content: space-between;
        padding-top: 30px;
    }
    .img-footer {
        justify-content: space-between;
        width: 100%;       
    }
    .copirght-info {
        padding-top: 30px;
        gap: 0;
        align-items: center;
    }
    p.copirght {
        width: 40%;
    }
    img.main-img-footer {
        height: 50svh;
    }
    img.logo-footer {
        top: -15px;
    }
}








.info-section {
    display: flex;
    padding: 60px 40px;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
    position: relative;
    width: 100%;
}

img.info-image {
    width: 100%;
    border-radius: 24px;
}

img.info-usor {
    width: auto;
    position: absolute;
    bottom: 45px;
    pointer-events: none;
    -webkit-user-drag: none;
}
h2.info-title {
    color: var(--main);
    font-family: Fraunces;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}
.right-info-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
}
.left-info-block {
    width: 100%;
}
.info-text {
    display: flex;
    flex-direction: column;
    gap: 30px;
    color: var(--text-dart);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}
img.info-usor {
    width: auto;
    position: absolute;
    bottom: 70px;
    right: 40px;
}

@media (max-width: 1268px) {
    h2.info-title {
        font-size: 24px;
    }
    img.info-usor {
        display: none;
    }
}

@media (max-width: 768px) {
    section.info-section {
        flex-direction: column;
        padding: 40px 14px;
        gap: 20px;
    }
}




.left-info-block {
    border-radius: 24px;
}

.left-info-block {
    position: relative;
    overflow: hidden; 
    height: 100%; 
    min-height: 500px;
}

.info-image {
    position: relative;
    top: -10%; 
    left: 0;
    width: 100%;
    height: 120%;
    object-fit: cover;
    will-change: transform;
    transition: opacity 1s ease;
}

.left-info-block,
.info-title,
.info-text p,
.info-usor {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.info-section.is-active .left-info-block,
.info-section.is-active .info-title,
.info-section.is-active .info-text p,
.info-section.is-active .info-usor {
    opacity: 1;
    transform: translateY(0);
}

.info-section.is-active .left-info-block { transition-delay: 0s; }
.info-section.is-active .info-title { transition-delay: 0.2s; }

.info-section.is-active .info-text p:nth-child(1) { transition-delay: 0.3s; }
.info-section.is-active .info-text p:nth-child(2) { transition-delay: 0.4s; }
.info-section.is-active .info-text p:nth-child(3) { transition-delay: 0.5s; }

.info-section.is-active .info-usor { transition-delay: 0.6s; }
@media (max-width: 768px) {
    .left-info-block {
        min-height: auto;
        height: auto;
    }
}




.comfort-section {
    display: flex;
    padding: 60px 40px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    width: 100%;
    position: relative;
}
h2.comfort-title {
    color: var(--main);
    font-family: Fraunces;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    text-transform: uppercase;
    padding-bottom: 24px;
}
p.comfort-subtitle {
    color: var(--text-dark);
    text-align: center;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}

.comfort-cards {
    display: flex;
    padding: 20px;
    align-items: center;
    align-self: stretch;
    flex-direction: row;
}
.comfort-cards.reverse {
    flex-direction: row-reverse;
}
.comfort-cards-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.comfort-cards-left,
.comfort-cards-right {
    flex: 1;               
    width: 50%;                 
}
.comfort-cards-right.right-img {
    margin-left: 14px;
}
.comfort-cards-right.left-img {
    margin-right: 60px;
}
img.comfort-card-image {
    width: 100%;
    border-radius: 12px;
}

img.comfort-usor {
    position: absolute;
    right: 40px;
    bottom: 28px;
    pointer-events: none;
    -webkit-user-drag: none;
}
h3.comfort-title-card {
    color: var(--main);
    font-family: Fraunces;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    padding-bottom: 18px;
}
p.comfort-text-card {
    color: var(--text-dark);
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding-bottom: 20px;
}
p.sleeps-guest {
    color: var(--text-dark);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding-bottom: 32px;
}

@media (max-width: 768px) {
    .comfort-section {
        padding: 40px 14px;
        gap: 32px;
    }
    p.sleeps-guest {
        padding-bottom: 18px;
    }
    h2.comfort-title {
        font-size: 32px;
        text-align: center;
    }  
    .comfort-cards {
        flex-direction: column-reverse;
        padding: 0;
    }
    .comfort-cards-left, .comfort-cards-right {
        width: 100%;
    }

    .comfort-cards-right.right-img {
    margin-left: 0;
    }
    .comfort-cards-right.left-img {
        margin-right: 0;
    }
    .comfort-cards.reverse {
        flex-direction: column-reverse;
    }
    
    h3.comfort-title-card {
        font-size: 24px;
    }    

    p.comfort-text-card {
        font-size: 16px;
    }
    .comfort-cards {
        gap: 20px;
    }
    img.comfort-usor {
        display: none;
    }
}



.comfort-cards-right {
    border-radius: 12px;
}

.comfort-cards-right {
    position: relative;
    overflow: hidden;
}

.comfort-card-image {
    width: 100%;
    height: 120%;
    object-fit: cover;
    will-change: transform;
    transform: translateY(0);
    transition: transform 0.1s linear;
}

.title-comfort,
.comfort-cards-left,
.comfort-cards-right,
.comfort-usor {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.comfort-section.is-active .title-comfort,
.comfort-section.is-active .comfort-cards-left,
.comfort-section.is-active .comfort-cards-right,
.comfort-section.is-active .comfort-usor {
    opacity: 1;
    transform: translateY(0);
}

.comfort-section.is-active .title-comfort { transition-delay: 0s; }

.comfort-section.is-active .comfort-cards:nth-of-type(1) .comfort-cards-left { transition-delay: 0.2s; }
.comfort-section.is-active .comfort-cards:nth-of-type(1) .comfort-cards-right { transition-delay: 0.3s; }

.comfort-section.is-active .comfort-cards:nth-of-type(2) .comfort-cards-left { transition-delay: 0.4s; }
.comfort-section.is-active .comfort-cards:nth-of-type(2) .comfort-cards-right { transition-delay: 0.5s; }

.comfort-section.is-active .comfort-usor { transition-delay: 0.6s; }





.everythings-section {
    display: flex;
    padding: 60px 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    background: var(--card);
}

h2.everythings-main-title {
    color: #FFF;
    font-family: Fraunces;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    text-transform: uppercase;
}

p.everythings-subtitle {
    color: #FFF;
    text-align: center;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}

.everythings-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.everythings-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.everythings-image {
    max-width: 100%;
    height: auto;
}
.everythings-card {
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 14px;
    flex: 1 0 0;
    border-radius: 12px;
    background: #E5E0D7;
}

img.everythings-image {
    width: 40px;
    height: 40px;
    aspect-ratio: 1 / 1;
    pointer-events: none;
    -webkit-user-drag: none;
}

h3.everythings-card-title {
    color: var(--main);
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}
p.everythings-card-text {
    color: var(--main);
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
img.everythings-usor {
    width: 234px;
    height: 76px;
    pointer-events: none;
    -webkit-user-drag: none;

}
@media (min-width: 768px) {
    .everythings-cards {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .everythings-section {
        padding: 40px 14px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    h2.everythings-main-title {
        font-size: 32px;
    }
    p.everythings-card-text {
        text-align: left;
    }
}



.everythings-title,
.everythings-card,
.everythings-section .btn-hero,
.everythings-usor {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.everythings-section.is-active .everythings-title,
.everythings-section.is-active .everythings-card,
.everythings-section.is-active .btn-hero,
.everythings-section.is-active .everythings-usor {
    opacity: 1;
    transform: translateY(0);
}

.everythings-section.is-active .everythings-title { transition-delay: 0s; }

.everythings-section.is-active .everythings-card:nth-child(1) { transition-delay: 0.15s; }
.everythings-section.is-active .everythings-card:nth-child(2) { transition-delay: 0.25s; }
.everythings-section.is-active .everythings-card:nth-child(3) { transition-delay: 0.35s; }
.everythings-section.is-active .everythings-card:nth-child(4) { transition-delay: 0.45s; }
.everythings-section.is-active .everythings-card:nth-child(5) { transition-delay: 0.55s; }
.everythings-section.is-active .everythings-card:nth-child(6) { transition-delay: 0.65s; }

.everythings-section.is-active .btn-hero { transition-delay: 0.75s; }
.everythings-section.is-active .everythings-usor { transition-delay: 0.85s; }

.everythings-card {
    transition: transform 0.3s ease, opacity 0.8s ease; 
}









img.personalized-image {
    width: 100%;
    border-radius: 24px;
}

.personalized-sectrion {
    display: flex;
    padding: 60px 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.personalized-main {
    display: flex;
    gap: 40px;
    align-self: stretch;
    width: 100%;
    position: relative;
}
.personalized-left {
    width: 100%;
    display: flex;
}
.personalized-right {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}
img.personalized-usor {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 102px;
    height: 159px;
    pointer-events: none;
    -webkit-user-drag: none;

}


ul.personalized-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.personalized-item {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #000;
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.personalized-item::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M25.8648 11.5105C26.0555 11.071 26.0789 10.5769 25.9306 10.1214C25.7823 9.66583 25.4726 9.28021 25.0598 9.03712L22.8198 7.70712C22.7932 7.69283 22.77 7.6729 22.7519 7.64872C22.7337 7.62454 22.7211 7.59669 22.7148 7.56712L22.1315 5.01212C22.0256 4.54644 21.7544 4.13496 21.3683 3.85394C20.9821 3.57291 20.5072 3.4414 20.0315 3.48379L17.4298 3.71712C17.4009 3.72396 17.3707 3.72327 17.3421 3.7151C17.3135 3.70693 17.2875 3.69155 17.2665 3.67045L15.2948 1.94379C14.9348 1.63339 14.4752 1.46265 13.9998 1.46265C13.5245 1.46265 13.0649 1.63339 12.7048 1.94379L10.7332 3.67045C10.7122 3.69155 10.6862 3.70693 10.6576 3.7151C10.629 3.72327 10.5988 3.72396 10.5698 3.71712L7.96817 3.48379C7.49141 3.43931 7.01482 3.57058 6.62808 3.8529C6.24133 4.13523 5.97108 4.54915 5.86817 5.01679L5.28483 7.57179C5.27858 7.60136 5.26594 7.62921 5.2478 7.65339C5.22967 7.67757 5.20647 7.6975 5.17983 7.71179L2.93983 9.03712C2.52702 9.28021 2.21733 9.66583 2.06906 10.1214C1.92079 10.5769 1.94419 11.071 2.13483 11.5105L3.17317 13.9138C3.19587 13.9699 3.19587 14.0327 3.17317 14.0888L2.13483 16.4921C1.94514 16.9299 1.92228 17.4221 2.07059 17.8756C2.2189 18.3291 2.5281 18.7126 2.93983 18.9538L5.1915 20.3001C5.23894 20.3336 5.27222 20.3835 5.28483 20.4401L5.86817 22.9951C5.97206 23.4619 6.24272 23.8747 6.62937 24.1561C7.01601 24.4375 7.49206 24.5681 7.96817 24.5235L10.5698 24.2785C10.5996 24.2765 10.6295 24.2807 10.6575 24.2907C10.6856 24.3007 10.7114 24.3164 10.7332 24.3368L12.7048 26.0635C13.0657 26.372 13.525 26.5416 13.9998 26.5416C14.4747 26.5416 14.9339 26.372 15.2948 26.0635L17.2665 24.3368C17.2883 24.3164 17.314 24.3007 17.3421 24.2907C17.3702 24.2807 17.4001 24.2765 17.4298 24.2785L20.0315 24.5235C20.5076 24.5681 20.9837 24.4375 21.3703 24.1561C21.7569 23.8747 22.0276 23.4619 22.1315 22.9951L22.7148 20.4401C22.7211 20.4105 22.7337 20.3827 22.7519 20.3585C22.77 20.3343 22.7932 20.3144 22.8198 20.3001L25.0598 18.9585C25.4716 18.7173 25.7808 18.3338 25.9291 17.8803C26.0774 17.4267 26.0545 16.9346 25.8648 16.4968L24.8265 14.0935C24.8038 14.0373 24.8038 13.9746 24.8265 13.9185L25.8648 11.5105ZM19.2382 11.6505L13.4515 17.5771C13.2818 17.7398 13.0565 17.8316 12.8215 17.8338C12.6373 17.8355 12.4575 17.7783 12.3082 17.6705L8.87817 15.2205C8.68942 15.0843 8.56249 14.8788 8.5253 14.649C8.4881 14.4193 8.54369 14.1842 8.67983 13.9955C8.81598 13.8067 9.02153 13.6798 9.25126 13.6426C9.48099 13.6054 9.71609 13.661 9.90483 13.7971L12.7165 15.8155L17.9898 10.4255C18.0699 10.3428 18.1656 10.277 18.2713 10.2316C18.377 10.1863 18.4907 10.1624 18.6057 10.1613C18.7208 10.1602 18.8349 10.1819 18.9414 10.2253C19.048 10.2686 19.1449 10.3327 19.2265 10.4138C19.3908 10.5769 19.4841 10.7982 19.4863 11.0297C19.4885 11.2612 19.3993 11.4843 19.2382 11.6505Z' fill='%23225263'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

h2.personalized-title {
    color: var(--main);
    font-family: Fraunces;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}


@media (max-width: 768px) {
    .personalized-sectrion {
        padding: 40px 14px;
    }
    h2.personalized-title {
        font-size: 24px;
    }
    .personalized-main {
        flex-direction: column;
    }
}


.personalized-left {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.personalized-image {
    width: 100%;
    height: 120%;
    object-fit: cover;
    will-change: transform;
    transition: opacity 1s ease;
}

.personalized-title,
.personalized-item,
.personalized-right .btn-book,
.personalized-usor,
.personalized-image,
.personalized-text{
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.personalized-sectrion.is-active .personalized-title,
.personalized-sectrion.is-active .personalized-item,
.personalized-sectrion.is-active .personalized-image,
.personalized-sectrion.is-active .btn-book,
.personalized-sectrion.is-active .personalized-text,
.personalized-sectrion.is-active .personalized-usor {
    opacity: 1;
    transform: translateY(0);
}

.personalized-sectrion.is-active .personalized-title { transition-delay: 0.1s; }
.personalized-sectrion.is-active .personalized-text { transition-delay: 0.15s; }
.personalized-sectrion.is-active .personalized-image { transition-delay: 0.2s; }
.personalized-sectrion.is-active .personalized-item:nth-child(1) { transition-delay: 0.2s; }
.personalized-sectrion.is-active .personalized-item:nth-child(2) { transition-delay: 0.25s; }
.personalized-sectrion.is-active .personalized-item:nth-child(3) { transition-delay: 0.3s; }
.personalized-sectrion.is-active .personalized-item:nth-child(4) { transition-delay: 0.35s; }
.personalized-sectrion.is-active .personalized-item:nth-child(5) { transition-delay: 0.4s; }
.personalized-sectrion.is-active .personalized-item:nth-child(6) { transition-delay: 0.45s; }
.personalized-sectrion.is-active .personalized-item:nth-child(7) { transition-delay: 0.5s; }

.personalized-sectrion.is-active .btn-book { transition-delay: 0.6s; }
.personalized-sectrion.is-active .personalized-usor { transition-delay: 0.7s; }
.personalized-left {
    border-radius: 24px;
}







.rew-section {
    display: flex;
    padding: 60px 40px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    background: var(--main);
}
h2.rew-main-title {
    color: #FFF;
    font-family: Fraunces;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

.rew-cards {
    display: flex;
    align-items: stretch;
    gap: 24px;
    align-self: stretch;
}

.rew-info {
    display: flex;
    padding: 8px 8px 16px 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
    border-radius: 24px;
    border: 1px solid #ECEFF3;
    background: #E5E0D7;
}

.rew-card {
    display: flex;
    padding: 12px 12px 24px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 16px;
    background: #F2EEEA;
}
img.quote-img {
    width: 48px;
    height: 48px;
    border-radius: 48px;
}
.rew-star {
    display: flex;
    align-items: center;
    gap: -10px;
    align-self: stretch;
    width: 100%;
}
.rew-name {
    display: flex;
    padding: 0 4px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}

.dot-rew {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    justify-content: center;
}
.dot.dot-active {
    opacity: 1;
}
.dot {
    width: 15px;
    height: 15px;
    aspect-ratio: 1 / 1;
    background: #fff;
    border-radius: 50%;
    opacity: 0.2;
    cursor: pointer;
}

.rew-section {
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
}

.rew-cards {
    transition: transform 0.3s ease-out;
    width: 100%;
    cursor: grab;
}

.rew-cards:active {
    cursor: grabbing;
    transition: none;
}

.rew-info {
    min-width: 100%;
}
p.contry-rew {
    color: var(--main);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
@media (min-width: 768px) {
    .rew-info {
        min-width: calc(50% - 12px);
    }
}

@media (min-width: 1024px) {
    .rew-info {
        min-width: calc(33.333% - 16px);
    }
}

@media (max-width: 768px) {
    h2.rew-main-title {
        font-size: 32px;
        text-align: center;
    }
    .rew-section {
        padding: 40px 14px;
    }    
}


.rew-title,
.rew-info,
.dot-rew {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.rew-section.is-active .rew-title,
.rew-section.is-active .rew-info,
.rew-section.is-active .dot-rew {
    opacity: 1;
    transform: translateY(0);
}

.rew-section.is-active .rew-title { transition-delay: 0.1s; }

.rew-section.is-active .rew-info:nth-child(1) { transition-delay: 0.2s; }
.rew-section.is-active .rew-info:nth-child(2) { transition-delay: 0.3s; }
.rew-section.is-active .rew-info:nth-child(3) { transition-delay: 0.4s; }
.rew-section.is-active .rew-info:nth-child(4) { transition-delay: 0.5s; }
.rew-section.is-active .rew-info:nth-child(5) { transition-delay: 0.6s; }

.rew-section.is-active .dot-rew { transition-delay: 0.7s; }

.rew-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}







.guide-section {
    display: flex;
    padding: 60px 40px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.guide-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
}

h2.guide-main-title {
    color: var(--main);
    font-family: Fraunces;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    text-transform: uppercase;
}
p.guide-subtitle {
    color: var(--dark-text);
    text-align: center;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}
a.guide-card {
    text-decoration: none;
}
.guide-card {
    padding: 20px;
    border-radius: 12px;
    background: var(--card);
}
.guide-main-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    flex: 1 0 0;
    align-self: stretch;
}
img.guide-image {
    width: 100%;
    border-radius: 6px;
    height: 210px;
    object-fit: cover;
}
h3.guide-card-title {
    color: var(--body);
    font-family: Fraunces;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}
@media (min-width: 1024px) {
    .guide-cards {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 20px;
        padding: 20px 0;
        width: 100%;
    }

    .guide-card {
        grid-column: span 3;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .guide-card:nth-child(5),
    .guide-card:nth-child(6),
    .guide-card:nth-child(7) {
        grid-column: span 4;
    }

    .guide-cards .btn-book {
        grid-column: 1 / -1;
        justify-self: center;
        margin-top: 30px;
        display: inline-block;
        width: auto;
    }
}

.guide-image {
    width: 100%;
    height: auto;
    object-fit: cover;
}



ul.guide-card-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px; 
}

.guide-card-item {
    display: flex;
    align-items: center; 
    gap: 16px; 
    color: var(--body); 
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.guide-card-item::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0; 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M18.475 8.22144C18.6112 7.90751 18.6279 7.55463 18.522 7.22924C18.4161 6.90385 18.1949 6.62841 17.9 6.45477L16.3 5.50477C16.281 5.49457 16.2644 5.48033 16.2515 5.46306C16.2385 5.44578 16.2295 5.42589 16.225 5.40477L15.8084 3.57977C15.7327 3.24714 15.539 2.95323 15.2632 2.7525C14.9874 2.55177 14.6481 2.45783 14.3084 2.4881L12.45 2.65477C12.4293 2.65966 12.4078 2.65916 12.3873 2.65333C12.3669 2.64749 12.3483 2.63651 12.3334 2.62144L10.925 1.3881C10.6678 1.16639 10.3396 1.04443 10 1.04443C9.66046 1.04443 9.3322 1.16639 9.07502 1.3881L7.66669 2.62144C7.65172 2.63651 7.63313 2.64749 7.6127 2.65333C7.59228 2.65916 7.5707 2.65966 7.55002 2.65477L5.69169 2.4881C5.35114 2.45633 5.01073 2.5501 4.73448 2.75176C4.45823 2.95342 4.2652 3.24908 4.19169 3.5831L3.77502 5.4081C3.77055 5.42923 3.76152 5.44912 3.74857 5.46639C3.73562 5.48366 3.71905 5.4979 3.70002 5.5081L2.10002 6.45477C1.80516 6.62841 1.58394 6.90385 1.47804 7.22924C1.37213 7.55463 1.38884 7.90751 1.52502 8.22144L2.26669 9.9381C2.2829 9.97819 2.2829 10.023 2.26669 10.0631L1.52502 11.7798C1.38952 12.0925 1.3732 12.444 1.47913 12.768C1.58507 13.0919 1.80593 13.3659 2.10002 13.5381L3.70835 14.4998C3.74224 14.5237 3.76601 14.5593 3.77502 14.5998L4.19169 16.4248C4.2659 16.7582 4.45923 17.0531 4.7354 17.254C5.01158 17.455 5.35161 17.5483 5.69169 17.5164L7.55002 17.3414C7.57128 17.34 7.59261 17.343 7.61267 17.3502C7.63274 17.3573 7.65112 17.3686 7.66669 17.3831L9.07502 18.6164C9.33281 18.8369 9.66084 18.958 10 18.958C10.3392 18.958 10.6672 18.8369 10.925 18.6164L12.3334 17.3831C12.3489 17.3686 12.3673 17.3573 12.3874 17.3502C12.4074 17.343 12.4288 17.34 12.45 17.3414L14.3084 17.5164C14.6484 17.5483 14.9885 17.455 15.2646 17.254C15.5408 17.0531 15.7341 16.7582 15.8084 16.4248L16.225 14.5998C16.2295 14.5786 16.2385 14.5588 16.2515 14.5415C16.2644 14.5242 16.281 14.51 16.3 14.4998L17.9 13.5414C18.1941 13.3692 18.415 13.0952 18.5209 12.7713C18.6268 12.4474 18.6105 12.0958 18.475 11.7831L17.7334 10.0664C17.7171 10.0263 17.7171 9.98153 17.7334 9.94144L18.475 8.22144ZM13.7417 8.32144L9.60835 12.5548C9.48717 12.671 9.32623 12.7365 9.15835 12.7381C9.02682 12.7393 8.89834 12.6984 8.79169 12.6214L6.34169 10.8714C6.20687 10.7742 6.1162 10.6274 6.08964 10.4633C6.06307 10.2992 6.10278 10.1313 6.20002 9.99644C6.29727 9.86162 6.44409 9.77095 6.60818 9.74439C6.77228 9.71782 6.9402 9.75752 7.07502 9.85477L9.08335 11.2964L12.85 7.44644C12.9072 7.38744 12.9755 7.34037 13.0511 7.30798C13.1266 7.27559 13.2078 7.25851 13.2899 7.25773C13.3721 7.25696 13.4536 7.2725 13.5297 7.30346C13.6058 7.33443 13.6751 7.38019 13.7334 7.4381C13.8507 7.55462 13.9174 7.7127 13.919 7.87806C13.9205 8.04342 13.8568 8.20273 13.7417 8.32144Z' fill='%23AC9F8C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.btn-wrapper {
    display: flex;
    justify-content: flex-end;
}

.btn-guide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: var(--body); 
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    overflow: hidden;
    padding: 0; 
}

.btn-text {
    max-width: 0; 
    opacity: 0;   
    white-space: nowrap; 
    overflow: hidden;
    color: var(--body);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    transform: translateX(-10px); 
    transition: all 0.4s ease;
    margin-right: 0;
}

.btn-guide svg {
    flex-shrink: 0; 
    transition: transform 0.5s ease;
}

.btn-guide svg path {
    transition: stroke 0.3s ease;
}


.guide-card:hover .btn-guide {
    width: 110px; 
    background-color: #48332D;
}

.guide-card:hover .btn-text {
    max-width: 40px; 
    opacity: 1;
    transform: translateX(0);
    margin-right: 8px; 
    transition-delay: 0.1s; 
}

.guide-card:hover .btn-guide svg path {
    stroke: #ffffff;
}

.guide-card:hover .btn-guide svg {
    transform: rotate(45deg);
}

.dot-block {
    display: none;
}

@media (max-width: 768px) {
    .guide-section {
        padding: 40px 14px;
    }
    h2.guide-main-title {
        font-size: 32px;
    }   

    .dot-block {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .dot-guide {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        justify-content: center;
    }
    .guide-dot.dot-guide-active {
        opacity: 1;
    }
    .guide-dot {
        width: 15px;
        height: 15px;
        aspect-ratio: 1 / 1;
        background: #48332D;
        border-radius: 50%;
        opacity: 0.2;
        cursor: pointer;
    }   
}


.guide-section {
    overflow: hidden;
}

@media (max-width: 1023px) {
    .guide-cards {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow: visible;
        width: 100%;
        gap: 20px;
        cursor: grab;
        touch-action: pan-y;
        user-select: none;
        -webkit-user-select: none;
    }

    .guide-cards:active {
        cursor: grabbing;
    }

    .guide-card {
        min-width: 100%;
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 1024px) {
    .guide-cards {
        transform: none !important;
        width: 100%;
    }

    .guide-card {
        min-width: auto;
    }

    .dot-block {
        display: none !important;
    }
}

.dot-guide {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-top: 20px;
}

.guide-dot {
    width: 15px;
    height: 15px;
    background: #48332D;
    border-radius: 50%;
    opacity: 0.2;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.guide-dot.active {
    opacity: 1;
}




.guide-title,
.guide-card,
.dot-block,
.guide-section > .btn-book {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.guide-section.is-active .guide-title,
.guide-section.is-active .guide-card,
.guide-section.is-active .dot-block,
.guide-section.is-active .btn-book {
    opacity: 1;
    transform: translateY(0);
}

.guide-section.is-active .guide-title { transition-delay: 0.1s; }

.guide-section.is-active .guide-card:nth-child(1) { transition-delay: 0.2s; }
.guide-section.is-active .guide-card:nth-child(2) { transition-delay: 0.3s; }
.guide-section.is-active .guide-card:nth-child(3) { transition-delay: 0.4s; }
.guide-section.is-active .guide-card:nth-child(4) { transition-delay: 0.5s; }
.guide-section.is-active .guide-card:nth-child(5) { transition-delay: 0.6s; }
.guide-section.is-active .guide-card:nth-child(6) { transition-delay: 0.7s; }
.guide-section.is-active .guide-card:nth-child(7) { transition-delay: 0.8s; }

.guide-section.is-active .dot-block { transition-delay: 0.9s; }
.guide-section.is-active .btn-book { transition-delay: 1.0s; }

.guide-card {
    transition: transform 0.4s ease, box-shadow 0.4s ease, opacity 0.8s;
}

.guide-card:hover .guide-image {
    transform: scale(1.05);
    transition: transform 0.6s ease;
}

.guide-image {
    transition: transform 0.6s ease;
    will-change: transform;
}





.events-section {
    display: flex;
    padding: 60px 40px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}
.events-conteiner {
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: stretch;
    gap: 40px;
    align-self: stretch;
}

img.events-image {
    width: 100%;
    border-radius: 12px;
}
.events-left {
    width: 85%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    justify-content: space-between;
}
.events-name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}
h2.events-title {
    color: var(--main);
    font-family: Fraunces;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    text-transform: uppercase;
}
p.events-subtitle {
    color: var(--Pr-4, #1C1E1E);
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}


ul.events-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    list-style: none;
    padding: 0;
    margin: 0;
}

.events-item {
    display: flex;
    align-items: center; 
    gap: 16px; 
    color: var(--Pr-4, #1C1E1E);
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.events-item::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M18.475 8.22144C18.6112 7.90751 18.6279 7.55463 18.522 7.22924C18.4161 6.90385 18.1949 6.62841 17.9 6.45477L16.3 5.50477C16.281 5.49457 16.2644 5.48033 16.2515 5.46306C16.2385 5.44578 16.2295 5.42589 16.225 5.40477L15.8084 3.57977C15.7327 3.24714 15.539 2.95323 15.2632 2.7525C14.9874 2.55177 14.6481 2.45783 14.3084 2.4881L12.45 2.65477C12.4293 2.65966 12.4078 2.65916 12.3873 2.65333C12.3669 2.64749 12.3483 2.63651 12.3334 2.62144L10.925 1.3881C10.6678 1.16639 10.3396 1.04443 10 1.04443C9.66046 1.04443 9.3322 1.16639 9.07502 1.3881L7.66669 2.62144C7.65172 2.63651 7.63313 2.64749 7.6127 2.65333C7.59228 2.65916 7.5707 2.65966 7.55002 2.65477L5.69169 2.4881C5.35114 2.45633 5.01073 2.5501 4.73448 2.75176C4.45823 2.95342 4.2652 3.24908 4.19169 3.5831L3.77502 5.4081C3.77055 5.42923 3.76152 5.44912 3.74857 5.46639C3.73562 5.48366 3.71905 5.4979 3.70002 5.5081L2.10002 6.45477C1.80516 6.62841 1.58394 6.90385 1.47804 7.22924C1.37213 7.55463 1.38884 7.90751 1.52502 8.22144L2.26669 9.9381C2.2829 9.97819 2.2829 10.023 2.26669 10.0631L1.52502 11.7798C1.38952 12.0925 1.3732 12.444 1.47913 12.768C1.58507 13.0919 1.80593 13.3659 2.10002 13.5381L3.70835 14.4998C3.74224 14.5237 3.76601 14.5593 3.77502 14.5998L4.19169 16.4248C4.2659 16.7582 4.45923 17.0531 4.7354 17.254C5.01158 17.455 5.35161 17.5483 5.69169 17.5164L7.55002 17.3414C7.57128 17.34 7.59261 17.343 7.61267 17.3502C7.63274 17.3573 7.65112 17.3686 7.66669 17.3831L9.07502 18.6164C9.33281 18.8369 9.66084 18.958 10 18.958C10.3392 18.958 10.6672 18.8369 10.925 18.6164L12.3334 17.3831C12.3489 17.3686 12.3673 17.3573 12.3874 17.3502C12.4074 17.343 12.4288 17.34 12.45 17.3414L14.3084 17.5164C14.6484 17.5483 14.9885 17.455 15.2646 17.254C15.5408 17.0531 15.7341 16.7582 15.8084 16.4248L16.225 14.5998C16.2295 14.5786 16.2385 14.5588 16.2515 14.5415C16.2644 14.5242 16.281 14.51 16.3 14.4998L17.9 13.5414C18.1941 13.3692 18.415 13.0952 18.5209 12.7713C18.6268 12.4474 18.6105 12.0958 18.475 11.7831L17.7334 10.0664C17.7171 10.0263 17.7171 9.98153 17.7334 9.94144L18.475 8.22144ZM13.7417 8.32144L9.60835 12.5548C9.48717 12.671 9.32623 12.7365 9.15835 12.7381C9.02682 12.7393 8.89834 12.6984 8.79169 12.6214L6.34169 10.8714C6.20687 10.7742 6.1162 10.6274 6.08964 10.4633C6.06307 10.2992 6.10278 10.1313 6.20002 9.99644C6.29727 9.86162 6.44409 9.77095 6.60818 9.74439C6.77228 9.71782 6.9402 9.75752 7.07502 9.85477L9.08335 11.2964L12.85 7.44644C12.9072 7.38744 12.9755 7.34037 13.0511 7.30798C13.1266 7.27559 13.2078 7.25851 13.2899 7.25773C13.3721 7.25696 13.4536 7.2725 13.5297 7.30346C13.6058 7.33443 13.6751 7.38019 13.7334 7.4381C13.8507 7.55462 13.9174 7.7127 13.919 7.87806C13.9205 8.04342 13.8568 8.20273 13.7417 8.32144Z' fill='%23AC9F8C'/%3E%3C/svg%3E");
}


@media (max-width: 768px) {
    .events-section {
        padding: 40px 14px;
    }
    h2.events-title {
        font-size: 32px;
        text-align: center;
    }
    .events-conteiner {
        flex-direction: column-reverse;
        padding: 0;
    }
    .events-left {
        width: 100%;
    }
    p.events-subtitle {
        font-size: 16px;
    }
}

.events-right {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 400px; 
    max-height: 500px;
}

.events-right {
    border-radius: 12px;
}

.events-title,
.events-subtitle,
.events-item,
.events-left .btn-book,
.events-right {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.events-section.is-active .events-title,
.events-section.is-active .events-subtitle,
.events-section.is-active .events-item,
.events-section.is-active .events-left .btn-book,
.events-section.is-active .events-right {
    opacity: 1;
    transform: translateY(0);
}

.events-section.is-active .events-title { transition-delay: 0.1s; }
.events-section.is-active .events-subtitle { transition-delay: 0.2s; }

.events-section.is-active .events-item:nth-child(1) { transition-delay: 0.3s; }
.events-section.is-active .events-item:nth-child(2) { transition-delay: 0.35s; }
.events-section.is-active .events-item:nth-child(3) { transition-delay: 0.4s; }
.events-section.is-active .events-item:nth-child(4) { transition-delay: 0.45s; }
.events-section.is-active .events-item:nth-child(5) { transition-delay: 0.5s; }

.events-section.is-active .btn-book { transition-delay: 0.6s; }
.events-section.is-active .events-right { transition-delay: 0.2s; }

@media (max-width: 768px) {
    .events-right {
        min-height: auto; 
    }
}






section.gallery-section {
    display: flex;
    padding: 60px 0;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    overflow: hidden;
}

h2.gallery-main-title {
    color: var(--main, #333);
    font-family: Fraunces, serif;
    font-size: 48px;
    font-weight: 400;
    text-transform: uppercase;
}

.gallery-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.gallery-track-container {
    width: 100%;
    overflow: hidden;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.gallery-track-container:active {
    cursor: grabbing;
}

.gallery-track {
    display: flex;
    flex-direction: row;
    gap: 12px;
    width: max-content;
    will-change: transform;
}

.gallery-img {
    width: 350px;
    height: 255px;
    border-radius: 12px;
    object-fit: cover;
    flex-shrink: 0;
    pointer-events: none;
    -webkit-user-drag: none;
}


@media (max-width: 768px) {
    #track-bottom {
        display: none;
    }
    h2.gallery-main-title {
        font-size: 32px;
    }   
}







.gallery-title,
.gallery-wrapper,
.gallery-section .btn-book {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.gallery-section.is-active .gallery-title,
.gallery-section.is-active .gallery-wrapper,
.gallery-section.is-active .btn-book {
    opacity: 1;
    transform: translateY(0);
}

.gallery-section.is-active .gallery-title { transition-delay: 0.1s; }
.gallery-section.is-active .gallery-wrapper { transition-delay: 0.2s; }
.gallery-section.is-active .btn-book { transition-delay: 0.4s; }















.footer {
    overflow: hidden;
}



.footer-title,
.footer-hause,
.footer-list,
.copirght-info,
.logo-footer,
.main-img-footer {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.footer.is-active .footer-title,
.footer.is-active .footer-hause,
.footer.is-active .footer-list,
.footer.is-active .copirght-info,
.footer.is-active .logo-footer,
.footer.is-active .main-img-footer {
    opacity: 1;
    transform: translateY(0);
}

.footer.is-active .footer-title { transition-delay: 0.1s; }

.footer.is-active .footer-hause:nth-child(1) { transition-delay: 0.2s; }
.footer.is-active .footer-hause:nth-child(2) { transition-delay: 0.3s; }
.footer.is-active .footer-hause:nth-child(3) { transition-delay: 0.4s; }

.footer.is-active .footer-list:nth-child(1) { transition-delay: 0.3s; }
.footer.is-active .footer-list:nth-child(2) { transition-delay: 0.4s; }
.footer.is-active .footer-list:nth-child(3) { transition-delay: 0.5s; }

.footer.is-active .copirght-info { transition-delay: 0.6s; }

.footer.is-active .main-img-footer { transition-delay: 0s; }
.footer.is-active .logo-footer { transition-delay: 0.7s; }











.amenities-content {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    z-index: 2;
}

.amenities-image {
    position: relative;
    width: 100%;
    z-index: 1;
    height: calc(70svh - 80px);
}

.amenities-image img {
    width: 100%;
    height: auto;
    display: block;
    height: calc(70svh - 80px);
    object-fit: cover;
    object-position: center;
}

.amenities-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.81) 100%);
    z-index: 1;
}

.amenities-section {
    display: flex;
    align-items: center;
    padding-top: 80px;
    background: #F2EEEA;
}

h1.amenities-title {
    color: var(--body);
    font-family: Fraunces;
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 20px;
}

p.amenities-subtitle {
    color: var(--body);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    padding-bottom: 40px;
}
section.amenities-page.everythings-section {
    background: #f9f9f9;
}
h2.amenities-text.everythings-main-title {
    color: var(--main);
}
p.amenities-text.everythings-subtitle {
    color: var(--main);
}
@media (max-width: 768px) {
    h1.amenities-title {
        font-size: 40px;
    }
    .amenities-image {
        height: 352px;
    }
    .amenities-image img {
        height: 352px;
    }
    .amenities-content {
        text-align: center;
        padding: 0 14px;
    }
}



.amenities-image {
    overflow: hidden;
}

.amenities-image img {
    will-change: transform;
    height: 120%;
    transform: translateY(0);
}

.amenities-title, 
.amenities-subtitle {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000), 
                transform 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.amenities-content.active .amenities-title {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.1s;
}

.amenities-content.active .amenities-subtitle {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

.amenities-background {
    background: #f9f9f9;
}




.info-house-section {
    display: flex;
    padding: 60px 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.info-house-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.inco-house-container-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    width: 50%;
    margin: auto;    
}

h2.info-house-title {
    color: var(--main);
    text-align: center;
    font-family: Fraunces;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; 
    text-transform: uppercase;
}
p.info-house-text {
    color: var(--text-dark);
    text-align: center;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; 
}

.info-house-usor img {
    width: 200px;
    height: 65px;
    pointer-events: none;
    -webkit-user-drag: none;
}


@media (max-width: 1468px) {
    .inco-house-container-center {
        width: 80%;    
    }
}

@media (max-width: 768px) {
    .info-house-section {
        padding: 40px 14px;
    }
    h2.info-house-title {
        font-size: 24px;
    }   
    .inco-house-container-center {
        width: 100%;    
    }
}


.info-house-usor,
.info-house-title,
.info-house-text {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.info-house-section.is-active .info-house-usor,
.info-house-section.is-active .info-house-title,
.info-house-section.is-active .info-house-text {
    opacity: 1;
    transform: translateY(0);
}


.info-house-section.is-active .info-house-usor { 
    transition-delay: 0.1s; 
}

.info-house-section.is-active .info-house-title { 
    transition-delay: 0.25s; 
}

.info-house-section.is-active .info-house-text { 
    transition-delay: 0.4s; 
}


.personalized-room-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

p.personalized-text {
    color: var(--text-dark);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.personalized-right.room-right {
    gap: 40px;
    justify-content: flex-start;
}





.kitchen-section {
    display: flex;
    padding: 60px 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.kitchen-container {
    display: flex;
    align-items: stretch;
    gap: 40px;
    align-self: stretch;
    width: 100%;
}

.kitchen-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.kitchen-image {
    flex: 1;
}

.kitchen-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
}

.kitchen-text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

h2.kitchen-title {
    color: var(--main);
    font-family: Fraunces;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

p.kitchen-text {
    color: var(--text-dark);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

ul.kitchen-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;     
    gap: 16px;
    align-items: start; 
}

.kitchen-item {
    display: flex;
    padding: 10px 14px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid #E5E0D7;
    width: 220px;
    color: #000;
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.kitchen-item::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M25.8648 11.5105C26.0555 11.071 26.0789 10.5769 25.9306 10.1214C25.7823 9.66583 25.4726 9.28021 25.0598 9.03712L22.8198 7.70712C22.7932 7.69283 22.77 7.6729 22.7519 7.64872C22.7337 7.62454 22.7211 7.59669 22.7148 7.56712L22.1315 5.01212C22.0256 4.54644 21.7544 4.13496 21.3683 3.85394C20.9821 3.57291 20.5072 3.4414 20.0315 3.48379L17.4298 3.71712C17.4009 3.72396 17.3707 3.72327 17.3421 3.7151C17.3135 3.70693 17.2875 3.69155 17.2665 3.67045L15.2948 1.94379C14.9348 1.63339 14.4752 1.46265 13.9998 1.46265C13.5245 1.46265 13.0649 1.63339 12.7048 1.94379L10.7332 3.67045C10.7122 3.69155 10.6862 3.70693 10.6576 3.7151C10.629 3.72327 10.5988 3.72396 10.5698 3.71712L7.96817 3.48379C7.49141 3.43931 7.01482 3.57058 6.62808 3.8529C6.24133 4.13523 5.97108 4.54915 5.86817 5.01679L5.28483 7.57179C5.27858 7.60136 5.26594 7.62921 5.2478 7.65339C5.22967 7.67757 5.20647 7.6975 5.17983 7.71179L2.93983 9.03712C2.52702 9.28021 2.21733 9.66583 2.06906 10.1214C1.92079 10.5769 1.94419 11.071 2.13483 11.5105L3.17317 13.9138C3.19587 13.9699 3.19587 14.0327 3.17317 14.0888L2.13483 16.4921C1.94514 16.9299 1.92228 17.4221 2.07059 17.8756C2.2189 18.3291 2.5281 18.7126 2.93983 18.9538L5.1915 20.3001C5.23894 20.3336 5.27222 20.3835 5.28483 20.4401L5.86817 22.9951C5.97206 23.4619 6.24272 23.8747 6.62937 24.1561C7.01601 24.4375 7.49206 24.5681 7.96817 24.5235L10.5698 24.2785C10.5996 24.2765 10.6295 24.2807 10.6575 24.2907C10.6856 24.3007 10.7114 24.3164 10.7332 24.3368L12.7048 26.0635C13.0657 26.372 13.525 26.5416 13.9998 26.5416C14.4747 26.5416 14.9339 26.372 15.2948 26.0635L17.2665 24.3368C17.2883 24.3164 17.314 24.3007 17.3421 24.2907C17.3702 24.2807 17.4001 24.2765 17.4298 24.2785L20.0315 24.5235C20.5076 24.5681 20.9837 24.4375 21.3703 24.1561C21.7569 23.8747 22.0276 23.4619 22.1315 22.9951L22.7148 20.4401C22.7211 20.4105 22.7337 20.3827 22.7519 20.3585C22.77 20.3343 22.7932 20.3144 22.8198 20.3001L25.0598 18.9585C25.4716 18.7173 25.7808 18.3338 25.9291 17.8803C26.0774 17.4267 26.0545 16.9346 25.8648 16.4968L24.8265 14.0935C24.8038 14.0373 24.8038 13.9746 24.8265 13.9185L25.8648 11.5105ZM19.2382 11.6505L13.4515 17.5771C13.2818 17.7398 13.0565 17.8316 12.8215 17.8338C12.6373 17.8355 12.4575 17.7783 12.3082 17.6705L8.87817 15.2205C8.68942 15.0843 8.56249 14.8788 8.5253 14.649C8.4881 14.4193 8.54369 14.1842 8.67983 13.9955C8.81598 13.8067 9.02153 13.6798 9.25126 13.6426C9.48099 13.6054 9.71609 13.661 9.90483 13.7971L12.7165 15.8155L17.9898 10.4255C18.0699 10.3428 18.1656 10.277 18.2713 10.2316C18.377 10.1863 18.4907 10.1624 18.6057 10.1613C18.7208 10.1602 18.8349 10.1819 18.9414 10.2253C19.048 10.2686 19.1449 10.3327 19.2265 10.4138C19.3908 10.5769 19.4841 10.7982 19.4863 11.0297C19.4885 11.2612 19.3993 11.4843 19.2382 11.6505Z' fill='%23225263'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media (max-width: 768px) {
    .kitchen-section {
        padding: 40px 14px;
    }
    li.kitchen-item {
        width: 100%;
        border: none;
    }
    h2.kitchen-title {
        font-size: 32px;
    }   
    .kitchen-container {
        flex-direction: column-reverse;
    }
    .kitchen-image img {
        height: auto;
    }
}




.dining-section {
    display: flex;
    padding: 60px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
}

.dining-text-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    flex: 1 0 0;
    padding: 0px 40px;
}
img.dining-usor {
    width: 200px;
    height: 65px;
    pointer-events: none;
    -webkit-user-drag: none;
}
h2.dining-title {
    color: var(--main);
    text-align: center;
    font-family: Fraunces;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

ul.dining-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

.dining-item {
    display: flex;
    padding: 10px 14px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid #E5E0D7;
    color: #000;
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.dining-item::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M25.8648 11.5105C26.0555 11.071 26.0789 10.5769 25.9306 10.1214C25.7823 9.66583 25.4726 9.28021 25.0598 9.03712L22.8198 7.70712C22.7932 7.69283 22.77 7.6729 22.7519 7.64872C22.7337 7.62454 22.7211 7.59669 22.7148 7.56712L22.1315 5.01212C22.0256 4.54644 21.7544 4.13496 21.3683 3.85394C20.9821 3.57291 20.5072 3.4414 20.0315 3.48379L17.4298 3.71712C17.4009 3.72396 17.3707 3.72327 17.3421 3.7151C17.3135 3.70693 17.2875 3.69155 17.2665 3.67045L15.2948 1.94379C14.9348 1.63339 14.4752 1.46265 13.9998 1.46265C13.5245 1.46265 13.0649 1.63339 12.7048 1.94379L10.7332 3.67045C10.7122 3.69155 10.6862 3.70693 10.6576 3.7151C10.629 3.72327 10.5988 3.72396 10.5698 3.71712L7.96817 3.48379C7.49141 3.43931 7.01482 3.57058 6.62808 3.8529C6.24133 4.13523 5.97108 4.54915 5.86817 5.01679L5.28483 7.57179C5.27858 7.60136 5.26594 7.62921 5.2478 7.65339C5.22967 7.67757 5.20647 7.6975 5.17983 7.71179L2.93983 9.03712C2.52702 9.28021 2.21733 9.66583 2.06906 10.1214C1.92079 10.5769 1.94419 11.071 2.13483 11.5105L3.17317 13.9138C3.19587 13.9699 3.19587 14.0327 3.17317 14.0888L2.13483 16.4921C1.94514 16.9299 1.92228 17.4221 2.07059 17.8756C2.2189 18.3291 2.5281 18.7126 2.93983 18.9538L5.1915 20.3001C5.23894 20.3336 5.27222 20.3835 5.28483 20.4401L5.86817 22.9951C5.97206 23.4619 6.24272 23.8747 6.62937 24.1561C7.01601 24.4375 7.49206 24.5681 7.96817 24.5235L10.5698 24.2785C10.5996 24.2765 10.6295 24.2807 10.6575 24.2907C10.6856 24.3007 10.7114 24.3164 10.7332 24.3368L12.7048 26.0635C13.0657 26.372 13.525 26.5416 13.9998 26.5416C14.4747 26.5416 14.9339 26.372 15.2948 26.0635L17.2665 24.3368C17.2883 24.3164 17.314 24.3007 17.3421 24.2907C17.3702 24.2807 17.4001 24.2765 17.4298 24.2785L20.0315 24.5235C20.5076 24.5681 20.9837 24.4375 21.3703 24.1561C21.7569 23.8747 22.0276 23.4619 22.1315 22.9951L22.7148 20.4401C22.7211 20.4105 22.7337 20.3827 22.7519 20.3585C22.77 20.3343 22.7932 20.3144 22.8198 20.3001L25.0598 18.9585C25.4716 18.7173 25.7808 18.3338 25.9291 17.8803C26.0774 17.4267 26.0545 16.9346 25.8648 16.4968L24.8265 14.0935C24.8038 14.0373 24.8038 13.9746 24.8265 13.9185L25.8648 11.5105ZM19.2382 11.6505L13.4515 17.5771C13.2818 17.7398 13.0565 17.8316 12.8215 17.8338C12.6373 17.8355 12.4575 17.7783 12.3082 17.6705L8.87817 15.2205C8.68942 15.0843 8.56249 14.8788 8.5253 14.649C8.4881 14.4193 8.54369 14.1842 8.67983 13.9955C8.81598 13.8067 9.02153 13.6798 9.25126 13.6426C9.48099 13.6054 9.71609 13.661 9.90483 13.7971L12.7165 15.8155L17.9898 10.4255C18.0699 10.3428 18.1656 10.277 18.2713 10.2316C18.377 10.1863 18.4907 10.1624 18.6057 10.1613C18.7208 10.1602 18.8349 10.1819 18.9414 10.2253C19.048 10.2686 19.1449 10.3327 19.2265 10.4138C19.3908 10.5769 19.4841 10.7982 19.4863 11.0297C19.4885 11.2612 19.3993 11.4843 19.2382 11.6505Z' fill='%23225263'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

img.dining-image {
    width: 100%;
}


.gallery-track a {
    display: block; 
    text-decoration: none;
    cursor: zoom-in; 
}

.dining-track a {
    display: block;
    text-decoration: none;
    -webkit-user-drag: none;
    cursor: zoom-in;
}
.dining-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    width: 100%;
}

.dining-gallery {
    width: 100%;
    overflow: hidden; 
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.dining-gallery:active {
    cursor: grabbing;
}

.dining-track {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: max-content; 
    will-change: transform;
}

.dining-track a {
    display: block;
    text-decoration: none;
    -webkit-user-drag: none; 
}

img.dining-image {
    width: 400px;
    height: 270px;
    object-fit: cover;
    border-radius: 24px;
    display: block;
    pointer-events: none; 
}

@media (max-width: 768px) {
    .dining-text-container {
        padding: 0px 14px;
    }
    h2.dining-title {
        font-size: 24px;
    }   
    ul.dining-list {
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    .dining-item {
        border: none;
    }
}






.sleeping-section {
    display: flex;
    width: 100%;
    padding: 60px 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    background: #E5E0D7;
    box-sizing: border-box;
}

.sleeping-container {
    display: flex;
    align-items: stretch;
    gap: 40px;
    align-self: stretch;
    width: 100%;
}

.sleeping-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    justify-content: flex-start;
}

.sleeping-container-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.sleeping-image {
    flex: 1;
}

.sleeping-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
}

h2.sleeping-title {
    color: var(--main);
    font-family: Fraunces;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

p.sleeping-text {
    color: var(--text-dark);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

@media (max-width: 768px) {
    .sleeping-section {
        padding: 40px 14px;
    }
    h2.sleeping-title {
        font-size: 32px;
    }
    .sleeping-container {
        flex-direction: column;
    }
    .sleeping-image img {
        height: auto;
    }
}

ul.sleeping-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.sleeping-item {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #000;
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.sleeping-item::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M25.8648 11.5105C26.0555 11.071 26.0789 10.5769 25.9306 10.1214C25.7823 9.66583 25.4726 9.28021 25.0598 9.03712L22.8198 7.70712C22.7932 7.69283 22.77 7.6729 22.7519 7.64872C22.7337 7.62454 22.7211 7.59669 22.7148 7.56712L22.1315 5.01212C22.0256 4.54644 21.7544 4.13496 21.3683 3.85394C20.9821 3.57291 20.5072 3.4414 20.0315 3.48379L17.4298 3.71712C17.4009 3.72396 17.3707 3.72327 17.3421 3.7151C17.3135 3.70693 17.2875 3.69155 17.2665 3.67045L15.2948 1.94379C14.9348 1.63339 14.4752 1.46265 13.9998 1.46265C13.5245 1.46265 13.0649 1.63339 12.7048 1.94379L10.7332 3.67045C10.7122 3.69155 10.6862 3.70693 10.6576 3.7151C10.629 3.72327 10.5988 3.72396 10.5698 3.71712L7.96817 3.48379C7.49141 3.43931 7.01482 3.57058 6.62808 3.8529C6.24133 4.13523 5.97108 4.54915 5.86817 5.01679L5.28483 7.57179C5.27858 7.60136 5.26594 7.62921 5.2478 7.65339C5.22967 7.67757 5.20647 7.6975 5.17983 7.71179L2.93983 9.03712C2.52702 9.28021 2.21733 9.66583 2.06906 10.1214C1.92079 10.5769 1.94419 11.071 2.13483 11.5105L3.17317 13.9138C3.19587 13.9699 3.19587 14.0327 3.17317 14.0888L2.13483 16.4921C1.94514 16.9299 1.92228 17.4221 2.07059 17.8756C2.2189 18.3291 2.5281 18.7126 2.93983 18.9538L5.1915 20.3001C5.23894 20.3336 5.27222 20.3835 5.28483 20.4401L5.86817 22.9951C5.97206 23.4619 6.24272 23.8747 6.62937 24.1561C7.01601 24.4375 7.49206 24.5681 7.96817 24.5235L10.5698 24.2785C10.5996 24.2765 10.6295 24.2807 10.6575 24.2907C10.6856 24.3007 10.7114 24.3164 10.7332 24.3368L12.7048 26.0635C13.0657 26.372 13.525 26.5416 13.9998 26.5416C14.4747 26.5416 14.9339 26.372 15.2948 26.0635L17.2665 24.3368C17.2883 24.3164 17.314 24.3007 17.3421 24.2907C17.3702 24.2807 17.4001 24.2765 17.4298 24.2785L20.0315 24.5235C20.5076 24.5681 20.9837 24.4375 21.3703 24.1561C21.7569 23.8747 22.0276 23.4619 22.1315 22.9951L22.7148 20.4401C22.7211 20.4105 22.7337 20.3827 22.7519 20.3585C22.77 20.3343 22.7932 20.3144 22.8198 20.3001L25.0598 18.9585C25.4716 18.7173 25.7808 18.3338 25.9291 17.8803C26.0774 17.4267 26.0545 16.9346 25.8648 16.4968L24.8265 14.0935C24.8038 14.0373 24.8038 13.9746 24.8265 13.9185L25.8648 11.5105ZM19.2382 11.6505L13.4515 17.5771C13.2818 17.7398 13.0565 17.8316 12.8215 17.8338C12.6373 17.8355 12.4575 17.7783 12.3082 17.6705L8.87817 15.2205C8.68942 15.0843 8.56249 14.8788 8.5253 14.649C8.4881 14.4193 8.54369 14.1842 8.67983 13.9955C8.81598 13.8067 9.02153 13.6798 9.25126 13.6426C9.48099 13.6054 9.71609 13.661 9.90483 13.7971L12.7165 15.8155L17.9898 10.4255C18.0699 10.3428 18.1656 10.277 18.2713 10.2316C18.377 10.1863 18.4907 10.1624 18.6057 10.1613C18.7208 10.1602 18.8349 10.1819 18.9414 10.2253C19.048 10.2686 19.1449 10.3327 19.2265 10.4138C19.3908 10.5769 19.4841 10.7982 19.4863 11.0297C19.4885 11.2612 19.3993 11.4843 19.2382 11.6505Z' fill='%23225263'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}







.bedrooms-section {
    display: flex;
    padding: 60px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    overflow: hidden;
    background: #E5E0D7;
}

.bedrooms-text-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    flex: 1 0 0;
    padding: 0px 40px;
    width: 100%; 
}

img.bedrooms-usor {
    width: 200px;
    height: 65px;
    pointer-events: none;
    -webkit-user-drag: none;
}

h2.bedrooms-title {
    color: var(--main);
    text-align: center;
    font-family: Fraunces, serif; 
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

ul.bedrooms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; 
}

.bedrooms-item {
    display: flex;
    padding: 10px 14px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid #E5E0D7;
    color: #000;
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.bedrooms-item::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M25.8648 11.5105C26.0555 11.071 26.0789 10.5769 25.9306 10.1214C25.7823 9.66583 25.4726 9.28021 25.0598 9.03712L22.8198 7.70712C22.7932 7.69283 22.77 7.6729 22.7519 7.64872C22.7337 7.62454 22.7211 7.59669 22.7148 7.56712L22.1315 5.01212C22.0256 4.54644 21.7544 4.13496 21.3683 3.85394C20.9821 3.57291 20.5072 3.4414 20.0315 3.48379L17.4298 3.71712C17.4009 3.72396 17.3707 3.72327 17.3421 3.7151C17.3135 3.70693 17.2875 3.69155 17.2665 3.67045L15.2948 1.94379C14.9348 1.63339 14.4752 1.46265 13.9998 1.46265C13.5245 1.46265 13.0649 1.63339 12.7048 1.94379L10.7332 3.67045C10.7122 3.69155 10.6862 3.70693 10.6576 3.7151C10.629 3.72327 10.5988 3.72396 10.5698 3.71712L7.96817 3.48379C7.49141 3.43931 7.01482 3.57058 6.62808 3.8529C6.24133 4.13523 5.97108 4.54915 5.86817 5.01679L5.28483 7.57179C5.27858 7.60136 5.26594 7.62921 5.2478 7.65339C5.22967 7.67757 5.20647 7.6975 5.17983 7.71179L2.93983 9.03712C2.52702 9.28021 2.21733 9.66583 2.06906 10.1214C1.92079 10.5769 1.94419 11.071 2.13483 11.5105L3.17317 13.9138C3.19587 13.9699 3.19587 14.0327 3.17317 14.0888L2.13483 16.4921C1.94514 16.9299 1.92228 17.4221 2.07059 17.8756C2.2189 18.3291 2.5281 18.7126 2.93983 18.9538L5.1915 20.3001C5.23894 20.3336 5.27222 20.3835 5.28483 20.4401L5.86817 22.9951C5.97206 23.4619 6.24272 23.8747 6.62937 24.1561C7.01601 24.4375 7.49206 24.5681 7.96817 24.5235L10.5698 24.2785C10.5996 24.2765 10.6295 24.2807 10.6575 24.2907C10.6856 24.3007 10.7114 24.3164 10.7332 24.3368L12.7048 26.0635C13.0657 26.372 13.525 26.5416 13.9998 26.5416C14.4747 26.5416 14.9339 26.372 15.2948 26.0635L17.2665 24.3368C17.2883 24.3164 17.314 24.3007 17.3421 24.2907C17.3702 24.2807 17.4001 24.2765 17.4298 24.2785L20.0315 24.5235C20.5076 24.5681 20.9837 24.4375 21.3703 24.1561C21.7569 23.8747 22.0276 23.4619 22.1315 22.9951L22.7148 20.4401C22.7211 20.4105 22.7337 20.3827 22.7519 20.3585C22.77 20.3343 22.7932 20.3144 22.8198 20.3001L25.0598 18.9585C25.4716 18.7173 25.7808 18.3338 25.9291 17.8803C26.0774 17.4267 26.0545 16.9346 25.8648 16.4968L24.8265 14.0935C24.8038 14.0373 24.8038 13.9746 24.8265 13.9185L25.8648 11.5105ZM19.2382 11.6505L13.4515 17.5771C13.2818 17.7398 13.0565 17.8316 12.8215 17.8338C12.6373 17.8355 12.4575 17.7783 12.3082 17.6705L8.87817 15.2205C8.68942 15.0843 8.56249 14.8788 8.5253 14.649C8.4881 14.4193 8.54369 14.1842 8.67983 13.9955C8.81598 13.8067 9.02153 13.6798 9.25126 13.6426C9.48099 13.6054 9.71609 13.661 9.90483 13.7971L12.7165 15.8155L17.9898 10.4255C18.0699 10.3428 18.1656 10.277 18.2713 10.2316C18.377 10.1863 18.4907 10.1624 18.6057 10.1613C18.7208 10.1602 18.8349 10.1819 18.9414 10.2253C19.048 10.2686 19.1449 10.3327 19.2265 10.4138C19.3908 10.5769 19.4841 10.7982 19.4863 11.0297C19.4885 11.2612 19.3993 11.4843 19.2382 11.6505Z' fill='%23225263'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.bedrooms-gallery {
    width: 100%;
    overflow: hidden; 
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.bedrooms-gallery:active {
    cursor: grabbing;
}

.bedrooms-track {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: max-content; 
    will-change: transform;
}

.bedrooms-track a {
    display: block;
    text-decoration: none;
    -webkit-user-drag: none;
    cursor: zoom-in;
}

img.bedrooms-image {
    width: 400px;
    height: 270px;
    object-fit: cover;
    border-radius: 24px;
    display: block;
    pointer-events: none; 
}

@media (max-width: 768px) {
    .bedrooms-text-container {
        padding: 0px 14px;
    }
    h2.bedrooms-title {
        font-size: 24px;
    }   
    ul.bedrooms-list {
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    li.bedrooms-item {
        border: 1px solid rgba(172, 159, 140, 0.60);
        width: 100%;
    }   
}












.bathrooms-section {
    display: flex;
    padding: 60px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.bathrooms-container {
    display: flex;
    align-items: stretch;
    gap: 40px;
    align-self: stretch;
    width: 100%;
    padding: 0 40px;
}

.bathrooms-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.bathrooms-image {
    flex: 1;
}

.bathrooms-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
}

.bathrooms-text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

h2.bathrooms-title {
    color: var(--main);
    font-family: Fraunces;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

p.bathrooms-text {
    color: var(--text-dark);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

ul.bathrooms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;     
    gap: 16px;
    align-items: start; 
}

.bathrooms-item {
    display: flex;
    padding: 10px 14px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid #E5E0D7;
    width: 220px;
    color: #000;
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.bathrooms-item::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M25.8648 11.5105C26.0555 11.071 26.0789 10.5769 25.9306 10.1214C25.7823 9.66583 25.4726 9.28021 25.0598 9.03712L22.8198 7.70712C22.7932 7.69283 22.77 7.6729 22.7519 7.64872C22.7337 7.62454 22.7211 7.59669 22.7148 7.56712L22.1315 5.01212C22.0256 4.54644 21.7544 4.13496 21.3683 3.85394C20.9821 3.57291 20.5072 3.4414 20.0315 3.48379L17.4298 3.71712C17.4009 3.72396 17.3707 3.72327 17.3421 3.7151C17.3135 3.70693 17.2875 3.69155 17.2665 3.67045L15.2948 1.94379C14.9348 1.63339 14.4752 1.46265 13.9998 1.46265C13.5245 1.46265 13.0649 1.63339 12.7048 1.94379L10.7332 3.67045C10.7122 3.69155 10.6862 3.70693 10.6576 3.7151C10.629 3.72327 10.5988 3.72396 10.5698 3.71712L7.96817 3.48379C7.49141 3.43931 7.01482 3.57058 6.62808 3.8529C6.24133 4.13523 5.97108 4.54915 5.86817 5.01679L5.28483 7.57179C5.27858 7.60136 5.26594 7.62921 5.2478 7.65339C5.22967 7.67757 5.20647 7.6975 5.17983 7.71179L2.93983 9.03712C2.52702 9.28021 2.21733 9.66583 2.06906 10.1214C1.92079 10.5769 1.94419 11.071 2.13483 11.5105L3.17317 13.9138C3.19587 13.9699 3.19587 14.0327 3.17317 14.0888L2.13483 16.4921C1.94514 16.9299 1.92228 17.4221 2.07059 17.8756C2.2189 18.3291 2.5281 18.7126 2.93983 18.9538L5.1915 20.3001C5.23894 20.3336 5.27222 20.3835 5.28483 20.4401L5.86817 22.9951C5.97206 23.4619 6.24272 23.8747 6.62937 24.1561C7.01601 24.4375 7.49206 24.5681 7.96817 24.5235L10.5698 24.2785C10.5996 24.2765 10.6295 24.2807 10.6575 24.2907C10.6856 24.3007 10.7114 24.3164 10.7332 24.3368L12.7048 26.0635C13.0657 26.372 13.525 26.5416 13.9998 26.5416C14.4747 26.5416 14.9339 26.372 15.2948 26.0635L17.2665 24.3368C17.2883 24.3164 17.314 24.3007 17.3421 24.2907C17.3702 24.2807 17.4001 24.2765 17.4298 24.2785L20.0315 24.5235C20.5076 24.5681 20.9837 24.4375 21.3703 24.1561C21.7569 23.8747 22.0276 23.4619 22.1315 22.9951L22.7148 20.4401C22.7211 20.4105 22.7337 20.3827 22.7519 20.3585C22.77 20.3343 22.7932 20.3144 22.8198 20.3001L25.0598 18.9585C25.4716 18.7173 25.7808 18.3338 25.9291 17.8803C26.0774 17.4267 26.0545 16.9346 25.8648 16.4968L24.8265 14.0935C24.8038 14.0373 24.8038 13.9746 24.8265 13.9185L25.8648 11.5105ZM19.2382 11.6505L13.4515 17.5771C13.2818 17.7398 13.0565 17.8316 12.8215 17.8338C12.6373 17.8355 12.4575 17.7783 12.3082 17.6705L8.87817 15.2205C8.68942 15.0843 8.56249 14.8788 8.5253 14.649C8.4881 14.4193 8.54369 14.1842 8.67983 13.9955C8.81598 13.8067 9.02153 13.6798 9.25126 13.6426C9.48099 13.6054 9.71609 13.661 9.90483 13.7971L12.7165 15.8155L17.9898 10.4255C18.0699 10.3428 18.1656 10.277 18.2713 10.2316C18.377 10.1863 18.4907 10.1624 18.6057 10.1613C18.7208 10.1602 18.8349 10.1819 18.9414 10.2253C19.048 10.2686 19.1449 10.3327 19.2265 10.4138C19.3908 10.5769 19.4841 10.7982 19.4863 11.0297C19.4885 11.2612 19.3993 11.4843 19.2382 11.6505Z' fill='%23225263'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media (max-width: 768px) {
    .bathrooms-section {
        padding: 40px 0px;
    }
    li.bathrooms-item {
        width: 100%;
    }
    .bathrooms-container {
        padding: 0 14px;
    }
    h2.bathrooms-title {
        font-size: 32px;
    }   
    .bathrooms-container {
        flex-direction: column-reverse;
    }
    .bathrooms-image img {
        height: auto;
    }
}



.bathrooms-gallery {
    width: 100%;
    overflow: hidden; 
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.bathrooms-gallery:active {
    cursor: grabbing;
}

.bathrooms-track {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: max-content; 
    will-change: transform;
}

.bathrooms-track a {
    display: block;
    text-decoration: none;
    -webkit-user-drag: none;
    cursor: zoom-in;
}

img.bathrooms-image {
    width: 400px;
    height: 270px;
    object-fit: cover;
    border-radius: 24px;
    display: block;
    pointer-events: none; 
}













.outdoors-section {
    display: flex;
    padding: 40px 0;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.outdoors-container {
    display: flex;
    align-items: stretch;
    gap: 60px;
    align-self: stretch;
    width: 100%;
    padding: 0 40px;
}

.outdoors-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.outdoors-image {
    flex: 1;
}

.outdoors-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
}

.outdoors-text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

h2.outdoors-title {
    color: var(--main);
    font-family: Fraunces;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

p.outdoors-text {
    color: var(--text-dark);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

ul.outdoors-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;     
    gap: 16px;
    align-items: start; 
}

.outdoors-item {
    display: flex;
    padding: 10px 14px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid #E5E0D7;
    color: #000;
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.outdoors-item:last-child:nth-child(odd) {
    grid-column: 1 / -1; 
}

.outdoors-item::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M25.8648 11.5105C26.0555 11.071 26.0789 10.5769 25.9306 10.1214C25.7823 9.66583 25.4726 9.28021 25.0598 9.03712L22.8198 7.70712C22.7932 7.69283 22.77 7.6729 22.7519 7.64872C22.7337 7.62454 22.7211 7.59669 22.7148 7.56712L22.1315 5.01212C22.0256 4.54644 21.7544 4.13496 21.3683 3.85394C20.9821 3.57291 20.5072 3.4414 20.0315 3.48379L17.4298 3.71712C17.4009 3.72396 17.3707 3.72327 17.3421 3.7151C17.3135 3.70693 17.2875 3.69155 17.2665 3.67045L15.2948 1.94379C14.9348 1.63339 14.4752 1.46265 13.9998 1.46265C13.5245 1.46265 13.0649 1.63339 12.7048 1.94379L10.7332 3.67045C10.7122 3.69155 10.6862 3.70693 10.6576 3.7151C10.629 3.72327 10.5988 3.72396 10.5698 3.71712L7.96817 3.48379C7.49141 3.43931 7.01482 3.57058 6.62808 3.8529C6.24133 4.13523 5.97108 4.54915 5.86817 5.01679L5.28483 7.57179C5.27858 7.60136 5.26594 7.62921 5.2478 7.65339C5.22967 7.67757 5.20647 7.6975 5.17983 7.71179L2.93983 9.03712C2.52702 9.28021 2.21733 9.66583 2.06906 10.1214C1.92079 10.5769 1.94419 11.071 2.13483 11.5105L3.17317 13.9138C3.19587 13.9699 3.19587 14.0327 3.17317 14.0888L2.13483 16.4921C1.94514 16.9299 1.92228 17.4221 2.07059 17.8756C2.2189 18.3291 2.5281 18.7126 2.93983 18.9538L5.1915 20.3001C5.23894 20.3336 5.27222 20.3835 5.28483 20.4401L5.86817 22.9951C5.97206 23.4619 6.24272 23.8747 6.62937 24.1561C7.01601 24.4375 7.49206 24.5681 7.96817 24.5235L10.5698 24.2785C10.5996 24.2765 10.6295 24.2807 10.6575 24.2907C10.6856 24.3007 10.7114 24.3164 10.7332 24.3368L12.7048 26.0635C13.0657 26.372 13.525 26.5416 13.9998 26.5416C14.4747 26.5416 14.9339 26.372 15.2948 26.0635L17.2665 24.3368C17.2883 24.3164 17.314 24.3007 17.3421 24.2907C17.3702 24.2807 17.4001 24.2765 17.4298 24.2785L20.0315 24.5235C20.5076 24.5681 20.9837 24.4375 21.3703 24.1561C21.7569 23.8747 22.0276 23.4619 22.1315 22.9951L22.7148 20.4401C22.7211 20.4105 22.7337 20.3827 22.7519 20.3585C22.77 20.3343 22.7932 20.3144 22.8198 20.3001L25.0598 18.9585C25.4716 18.7173 25.7808 18.3338 25.9291 17.8803C26.0774 17.4267 26.0545 16.9346 25.8648 16.4968L24.8265 14.0935C24.8038 14.0373 24.8038 13.9746 24.8265 13.9185L25.8648 11.5105ZM19.2382 11.6505L13.4515 17.5771C13.2818 17.7398 13.0565 17.8316 12.8215 17.8338C12.6373 17.8355 12.4575 17.7783 12.3082 17.6705L8.87817 15.2205C8.68942 15.0843 8.56249 14.8788 8.5253 14.649C8.4881 14.4193 8.54369 14.1842 8.67983 13.9955C8.81598 13.8067 9.02153 13.6798 9.25126 13.6426C9.48099 13.6054 9.71609 13.661 9.90483 13.7971L12.7165 15.8155L17.9898 10.4255C18.0699 10.3428 18.1656 10.277 18.2713 10.2316C18.377 10.1863 18.4907 10.1624 18.6057 10.1613C18.7208 10.1602 18.8349 10.1819 18.9414 10.2253C19.048 10.2686 19.1449 10.3327 19.2265 10.4138C19.3908 10.5769 19.4841 10.7982 19.4863 11.0297C19.4885 11.2612 19.3993 11.4843 19.2382 11.6505Z' fill='%23225263'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media (max-width: 768px) {
    .outdoors-section {
        padding: 40px 14px;
    }
    .outdoors-section {
        padding: 40px 0;
    }

    .outdoors-container {
        padding: 0 14px;
    }
    li.outdoors-item {
        width: 100%;
        border: 1px solid #E5E0D7;
    }
    h2.outdoors-title {
        font-size: 32px;
    }   
    .outdoors-container {
        flex-direction: column-reverse;
    }
    .outdoors-image img {
        height: auto;
    }
    ul.outdoors-list {
        display: flex;
        flex-direction: column;
    }
}


.outdoors-gallery {
    width: 100%;
    overflow: hidden; 
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.outdoors-gallery:active {
    cursor: grabbing;
}

.outdoors-track {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: max-content; 
    will-change: transform;
}

.outdoors-track a {
    display: block;
    text-decoration: none;
    -webkit-user-drag: none;
    cursor: zoom-in;
}

img.outdoors-image {
    width: 400px;
    height: 270px;
    object-fit: cover;
    border-radius: 24px;
    display: block;
    pointer-events: none; 
}


.mob-background {
    background: none;
}

@media (max-width: 768px) {
    .mob-background {
        background: #E5E0D7;
    }
}






.room-gallery {
    width: 100%;
    overflow: hidden; 
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.room-gallery:active {
    cursor: grabbing;
}

.room-track {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: max-content; 
    will-change: transform;
}

.room-track a {
    display: block;
    text-decoration: none;
    -webkit-user-drag: none;
    cursor: zoom-in;
}

img.room-image {
    width: 400px;
    height: 270px;
    object-fit: cover;
    border-radius: 24px;
    display: block;
    pointer-events: none; 
}






.retreat-section {
    display: flex;
    width: 100%;
    padding: 60px 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    box-sizing: border-box;
}

.retreat-container {
    display: flex;
    align-items: stretch;
    gap: 40px;
    align-self: stretch;
    width: 100%;
}

.retreat-left {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    justify-content: flex-start;
}

.retreat-right {
    flex: 1;
}

.retreat-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
}

h2.retreat-title {
    color: var(--main);
    font-family: Fraunces;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
    margin: 0;
}

p.retreat-text {
    color: var(--text-dark);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
}

@media (max-width: 768px) {
    .retreat-section {
        padding: 40px 14px;
    }
    h2.retreat-title {
        font-size: 32px;
    }
    .retreat-container {
        flex-direction: column-reverse;
    }
    .retreat-right img {
        height: auto;
    }
}









.cozy-house-section {
    display: flex;
    padding: 60px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.cozy-house-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    padding: 0 40px;
}
.cozy-house-container-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    width: 100%;
    margin: auto;    
}

h2.cozy-house-title {
    color: var(--main);
    text-align: center;
    font-family: Fraunces;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; 
    text-transform: uppercase;
}
p.cozy-house-text {
    color: var(--text-dark);
    text-align: center;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; 
}

.cozy-house-usor img {
    width: 200px;
    height: 65px;
    pointer-events: none;
    -webkit-user-drag: none;
}


@media (max-width: 1468px) {
    .cozy-house-container-center {
        width: 80%;    
    }
}

@media (max-width: 768px) {
    .cozy-house-section {
        padding: 40px 0;
    }
    h2.cozy-house-title {
        font-size: 24px;
    }   
    .cozy-house-container-center {
        width: 100%;    
    }
    .cozy-house-container {
        padding: 0 14px;
    }
}

.cozy-gallery {
    width: 100%;
    overflow: hidden; 
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.cozy-gallery:active {
    cursor: grabbing;
}

.cozy-track {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: max-content; 
    will-change: transform;
}

.cozy-track a {
    display: block;
    text-decoration: none;
    -webkit-user-drag: none;
    cursor: zoom-in;
}

img.cozy-image {
    width: 400px;
    height: 270px;
    object-fit: cover;
    border-radius: 24px;
    display: block;
    pointer-events: none; 
}









img.room-image-image {
    width: 100%;
    border-radius: 24px;
}

.room-sectrion {
    display: flex;
    padding: 60px 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.room-main {
    display: flex;
    gap: 40px;
    align-self: stretch;
    width: 100%;
    position: relative;
}
.room-left {
    width: 100%;
    display: flex;
}
.room-right {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;
}
.room-room-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
img.room-usor {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 102px;
    height: 159px;
    pointer-events: none;
    -webkit-user-drag: none;

}



h2.room-title {
    color: var(--main);
    font-family: Fraunces;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

.room-left {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.room-image-image {
    width: 100%;
    height: 120%;
    object-fit: cover;
    will-change: transform;
    transition: opacity 1s ease;
}
@media (max-width: 768px) {
    .room-sectrion {
        padding: 40px 14px;
    }
    h2.room-title {
        font-size: 24px;
    }
    .room-main {
        flex-direction: column;
    }
}









.included-section {
    display: flex;
    padding: 60px 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    background: var(--card);
}

h2.included-main-title {
    color: #FFF;
    font-family: Fraunces;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    text-transform: uppercase;
}

p.included-subtitle {
    color: #FFF;
    text-align: center;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}

.included-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.included-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
}

.included-image {
    max-width: 100%;
    height: auto;
}
.included-card {
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 14px;
    flex: 1 0 0;
    border-radius: 12px;
    background: #E5E0D7;
}

img.included-image {
    width: 40px;
    height: 40px;
    aspect-ratio: 1 / 1;
    pointer-events: none;
    -webkit-user-drag: none;
}

h3.included-card-title {
    color: var(--main);
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}
p.included-card-text {
    color: var(--main);
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
img.included-usor {
    width: 234px;
    height: 76px;
    pointer-events: none;
    -webkit-user-drag: none;

}
@media (min-width: 1068px) {
    .included-cards {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px) {
    .included-section {
        padding: 40px 14px;
        display: flex;
        align-items: center;
        text-align: center;
    }
    h2.included-main-title {
        font-size: 32px;
    }
    p.included-card-text {
        text-align: left;
    }
}



.included-title,
.included-card,
.included-section .btn-hero,
.included-usor {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.included-section.is-active .included-title,
.included-section.is-active .included-card,
.included-section.is-active .btn-hero,
.included-section.is-active .included-usor {
    opacity: 1;
    transform: translateY(0);
}

.included-section.is-active .included-title { transition-delay: 0s; }

.included-section.is-active .included-card:nth-child(1) { transition-delay: 0.15s; }
.included-section.is-active .included-card:nth-child(2) { transition-delay: 0.25s; }
.included-section.is-active .included-card:nth-child(3) { transition-delay: 0.35s; }
.included-section.is-active .included-card:nth-child(4) { transition-delay: 0.45s; }
.included-section.is-active .included-card:nth-child(5) { transition-delay: 0.55s; }
.included-section.is-active .included-card:nth-child(6) { transition-delay: 0.65s; }

.included-section.is-active .btn-hero { transition-delay: 0.75s; }
.included-section.is-active .included-usor { transition-delay: 0.85s; }

.included-card {
    transition: transform 0.3s ease, opacity 0.8s ease; 
}




.weddings-cards-section {
    display: flex;
    width: 100%;
    padding: 60px 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.weddings-cards-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    width: 100%;
    align-items: stretch;
}

.weddings-card {
    display: flex;
    padding: 12px 12px 20px 12px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    border-radius: 12px;
    background: #E5E0D7;
    height: 100%;
    box-sizing: border-box;
}

@media (max-width: 1068px) {
    .weddings-cards-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .weddings-cards-wrapper {
        grid-template-columns: 1fr;
    }
}
img.weddings-card-image {
    height: 300px;
    align-self: stretch;
    border-radius: 6px;
    width: 100%;
    object-fit: cover;
}


h3.weddings-card-title {
    color: var(--main);
    text-align: center;
    font-family: Fraunces;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}
p.weddings-card-description {
    color: var(--text-dark);
    text-align: center;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

@media (max-width: 768px) {
    .weddings-cards-section {
        padding: 40px 14px;
    }
    h2.weddings-cards-title {
        font-size: 32px;
    }   
}


.weddings-card-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.weddings-card {
    opacity: 0;
    transform: translateY(80px) scale(0.9) rotate(2deg);
    transform-origin: center center;
    transition: opacity 0.8s ease-out, 
                transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
    will-change: opacity, transform;
}

.weddings-card.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1) rotate(0deg);
}

.weddings-cards-section.is-active .weddings-card {
    opacity: 1;
    transform: scale(1) translateY(0) rotate(0deg);
}

.weddings-cards-section.is-active .weddings-card:nth-child(1) { transition-delay: 0.1s; }
.weddings-cards-section.is-active .weddings-card:nth-child(2) { transition-delay: 0.2s; }
.weddings-cards-section.is-active .weddings-card:nth-child(3) { transition-delay: 0.3s; }
.weddings-cards-section.is-active .weddings-card:nth-child(4) { transition-delay: 0.4s; }
.weddings-cards-section.is-active .weddings-card:nth-child(5) { transition-delay: 0.5s; }
.weddings-cards-section.is-active .weddings-card:nth-child(6) { transition-delay: 0.6s; }





.kitchen-title,
.kitchen-text,
.kitchen-item {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.kitchen-image {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.kitchen-section.is-active .kitchen-title,
.kitchen-section.is-active .kitchen-text,
.kitchen-section.is-active .kitchen-item,
.kitchen-section.is-active .kitchen-image {
    opacity: 1;
    transform: translateY(0) translateX(0);
}

.kitchen-section.is-active .kitchen-title { transition-delay: 0.1s; }
.kitchen-section.is-active .kitchen-text { transition-delay: 0.2s; }
.kitchen-section.is-active .kitchen-image { transition-delay: 0.3s; }

.kitchen-section.is-active .kitchen-item:nth-child(1) { transition-delay: 0.35s; }
.kitchen-section.is-active .kitchen-item:nth-child(2) { transition-delay: 0.38s; }
.kitchen-section.is-active .kitchen-item:nth-child(3) { transition-delay: 0.41s; }
.kitchen-section.is-active .kitchen-item:nth-child(4) { transition-delay: 0.44s; }
.kitchen-section.is-active .kitchen-item:nth-child(5) { transition-delay: 0.47s; }
.kitchen-section.is-active .kitchen-item:nth-child(6) { transition-delay: 0.50s; }
.kitchen-section.is-active .kitchen-item:nth-child(7) { transition-delay: 0.53s; }
.kitchen-section.is-active .kitchen-item:nth-child(8) { transition-delay: 0.56s; }
.kitchen-section.is-active .kitchen-item:nth-child(9) { transition-delay: 0.59s; }
.kitchen-section.is-active .kitchen-item:nth-child(10) { transition-delay: 0.62s; }
.kitchen-section.is-active .kitchen-item:nth-child(11) { transition-delay: 0.65s; }
.kitchen-section.is-active .kitchen-item:nth-child(12) { transition-delay: 0.68s; }
.kitchen-section.is-active .kitchen-item:nth-child(13) { transition-delay: 0.71s; }
.kitchen-section.is-active .kitchen-item:nth-child(14) { transition-delay: 0.74s; }
.kitchen-section.is-active .kitchen-item:nth-child(15) { transition-delay: 0.77s; }







.dining-usor,
.dining-title,
.dining-item,
.dining-track a {
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dining-usor {
    transform: scale(0.8) rotate(-10deg);
}

.dining-title {
    transform: translateY(20px);
}

.dining-item {
    transform: translateX(-20px);
}

.dining-track a {
    display: inline-block;
    transform: translateY(40px);
}

.dining-section.is-active .dining-usor,
.dining-section.is-active .dining-title,
.dining-section.is-active .dining-item,
.dining-section.is-active .dining-track a {
    opacity: 1;
    transform: translateY(0) translateX(0) scale(1) rotate(0deg);
}

.dining-section.is-active .dining-usor { transition-delay: 0.1s; }
.dining-section.is-active .dining-title { transition-delay: 0.2s; }

.dining-section.is-active .dining-item:nth-child(1) { transition-delay: 0.3s; }
.dining-section.is-active .dining-item:nth-child(2) { transition-delay: 0.4s; }

.dining-section.is-active .dining-track a:nth-child(1) { transition-delay: 0.4s; }
.dining-section.is-active .dining-track a:nth-child(2) { transition-delay: 0.5s; }
.dining-section.is-active .dining-track a:nth-child(3) { transition-delay: 0.6s; }
.dining-section.is-active .dining-track a:nth-child(4) { transition-delay: 0.7s; }

.dining-image {
    transition: transform 0.5s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dining-track a:hover .dining-image {
    transform: scale(1.05);
}






.sleeping-image,
.sleeping-title,
.sleeping-text,
.sleeping-item {
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sleeping-image {
    transform: scale(0.95);
    transition-duration: 1s;
}

.sleeping-title,
.sleeping-text {
    transform: translateY(30px);
}

.sleeping-item {
    transform: translateX(20px);
}

.sleeping-section.is-active .sleeping-image {
    opacity: 1;
    transform: scale(1);
}

.sleeping-section.is-active .sleeping-title,
.sleeping-section.is-active .sleeping-text {
    opacity: 1;
    transform: translateY(0);
}

.sleeping-section.is-active .sleeping-item {
    opacity: 1;
    transform: translateX(0);
}

.sleeping-section.is-active .sleeping-image { transition-delay: 0.1s; }
.sleeping-section.is-active .sleeping-title { transition-delay: 0.2s; }
.sleeping-section.is-active .sleeping-text { transition-delay: 0.3s; }

.sleeping-section.is-active .sleeping-item:nth-child(1) { transition-delay: 0.4s; }
.sleeping-section.is-active .sleeping-item:nth-child(2) { transition-delay: 0.5s; }
.sleeping-section.is-active .sleeping-item:nth-child(3) { transition-delay: 0.6s; }
.sleeping-section.is-active .sleeping-item:nth-child(4) { transition-delay: 0.7s; }
.sleeping-section.is-active .sleeping-item:nth-child(5) { transition-delay: 0.8s; }
.sleeping-section.is-active .sleeping-item:nth-child(6) { transition-delay: 0.9s; }





.bedrooms-usor,
.bedrooms-title,
.bedrooms-item,
.bedrooms-track a {
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.bedrooms-usor {
    transform: translateY(20px) rotate(-10deg);
}

.bedrooms-title,
.bedrooms-item {
    transform: translateY(30px);
}

.bedrooms-track a {
    display: inline-block;
    transform: translateY(40px);
}

.bedrooms-section.is-active .bedrooms-usor,
.bedrooms-section.is-active .bedrooms-title,
.bedrooms-section.is-active .bedrooms-item,
.bedrooms-section.is-active .bedrooms-track a {
    opacity: 1;
    transform: translateY(0) rotate(0deg);
}

.bedrooms-section.is-active .bedrooms-usor { transition-delay: 0.1s; }
.bedrooms-section.is-active .bedrooms-title { transition-delay: 0.2s; }

.bedrooms-section.is-active .bedrooms-item:nth-child(1) { transition-delay: 0.3s; }
.bedrooms-section.is-active .bedrooms-item:nth-child(2) { transition-delay: 0.4s; }
.bedrooms-section.is-active .bedrooms-item:nth-child(3) { transition-delay: 0.5s; }
.bedrooms-section.is-active .bedrooms-item:nth-child(4) { transition-delay: 0.6s; }

.bedrooms-section.is-active .bedrooms-track a:nth-child(1) { transition-delay: 0.4s; }
.bedrooms-section.is-active .bedrooms-track a:nth-child(2) { transition-delay: 0.5s; }
.bedrooms-section.is-active .bedrooms-track a:nth-child(3) { transition-delay: 0.6s; }
.bedrooms-section.is-active .bedrooms-track a:nth-child(4) { transition-delay: 0.7s; }

.bedrooms-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.bedrooms-track a:hover .bedrooms-image {
    transform: scale(1.05);
}






.bathrooms-title,
.bathrooms-text,
.bathrooms-item,
.bathrooms-image,
.bathrooms-track a {
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.bathrooms-title,
.bathrooms-text {
    transform: translateY(30px);
}

.bathrooms-item {
    transform: translateX(-20px);
}

.bathrooms-image {
    transform: translateX(30px);
}

.bathrooms-track a {
    display: inline-block;
    transform: translateY(40px);
}

.bathrooms-section.is-active .bathrooms-title,
.bathrooms-section.is-active .bathrooms-text,
.bathrooms-section.is-active .bathrooms-item,
.bathrooms-section.is-active .bathrooms-image,
.bathrooms-section.is-active .bathrooms-track a {
    opacity: 1;
    transform: translateY(0) translateX(0);
}

.bathrooms-section.is-active .bathrooms-title { transition-delay: 0.1s; }
.bathrooms-section.is-active .bathrooms-text { transition-delay: 0.2s; }

.bathrooms-section.is-active .bathrooms-item:nth-child(1) { transition-delay: 0.3s; }
.bathrooms-section.is-active .bathrooms-item:nth-child(2) { transition-delay: 0.35s; }
.bathrooms-section.is-active .bathrooms-item:nth-child(3) { transition-delay: 0.4s; }
.bathrooms-section.is-active .bathrooms-item:nth-child(4) { transition-delay: 0.45s; }
.bathrooms-section.is-active .bathrooms-item:nth-child(5) { transition-delay: 0.5s; }
.bathrooms-section.is-active .bathrooms-item:nth-child(6) { transition-delay: 0.55s; }
.bathrooms-section.is-active .bathrooms-item:nth-child(7) { transition-delay: 0.6s; }

.bathrooms-section.is-active .bathrooms-image { transition-delay: 0.3s; }

.bathrooms-section.is-active .bathrooms-track a:nth-child(1) { transition-delay: 0.4s; }
.bathrooms-section.is-active .bathrooms-track a:nth-child(2) { transition-delay: 0.5s; }
.bathrooms-section.is-active .bathrooms-track a:nth-child(3) { transition-delay: 0.6s; }
.bathrooms-section.is-active .bathrooms-track a:nth-child(4) { transition-delay: 0.7s; }

.bathrooms-track a img {
    transition: transform 0.5s ease;
    object-fit: cover;
}

.bathrooms-track a:hover img {
    transform: scale(1.05);
}






.outdoors-title,
.outdoors-text,
.outdoors-item,
.outdoors-container > .outdoors-image,
.outdoors-track a,
.outdoors-section .btn-book {
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.outdoors-title,
.outdoors-text {
    transform: translateY(30px);
}

.outdoors-item {
    transform: translateX(-20px);
}

.outdoors-container > .outdoors-image {
    transform: translateX(30px);
}

.outdoors-track a,
.outdoors-section .btn-book {
    transform: translateY(40px);
    display: inline-block;
}

.outdoors-section.is-active .outdoors-title,
.outdoors-section.is-active .outdoors-text,
.outdoors-section.is-active .outdoors-item,
.outdoors-section.is-active .outdoors-container > .outdoors-image,
.outdoors-section.is-active .outdoors-track a,
.outdoors-section.is-active .btn-book {
    opacity: 1;
    transform: translateY(0) translateX(0);
}

.outdoors-section.is-active .outdoors-title { transition-delay: 0.1s; }
.outdoors-section.is-active .outdoors-text { transition-delay: 0.2s; }

.outdoors-section.is-active .outdoors-item:nth-child(1) { transition-delay: 0.3s; }
.outdoors-section.is-active .outdoors-item:nth-child(2) { transition-delay: 0.35s; }
.outdoors-section.is-active .outdoors-item:nth-child(3) { transition-delay: 0.4s; }
.outdoors-section.is-active .outdoors-item:nth-child(4) { transition-delay: 0.45s; }
.outdoors-section.is-active .outdoors-item:nth-child(5) { transition-delay: 0.5s; }

.outdoors-section.is-active .outdoors-container > .outdoors-image { transition-delay: 0.3s; }

.outdoors-section.is-active .outdoors-track a:nth-child(1) { transition-delay: 0.4s; }
.outdoors-section.is-active .outdoors-track a:nth-child(2) { transition-delay: 0.5s; }
.outdoors-section.is-active .outdoors-track a:nth-child(3) { transition-delay: 0.6s; }
.outdoors-section.is-active .outdoors-track a:nth-child(4) { transition-delay: 0.7s; }

.outdoors-section.is-active .btn-book { transition-delay: 0.8s; }

.outdoors-track a img {
    transition: transform 0.5s ease;
    object-fit: cover;
}

.outdoors-track a:hover img {
    transform: scale(1.05);
}






.room-image-image,
.room-title,
.room-text,
.room-right .btn-book,
.room-track a {
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.room-image-image {
    transform: translateX(-40px);
}

.room-title,
.room-text,
.room-right .btn-book {
    transform: translateY(30px);
}

.room-track a {
    display: inline-block;
    transform: translateY(40px);
}

.room-sectrion.is-active .room-image-image,
.room-sectrion.is-active .room-title,
.room-sectrion.is-active .room-text,
.room-sectrion.is-active .btn-book,
.room-sectrion.is-active .room-track a {
    opacity: 1;
    transform: translateY(0) translateX(0);
}

.room-sectrion.is-active .room-image-image { transition-delay: 0.1s; }
.room-sectrion.is-active .room-title { transition-delay: 0.2s; }
.room-sectrion.is-active .room-text { transition-delay: 0.3s; }
.room-sectrion.is-active .btn-book { transition-delay: 0.4s; }

.room-sectrion.is-active .room-track a:nth-child(1) { transition-delay: 0.5s; }
.room-sectrion.is-active .room-track a:nth-child(2) { transition-delay: 0.6s; }
.room-sectrion.is-active .room-track a:nth-child(3) { transition-delay: 0.7s; }
.room-sectrion.is-active .room-track a:nth-child(4) { transition-delay: 0.8s; }

.room-track a img {
    transition: transform 0.5s ease;
    object-fit: cover;
}

.room-track a:hover img {
    transform: scale(1.05);
}


main {
    opacity: 0.8;
    transform: translateY(40px);
    transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

main.page-loaded {
    opacity: 1;
    transform: translateY(0);
}









.add-ons-cards-section {
    display: flex;
    width: 100%;
    padding: 60px 40px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.add-ons-cards-wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 12px;
    width: 100%;
    align-items: stretch;
}

.add-ons-card {
    grid-column: span 3;
    display: flex;
    padding: 12px 12px 20px 12px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    border-radius: 12px;
    background: #E5E0D7;
    height: 100%;
    box-sizing: border-box;
}

.add-ons-card:nth-child(-n+3) {
    grid-column: span 4;
}

@media (max-width: 1068px) {
    .add-ons-card,
    .add-ons-card:nth-child(-n+3) {
        grid-column: span 6;
    }
}

@media (max-width: 768px) {
    .add-ons-cards-wrapper {
        display: flex;
        flex-direction: column;
    }
}

img.add-ons-card-image {
    height: 300px;
    align-self: stretch;
    border-radius: 6px;
    width: 100%;
    object-fit: cover;
}

h3.add-ons-card-title {
    color: var(--main);
    text-align: center;
    font-family: Fraunces;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

p.add-ons-card-description {
    color: var(--text-dark);
    text-align: center;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}


.add-ons-title-conteiner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    text-align: center;
    opacity: 0;
    transform: translateY(50px); 
    transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
    will-change: opacity, transform;
}

h2.add-ons-section-title {
    color: var(--main);
    font-family: Fraunces;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    text-transform: uppercase;
}
p.add-ons-section-description {
    color: var(--text-dark);
    text-align: center;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

@media (max-width: 768px) {
    .add-ons-cards-section {
        padding: 40px 14px;
    }
    h2.add-ons-cards-title {
        font-size: 32px;
    }   
    h2.add-ons-section-title {
        font-size: 32px;
    }
}

.add-ons-card-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.add-ons-card {
    opacity: 0;
    transform: translateY(80px) scale(0.9) rotate(2deg);
    transform-origin: center center;
    transition: opacity 0.8s ease-out, 
                transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
    will-change: opacity, transform;
}

.add-ons-card.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1) rotate(0deg);
}

.add-ons-cards-section.is-active .add-ons-card {
    opacity: 1;
    transform: scale(1) translateY(0) rotate(0deg);
}
.add-ons-title-conteiner.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.add-ons-cards-section.is-active .add-ons-card:nth-child(1) { transition-delay: 0.1s; }
.add-ons-cards-section.is-active .add-ons-card:nth-child(2) { transition-delay: 0.2s; }
.add-ons-cards-section.is-active .add-ons-card:nth-child(3) { transition-delay: 0.3s; }
.add-ons-cards-section.is-active .add-ons-card:nth-child(4) { transition-delay: 0.4s; }
.add-ons-cards-section.is-active .add-ons-card:nth-child(5) { transition-delay: 0.5s; }
.add-ons-cards-section.is-active .add-ons-card:nth-child(6) { transition-delay: 0.6s; }








.guide-page-cards-section {
    display: flex;
    padding: 60px 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
}

.guide-page-bottom-container {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}

.guide-page-image-wrapper {
    width: 100%;
    height: 350px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
}

img.guide-page-card-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    display: block;
}

.guide-page-card:hover .guide-page-card-image {
    transform: scale(1.05);
}

.guide-page-card {
    display: flex;
    padding: 12px 12px 20px 12px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    flex: 1 0 0;
    border-radius: 12px;
    background: #E5E0D7;
}

h3.guide-page-card-title {
    color: var(--main);
    text-align: center;
    font-family: Fraunces;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

p.guide-page-card-description {
    color: var(--text-dark);
    text-align: center;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.guide-page-cards-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 12px;
    width: 100%;
}

@media (max-width: 1024px) {
    .guide-page-cards-container {
        grid-template-columns: repeat(2, 1fr); 
    }
}

@media (max-width: 768px) {
    .guide-page-cards-container {
        grid-template-columns: 1fr; 
    }
}

button.guide-page-bottom {
    padding: 14px;
    border-radius: 6px;
    outline: none;
    cursor: pointer;
    border: 1px solid #E5E0D7;
    background: none;
    position: relative;
    overflow: hidden;
    transition: opacity 0.3s; 
    width: auto;
    white-space: nowrap;
}

span.guide-page-bottom-text {
    color: #000;
    text-align: center;
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    position: relative;
    z-index: 2;
    transition: color 0.3s;
}

button.guide-page-bottom::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    transition: none;
    z-index: 1;
}

button.guide-page-bottom:hover {
    opacity: 0.9;
}

button.guide-page-bottom:hover::after {
    left: 100%; 
    transition: 0.5s ease-in-out;
}

button.guide-page-bottom.guide-page-active {
    background: #90723B;
    border: 1px solid #90723B; 
}

button.guide-page-bottom.guide-page-active .guide-page-bottom-text {
    color: #fff;
}

a.guide-page-card {
    text-decoration: none;
}

@media (max-width: 768px) {
    .guide-page-cards-section {
        padding: 40px 14px;
    }
    
    .guide-page-bottom-container {
        display: flex;
        flex-wrap: nowrap; 
        overflow-x: auto;  
        scroll-behavior: smooth; 
        -ms-overflow-style: none; 
        scrollbar-width: none; 
        margin-left: -14px; 
        padding-left: 14px;
        margin-right: -14px; 
        padding-right: 14px;
        width: calc(100% + 28px);
    }

    .guide-page-bottom-container::-webkit-scrollbar {
        display: none;
    }

    .guide-page-bottom-container .guide-page-bottom {
        flex-shrink: 0; 
    }

    .guide-page-bottom-container::after {
        content: '';
        display: block;
        padding-right: 14px;
        height: 1px;
        flex-shrink: 0;
    }
}

.guide-page-card {
    opacity: 0;
    transform: translateY(80px) scale(0.9) rotate(2deg);
    transform-origin: center center;
    transition: opacity 0.8s ease-out, 
                transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
    will-change: opacity, transform;
}

.guide-page-card.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1) rotate(0deg);
}

.guide-page-card:nth-child(1) { transition-delay: 0.1s; }
.guide-page-card:nth-child(2) { transition-delay: 0.2s; }
.guide-page-card:nth-child(3) { transition-delay: 0.3s; }
.guide-page-card:nth-child(4) { transition-delay: 0.4s; }
.guide-page-card:nth-child(5) { transition-delay: 0.5s; }
.guide-page-card:nth-child(6) { transition-delay: 0.6s; }
.guide-page-card:nth-child(7) { transition-delay: 0.7s; }
.guide-page-card:nth-child(8) { transition-delay: 0.8s; }
.guide-page-bottom {
    opacity: 0;
    transform: translateY(30px) scale(0.9); 
    transition: opacity 0.6s ease-out, 
                transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    will-change: opacity, transform;
}

.guide-page-bottom.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.guide-page-bottom:nth-child(1) { transition-delay: 0.05s; }
.guide-page-bottom:nth-child(2) { transition-delay: 0.1s; }
.guide-page-bottom:nth-child(3) { transition-delay: 0.15s; }
.guide-page-bottom:nth-child(4) { transition-delay: 0.2s; }
.guide-page-bottom:nth-child(5) { transition-delay: 0.25s; }
.guide-page-bottom:nth-child(6) { transition-delay: 0.3s; }
.guide-page-bottom:nth-child(7) { transition-delay: 0.35s; }
.guide-page-bottom:nth-child(8) { transition-delay: 0.4s; }
.guide-page-bottom:nth-child(9) { transition-delay: 0.45s; }
.guide-page-bottom:nth-child(10) { transition-delay: 0.5s; }
.guide-page-bottom:nth-child(11) { transition-delay: 0.55s; }
.guide-page-bottom:nth-child(12) { transition-delay: 0.6s; }
.guide-page-bottom:nth-child(13) { transition-delay: 0.65s; }