/*
 * Restored public header state cascade from the previous Alaverdi build.
 * The header markup is CMS-managed in this project; these rules only restore
 * the old scroll/hero visibility behavior.
 */

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .inside-header {
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--white) !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead::after {
  opacity: 0 !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header a,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header button,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .lang-text,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .standard-button,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .bbh-language-switcher li a,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .bbh-language-switcher .switch-language,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .inside-header .language-list,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .inside-header .menu-toggle,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .inside-header .coconut-expand::after,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .inside-header .coconut-burger-button {
  color: var(--white) !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .burger-line,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .inside-header .coconut-burger-button .burger-line {
  background-color: var(--white) !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .booking-btn .header-booking-link,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .booking-btn a,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .standard-button.white {
  border-bottom-color: var(--white) !important;
  border-color: var(--white) !important;
  background-color: transparent !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding .custom-logo:not(.alternate-logo) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: brightness(0) invert(1) !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding>a.alternate-logo-link,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding .custom-logo.alternate-logo {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

body:not(.header-over-hero):has(section.hero) #masthead.site-header,
body:not(.header-over-hero):has(section.hero) #masthead.site-header .inside-header {
  background-color: #ffffff !important;
  color: var(--black) !important;
}

body:not(.header-over-hero):has(section.hero) #masthead.site-header a,
body:not(.header-over-hero):has(section.hero) #masthead.site-header button,
body:not(.header-over-hero):has(section.hero) #masthead.site-header .lang-text,
body:not(.header-over-hero):has(section.hero) #masthead.site-header .standard-button,
body:not(.header-over-hero):has(section.hero) #masthead.site-header .bbh-language-switcher li a,
body:not(.header-over-hero):has(section.hero) #masthead.site-header .bbh-language-switcher .switch-language,
body:not(.header-over-hero):has(section.hero) #masthead .inside-header .language-list,
body:not(.header-over-hero):has(section.hero) #masthead .inside-header .menu-toggle,
body:not(.header-over-hero):has(section.hero) #masthead .inside-header .coconut-expand::after,
body:not(.header-over-hero):has(section.hero) #masthead .inside-header .coconut-burger-button {
  color: var(--black) !important;
}

body:not(.header-over-hero):has(section.hero) #masthead.site-header .burger-line,
body:not(.header-over-hero):has(section.hero) #masthead .inside-header .coconut-burger-button .burger-line {
  background-color: var(--black) !important;
}

body:not(.header-over-hero):has(section.hero) #masthead .booking-btn .header-booking-link,
body:not(.header-over-hero):has(section.hero) #masthead.site-header .booking-btn a,
body:not(.header-over-hero):has(section.hero) #masthead.site-header .standard-button.white {
  border-bottom-color: var(--black) !important;
  border-color: var(--black) !important;
  background-color: transparent !important;
}

body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
body:not(.header-over-hero):has(section.hero) #masthead .site-branding .custom-logo:not(.alternate-logo) {
  pointer-events: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  display: none !important;
}

body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.alternate-logo-link,
body:not(.header-over-hero):has(section.hero) #masthead .site-branding .custom-logo.alternate-logo {
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
  filter: none !important;
}

#masthead.site-header,
#masthead.site-header .inside-header {
  transition:
    background-color 620ms cubic-bezier(.25, .46, .45, .94),
    color 520ms cubic-bezier(.25, .46, .45, .94),
    box-shadow 620ms cubic-bezier(.25, .46, .45, .94),
    transform 480ms cubic-bezier(.25, .46, .45, .94),
    opacity 460ms cubic-bezier(.25, .46, .45, .94) !important;
}

#masthead.site-header a,
#masthead.site-header button,
#masthead.site-header .lang-text,
#masthead.site-header .standard-button,
#masthead.site-header .booking-btn .header-booking-link,
#masthead.site-header .language-list,
#masthead.site-header .menu-toggle,
#masthead.site-header .coconut-expand::after,
#masthead.site-header .burger-line,
#masthead.site-header .custom-logo {
  transition:
    color 520ms cubic-bezier(.25, .46, .45, .94),
    border-color 520ms cubic-bezier(.25, .46, .45, .94),
    background-color 520ms cubic-bezier(.25, .46, .45, .94),
    filter 520ms cubic-bezier(.25, .46, .45, .94),
    opacity 320ms ease !important;
}

#masthead.site-header > .inside-header.grid-container {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: clamp(31px, 3.3vw, 62px) !important;
  padding-right: clamp(31px, 3.3vw, 62px) !important;
  box-sizing: border-box !important;
}

body.alaverdi-gallery-lightbox-lock #masthead.site-header {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 240px !important;
  max-width: 240px !important;
  height: 65px !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: 240px !important;
  height: auto !important;
  max-height: 88px !important;
  filter: brightness(0) invert(1) !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding>a.alternate-logo-link,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding>a.alternate-logo-link img.custom-logo.alternate-logo {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.alternate-logo-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 113.7px !important;
  max-width: 113.7px !important;
  height: 65px !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.alternate-logo-link img.custom-logo.alternate-logo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 113.7px !important;
  max-width: 113.7px !important;
  height: 65px !important;
  max-height: 65px !important;
  filter: none !important;
}

@media screen and (min-width: 769px) {
  body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
  body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.alternate-logo-link {
    margin-top: 14px !important;
  }
}

@media screen and (max-width: 768px) {
  body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 178px !important;
    max-width: 178px !important;
    height: 52px !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    max-width: 178px !important;
    height: auto !important;
    max-height: 52px !important;
    filter: none !important;
  }

  body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.alternate-logo-link,
  body:not(.header-over-hero):has(section.hero) #masthead .site-branding>a.alternate-logo-link img.custom-logo.alternate-logo {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

body.scrolled #masthead.site-header,
body.scrolled #masthead.site-header .inside-header,
body:not(:has(section.hero)) #masthead.site-header,
body:not(:has(section.hero)) #masthead.site-header .inside-header {
  background-color: white !important;
}

body.scrolled:not(.header-over-hero):not(.header-menu-opened-over-hero):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
body:not(:has(section.hero)) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) {
  pointer-events: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

body.scrolled:not(.header-over-hero):not(.header-menu-opened-over-hero):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead .site-branding>a.alternate-logo-link,
body:not(:has(section.hero)) #masthead .site-branding>a.alternate-logo-link {
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#masthead.site-header {
  will-change: transform, opacity;
  transition: transform 480ms cubic-bezier(.25, .46, .45, .94), opacity 460ms cubic-bezier(.25, .46, .45, .94);
  transform: translateY(0);
  opacity: 1;
}

body.header-scroll-hidden #masthead.site-header {
  transform: translateY(calc(-100% - 12px)) !important;
  opacity: .01 !important;
  pointer-events: none;
}

body.header-scroll-visible #masthead.site-header,
body.coconut-mobile-menu-container #masthead.site-header {
  transform: translateY(0) !important;
  opacity: 1 !important;
  pointer-events: auto;
}

@media (max-width: 768px),
(prefers-reduced-motion: reduce) {
  .home-hero-logo-transition {
    display: none !important;
  }

  body.home #masthead .site-branding {
    opacity: 1 !important;
  }
}

@media screen and (max-width:768px) {
  body.scrolled header#masthead .inside-header,
  body:not(:has(section.hero)) header#masthead .inside-header {
    padding-bottom: 16px;
  }

  body.scrolled #masthead .inside-header .site-branding,
  body:not(:has(section.hero)) #masthead .inside-header .site-branding {
    align-self: center;
    padding-bottom: 4px;
  }

  body.scrolled:not(.header-over-hero):not(.header-menu-opened-over-hero):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
  body:not(:has(section.hero)) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) {
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.scrolled:not(.header-over-hero):not(.header-menu-opened-over-hero):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead .site-branding>a.alternate-logo-link,
  body:not(:has(section.hero)) #masthead .site-branding>a.alternate-logo-link {
    pointer-events: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  body.scrolled #masthead .custom-logo:not(.alternate-logo),
  body:not(:has(section.hero)) #masthead .custom-logo:not(.alternate-logo) {
    display: block !important;
    position: static;
    width: auto;
    height: auto;
    filter: none !important;
  }

  body.scrolled #masthead .custom-logo.alternate-logo,
  body:not(:has(section.hero)) #masthead .custom-logo.alternate-logo {
    display: none !important;
    filter: none !important;
  }
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .inside-header .booking-btn .standard-button,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .inside-header .booking-btn .header-booking-link,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .inside-header .right-nav-container .booking-btn > a.standard-button.header-booking-link,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .inside-header .right-nav-container .booking-btn > a.standard-button.header-booking-link.mobile-book-now,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .language-switcher .current-language a,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .language-switcher .switch-language,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .language-switcher a,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .bbh-language-switcher li a,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .bbh-language-switcher .switch-language,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header a,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header button,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .lang-text,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .standard-button,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .booking-btn .header-booking-link,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .language-switcher a,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .language-switcher .switch-language,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .bbh-language-switcher li a,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .bbh-language-switcher .switch-language {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #fff !important;
  border-bottom-color: #fff !important;
  background-color: transparent !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .language-switcher .drop-dl ul li + li::before,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .left-nav-container .language-switcher .drop-dl ul li + li::before,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .right-nav-container .language-switcher .drop-dl ul li + li::before,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .inside-header .language-switcher li:not(:last-of-type),
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .language-switcher .drop-dl ul li + li::before,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .inside-header .language-switcher li:not(:last-of-type) {
  color: #fff !important;
  border-color: #fff !important;
  border-left-color: #fff !important;
  background-color: transparent !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead .language-switcher .drop-dl ul li+li::before,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead .language-switcher .drop-dl ul li+li::before {
  color: #fff !important;
  background-color: transparent !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .burger-line,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .burger-line,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead .inside-header .coconut-burger-button .burger-line {
  background-color: #fff !important;
}

body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .inside-header {
  transition: transform 480ms cubic-bezier(.25, .46, .45, .94), opacity 460ms cubic-bezier(.25, .46, .45, .94) !important;
}

body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header a,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header button,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .lang-text,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .standard-button,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .booking-btn .header-booking-link,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .language-list,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .menu-toggle,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .coconut-expand::after,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .burger-line,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .custom-logo {
  transition: none !important;
}

body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .custom-logo-link,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding *,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .custom-logo:not(.alternate-logo),
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding img.custom-logo:not(.alternate-logo) {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.alternate-logo-link,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding .custom-logo.alternate-logo,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding img.custom-logo.alternate-logo {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .inside-header,
html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header,
html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .inside-header {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transition: transform 480ms cubic-bezier(.25, .46, .45, .94), opacity 460ms cubic-bezier(.25, .46, .45, .94) !important;
}

html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header a,
html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header button,
html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .lang-text,
html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .standard-button,
html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .booking-btn .header-booking-link,
html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .right-nav-container .booking-btn > a.standard-button.header-booking-link,
html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .language-switcher a,
html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .language-switcher .switch-language,
html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .bbh-language-switcher li a,
html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .bbh-language-switcher .switch-language,
html body.header-hero-exit-hidden.header-hero-exit-hidden.header-scroll-hidden.scrolled:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .inside-header .right-nav-container .booking-btn > a.standard-button.header-booking-link,
html body.header-hero-exit-hidden.header-hero-exit-hidden.header-scroll-hidden.scrolled:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .inside-header .right-nav-container .booking-btn > a.standard-button.header-booking-link.mobile-book-now,
html body.header-hero-exit-hidden.header-hero-exit-hidden.header-scroll-hidden.scrolled:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .inside-header .booking-btn > a.standard-button.header-booking-link,
html body.header-hero-exit-hidden.header-hero-exit-hidden.header-scroll-hidden.scrolled:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .inside-header .booking-btn > a.standard-button.header-booking-link.mobile-book-now {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #fff !important;
  border-bottom-color: #fff !important;
  background-color: transparent !important;
  transition: none !important;
}

html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .burger-line,
html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead .inside-header .coconut-burger-button .burger-line {
  background-color: #fff !important;
  transition: none !important;
}

html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .language-switcher .drop-dl ul li + li::before,
html body.header-hero-exit-hidden:not(.coconut-mobile-menu-container):not(.header-over-hero):has(section.hero) #masthead.site-header .inside-header .language-switcher li:not(:last-of-type) {
  color: #fff !important;
  border-color: #fff !important;
  border-left-color: #fff !important;
  background-color: transparent !important;
  transition: none !important;
}

body:not(.home):not(.header-over-hero) #masthead .booking-btn .header-booking-link,
body:not(.home):not(.header-over-hero) #masthead .booking-btn .standard-button,
body:not(.home):not(.header-over-hero) #masthead .right-nav-container .booking-btn .header-booking-link,
body:not(.home):not(.header-over-hero) #masthead .right-nav-container .booking-btn .standard-button {
  color: var(--black) !important;
  -webkit-text-fill-color: var(--black) !important;
  border-color: var(--black) !important;
  border-bottom-color: var(--black) !important;
  background-color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body:not(.home):not(.header-over-hero) #masthead.site-header,
body:not(.home):not(.header-over-hero) #masthead.site-header .inside-header {
  color: var(--black) !important;
}

body:not(.home):not(.header-over-hero) #masthead .site-branding>a.alternate-logo-link,
body:not(.home):not(.header-over-hero) #masthead .site-branding .custom-logo.alternate-logo {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto !important;
}

body:not(.home):not(.header-over-hero) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link),
body:not(.home):not(.header-over-hero) #masthead .site-branding .custom-logo:not(.alternate-logo) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.coconut-mobile-menu-container #masthead .inside-header .booking-btn .standard-button,
body.coconut-mobile-menu-container #masthead .inside-header .booking-btn .header-booking-link,
html.slide-opened #masthead .inside-header .booking-btn .standard-button,
html.slide-opened #masthead .inside-header .booking-btn .header-booking-link,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .standard-button,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .standard-button.white,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .header-booking-link,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .header-booking-link.white,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .standard-button,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .standard-button.white,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .header-booking-link,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu .booking-btn .header-booking-link.white {
  color: var(--black) !important;
  -webkit-text-fill-color: var(--black) !important;
  border-color: var(--black) !important;
  border-bottom-color: var(--black) !important;
}

body.coconut-mobile-menu-container,
html.slide-opened,
body.coconut-mobile-menu-container #masthead.site-header,
body.coconut-mobile-menu-container #masthead.site-header .inside-header,
html.slide-opened #masthead.site-header,
html.slide-opened #masthead.site-header .inside-header,
body.coconut-mobile-menu-container #coconut-mobile-menu-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .overlay,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .coconut-mobile-menu,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .grid-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .menu-flex-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .menu-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .menu-gallery,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .menu-gallery .slide,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .menu-header-menu-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .menu-small-header-menu-container,
body.coconut-mobile-menu-container #coconut-mobile-menu-container .booking-btn,
html.slide-opened #coconut-mobile-menu-container,
html.slide-opened #coconut-mobile-menu-container .overlay,
html.slide-opened #coconut-mobile-menu-container .coconut-mobile-menu,
html.slide-opened #coconut-mobile-menu-container .grid-container,
html.slide-opened #coconut-mobile-menu-container .menu-flex-container,
html.slide-opened #coconut-mobile-menu-container .menu-container,
html.slide-opened #coconut-mobile-menu-container .menu-gallery,
html.slide-opened #coconut-mobile-menu-container .menu-gallery .slide,
html.slide-opened #coconut-mobile-menu-container .menu-header-menu-container,
html.slide-opened #coconut-mobile-menu-container .menu-small-header-menu-container,
html.slide-opened #coconut-mobile-menu-container .booking-btn {
  background: #e5dbc6 !important;
  background-color: #e5dbc6 !important;
}

@media screen and (max-width: 768px) {
  body:not(.home):not(.header-over-hero) #masthead .site-branding>a.custom-logo-link:not(.alternate-logo-link) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body:not(.home):not(.header-over-hero) #masthead .site-branding .custom-logo:not(.alternate-logo) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: auto !important;
  }

  body:not(.home):not(.header-over-hero) #masthead .site-branding>a.alternate-logo-link,
  body:not(.home):not(.header-over-hero) #masthead .site-branding .custom-logo.alternate-logo {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html:not(.slide-opened) body:not(.home):not(.header-over-hero):not(.coconut-mobile-menu-container):has(section.hero) #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
  html:not(.slide-opened) body:not(.home):not(.header-over-hero):not(.coconut-mobile-menu-container):has(section.hero) #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: auto !important;
  }

  html:not(.slide-opened) body:not(.home):not(.header-over-hero):not(.coconut-mobile-menu-container):has(section.hero) #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
    display: block !important;
  }

  html body.coconut-mobile-menu-container #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
  html.slide-opened body #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 178px !important;
    max-width: 178px !important;
    height: 52px !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: auto !important;
  }

  html body.coconut-mobile-menu-container #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
  html.slide-opened body #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    max-width: 178px !important;
    height: auto !important;
    max-height: 52px !important;
    filter: none !important;
    pointer-events: auto !important;
  }

  html body.coconut-mobile-menu-container #masthead.site-header .inside-header .site-branding > a.alternate-logo-link,
  html body.coconut-mobile-menu-container #masthead.site-header .inside-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo,
  html.slide-opened body #masthead.site-header .inside-header .site-branding > a.alternate-logo-link,
  html.slide-opened body #masthead.site-header .inside-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 240px !important;
  max-width: 240px !important;
  height: 65px !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: 240px !important;
  height: auto !important;
  max-height: 88px !important;
  filter: brightness(0) invert(1) !important;
  pointer-events: auto !important;
}

body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.alternate-logo-link,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding,
body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 240px !important;
  max-width: 240px !important;
  height: 65px !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: 240px !important;
  height: auto !important;
  max-height: 88px !important;
  filter: brightness(0) invert(1) !important;
  pointer-events: auto !important;
}

body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.alternate-logo-link,
body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body.home.header-over-hero.scrolled:not(.coconut-mobile-menu-container):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead.site-header .inside-header .site-branding,
html body.home.header-hero-exit-hidden.header-scroll-hidden.scrolled:not(.coconut-mobile-menu-container):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead.site-header .inside-header .site-branding {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body.home.header-over-hero.scrolled:not(.coconut-mobile-menu-container):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
html body.home.header-hero-exit-hidden.header-scroll-hidden.scrolled:not(.coconut-mobile-menu-container):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 240px !important;
  max-width: 240px !important;
  height: 65px !important;
  margin-top: 14px !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body.home.header-over-hero.scrolled:not(.coconut-mobile-menu-container):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
html body.home.header-hero-exit-hidden.header-scroll-hidden.scrolled:not(.coconut-mobile-menu-container):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
  display: block !important;
  width: auto !important;
  max-width: 240px !important;
  height: auto !important;
  max-height: 88px !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: brightness(0) invert(1) !important;
  pointer-events: auto !important;
}

html body.home.header-over-hero.scrolled:not(.coconut-mobile-menu-container):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead.site-header .inside-header .site-branding > a.alternate-logo-link,
html body.home.header-over-hero.scrolled:not(.coconut-mobile-menu-container):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead.site-header .inside-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo,
html body.home.header-hero-exit-hidden.header-scroll-hidden.scrolled:not(.coconut-mobile-menu-container):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead.site-header .inside-header .site-branding > a.alternate-logo-link,
html body.home.header-hero-exit-hidden.header-scroll-hidden.scrolled:not(.coconut-mobile-menu-container):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead.site-header .inside-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media screen and (max-width: 768px) {
  body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
  html body.home.header-over-hero.scrolled:not(.coconut-mobile-menu-container):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
  html body.home.header-hero-exit-hidden.header-scroll-hidden.scrolled:not(.coconut-mobile-menu-container):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
  body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) {
    width: 178px !important;
    max-width: 178px !important;
    height: 52px !important;
    margin-top: 0 !important;
  }

  body.header-over-hero:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
  html body.home.header-over-hero.scrolled:not(.coconut-mobile-menu-container):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
  html body.home.header-hero-exit-hidden.header-scroll-hidden.scrolled:not(.coconut-mobile-menu-container):not(.hero-intro-phase):not(.hero-logo-active):not(.hero-logo-overlay-visible) #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
  body.header-hero-exit-hidden:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
    max-width: 178px !important;
    max-height: 52px !important;
    filter: none !important;
  }
}

.home-hero-logo-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 90;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: 0 0;
  will-change: transform, opacity;
  contain: layout paint style;
  transition: opacity 180ms ease;
}

.home-hero-logo-transition img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
  backface-visibility: hidden;
  transform: translateZ(0);
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  transition: opacity .18s ease;
}

body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header .inside-header .site-branding,
body.home.hero-logo-overlay-visible:not(.coconut-mobile-menu-container) #masthead.site-header .inside-header .site-branding {
  transition: opacity 180ms ease !important;
}

body.home.hero-logo-active:not(.coconut-mobile-menu-container) #masthead.site-header .inside-header .site-branding {
  opacity: 0 !important;
}

/*
 * First-paint guard: on home the deferred header-state.js has not yet added the
 * hero intro classes, so the header logo would flash for a frame before the
 * animated overlay takes over. Hold the branding invisible briefly; the
 * !important state rules above win over the animation as soon as JS runs, and
 * without JS the animation ends at full opacity on its own.
 */
@media screen and (min-width: 769px) and (prefers-reduced-motion: no-preference) {
  body.home:not(.hero-intro-phase):not(.hero-logo-overlay-visible):not(.header-over-hero):not(.scrolled):not(.coconut-mobile-menu-container):not(.header-menu-opened-over-hero):not(.header-hero-exit-hidden) #masthead.site-header .inside-header .site-branding {
    animation: alaverdi-home-branding-first-paint-guard 600ms ease both;
  }
}

@keyframes alaverdi-home-branding-first-paint-guard {
  0%, 65% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

body.home.hero-logo-active:not(.coconut-mobile-menu-container) #masthead.site-header .custom-logo.alternate-logo,
body.home.hero-logo-overlay-visible:not(.coconut-mobile-menu-container) #masthead.site-header .custom-logo.alternate-logo,
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header .custom-logo.alternate-logo {
  display: none !important;
}

body.home.hero-logo-active:not(.coconut-mobile-menu-container) #masthead.site-header .custom-logo:not(.alternate-logo),
body.home.hero-logo-overlay-visible:not(.coconut-mobile-menu-container) #masthead.site-header .custom-logo:not(.alternate-logo),
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header .custom-logo:not(.alternate-logo) {
  display: block !important;
}

body.home.hero-logo-active:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.alternate-logo-link,
body.home.hero-logo-overlay-visible:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.alternate-logo-link,
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header .site-branding > a.alternate-logo-link {
  pointer-events: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header,
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header .inside-header {
  background-color: transparent !important;
  box-shadow: none !important;
}

body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead::after {
  opacity: 0 !important;
}

body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header a,
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header button,
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header .lang-text,
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header .standard-button,
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header .booking-btn .header-booking-link,
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header .language-switcher a,
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header .language-switcher .switch-language,
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header .bbh-language-switcher li a,
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header .bbh-language-switcher .switch-language {
  color: var(--white) !important;
  -webkit-text-fill-color: var(--white) !important;
}

body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header .booking-btn .header-booking-link,
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header .standard-button {
  border-bottom-color: var(--white) !important;
  border-color: var(--white) !important;
  background-color: transparent !important;
}

body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead.site-header .burger-line,
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead .inside-header .coconut-burger-button .burger-line {
  background-color: var(--white) !important;
}

body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead .site-branding .custom-logo:not(.alternate-logo),
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) #masthead .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
body.home.hero-intro-phase:not(.coconut-mobile-menu-container) .home-hero-logo-transition img {
  filter: brightness(0) invert(1) !important;
}

@media screen and (max-width: 768px) {
  body.coconut-mobile-menu-container #masthead.site-header .inside-header,
  html.slide-opened #masthead.site-header .inside-header {
    grid-template-columns: 1fr auto 1fr !important;
    grid-gap: 0 !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-top: 35px !important;
    padding-bottom: .5rem !important;
  }

  body.coconut-mobile-menu-container #masthead.site-header .left-nav-container,
  html.slide-opened #masthead.site-header .left-nav-container {
    grid-column: 1 !important;
    justify-self: start !important;
    margin: 0 !important;
  }

  body.coconut-mobile-menu-container #masthead.site-header .right-nav-container,
  html.slide-opened #masthead.site-header .right-nav-container {
    grid-column: 3 !important;
    justify-self: end !important;
    margin: 0 !important;
  }

  body.coconut-mobile-menu-container #masthead.site-header .inside-header .site-branding,
  html.slide-opened #masthead.site-header .inside-header .site-branding {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 178px !important;
    min-width: 178px !important;
    max-width: 178px !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 30 !important;
  }

  body.coconut-mobile-menu-container #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
  html.slide-opened #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 178px !important;
    min-width: 178px !important;
    max-width: 178px !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  body.coconut-mobile-menu-container #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
  html.slide-opened #masthead.site-header .inside-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
    position: static !important;
    display: block !important;
    width: auto !important;
    max-width: 178px !important;
    height: auto !important;
    max-height: 52px !important;
    margin: 0 auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: none !important;
  }

  body.coconut-mobile-menu-container #masthead.site-header .inside-header .site-branding > a.alternate-logo-link,
  body.coconut-mobile-menu-container #masthead.site-header .inside-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo,
  html.slide-opened #masthead.site-header .inside-header .site-branding > a.alternate-logo-link,
  html.slide-opened #masthead.site-header .inside-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
}

body.coconut-mobile-menu-container #masthead.site-header .inside-header,
html.slide-opened #masthead.site-header .inside-header {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.coconut-mobile-menu-container.header-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
html.slide-opened body.header-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
body.coconut-mobile-menu-container.hero-intro-phase #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
html.slide-opened body.hero-intro-phase #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
body.coconut-mobile-menu-container.header-menu-opened-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
html.slide-opened body.header-menu-opened-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 240px !important;
  max-width: 240px !important;
  height: 65px !important;
  margin-top: 14px !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.coconut-mobile-menu-container.header-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
html.slide-opened body.header-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
body.coconut-mobile-menu-container.hero-intro-phase #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
html.slide-opened body.hero-intro-phase #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
body.coconut-mobile-menu-container.header-menu-opened-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
html.slide-opened body.header-menu-opened-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
  display: block !important;
  width: auto !important;
  max-width: 240px !important;
  height: auto !important;
  max-height: 88px !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
  pointer-events: auto !important;
}

body.coconut-mobile-menu-container.header-over-hero #masthead.site-header .site-branding > a.alternate-logo-link,
body.coconut-mobile-menu-container.header-over-hero #masthead.site-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo,
html.slide-opened body.header-over-hero #masthead.site-header .site-branding > a.alternate-logo-link,
html.slide-opened body.header-over-hero #masthead.site-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo,
body.coconut-mobile-menu-container.hero-intro-phase #masthead.site-header .site-branding > a.alternate-logo-link,
body.coconut-mobile-menu-container.hero-intro-phase #masthead.site-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo,
html.slide-opened body.hero-intro-phase #masthead.site-header .site-branding > a.alternate-logo-link,
html.slide-opened body.hero-intro-phase #masthead.site-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo,
body.coconut-mobile-menu-container.header-menu-opened-over-hero #masthead.site-header .site-branding > a.alternate-logo-link,
body.coconut-mobile-menu-container.header-menu-opened-over-hero #masthead.site-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo,
html.slide-opened body.header-menu-opened-over-hero #masthead.site-header .site-branding > a.alternate-logo-link,
html.slide-opened body.header-menu-opened-over-hero #masthead.site-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

@media screen and (max-width: 768px) {
  body.coconut-mobile-menu-container.header-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
  html.slide-opened body.header-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
  body.coconut-mobile-menu-container.hero-intro-phase #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
  html.slide-opened body.hero-intro-phase #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
  body.coconut-mobile-menu-container.header-menu-opened-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
  html.slide-opened body.header-menu-opened-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) {
    width: 178px !important;
    max-width: 178px !important;
    height: 52px !important;
    margin-top: 0 !important;
  }

  body.coconut-mobile-menu-container.header-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
  html.slide-opened body.header-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
  body.coconut-mobile-menu-container.hero-intro-phase #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
  html.slide-opened body.hero-intro-phase #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
  body.coconut-mobile-menu-container.header-menu-opened-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
  html.slide-opened body.header-menu-opened-over-hero #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
    max-width: 178px !important;
    max-height: 52px !important;
  }
}

@media screen and (min-width: 769px) {
  body.coconut-mobile-menu-container:not(.header-over-hero):not(.hero-intro-phase):not(.header-menu-opened-over-hero) #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
  body.coconut-mobile-menu-container:not(.header-over-hero):not(.hero-intro-phase):not(.header-menu-opened-over-hero) #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
  html.slide-opened body:not(.header-over-hero):not(.hero-intro-phase):not(.header-menu-opened-over-hero) #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
  html.slide-opened body:not(.header-over-hero):not(.hero-intro-phase):not(.header-menu-opened-over-hero) #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.coconut-mobile-menu-container:not(.header-over-hero):not(.hero-intro-phase):not(.header-menu-opened-over-hero) #masthead.site-header .site-branding > a.alternate-logo-link,
  html.slide-opened body:not(.header-over-hero):not(.hero-intro-phase):not(.header-menu-opened-over-hero) #masthead.site-header .site-branding > a.alternate-logo-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 113.7px !important;
    min-width: 113.7px !important;
    max-width: 113.7px !important;
    height: 65px !important;
    min-height: 65px !important;
    max-height: 65px !important;
    margin-top: 14px !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  body.coconut-mobile-menu-container:not(.header-over-hero):not(.hero-intro-phase):not(.header-menu-opened-over-hero) #masthead.site-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo,
  html.slide-opened body:not(.header-over-hero):not(.hero-intro-phase):not(.header-menu-opened-over-hero) #masthead.site-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo {
    display: block !important;
    width: 113.7px !important;
    min-width: 113.7px !important;
    max-width: 113.7px !important;
    height: 65px !important;
    min-height: 65px !important;
    max-height: 65px !important;
    margin: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    pointer-events: auto !important;
  }
}

body.header-open-logo-locked #masthead.site-header .site-branding {
  overflow: visible !important;
}

body.header-open-logo-locked.header-open-logo-normal #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
body.header-open-logo-locked.header-open-logo-alternate #masthead.site-header .site-branding > a.alternate-logo-link {
  position: fixed !important;
  left: var(--header-open-logo-left) !important;
  top: var(--header-open-logo-top) !important;
  width: var(--header-open-logo-width) !important;
  min-width: var(--header-open-logo-width) !important;
  max-width: var(--header-open-logo-width) !important;
  height: var(--header-open-logo-height) !important;
  min-height: var(--header-open-logo-height) !important;
  max-height: var(--header-open-logo-height) !important;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  transform: none !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  pointer-events: auto !important;
  z-index: 10030 !important;
}

body.header-open-logo-locked.header-open-logo-normal #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo),
body.header-open-logo-locked.header-open-logo-alternate #masthead.site-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo {
  position: absolute !important;
  left: var(--header-open-logo-image-left) !important;
  top: var(--header-open-logo-image-top) !important;
  width: var(--header-open-logo-image-width) !important;
  min-width: var(--header-open-logo-image-width) !important;
  max-width: var(--header-open-logo-image-width) !important;
  height: var(--header-open-logo-image-height) !important;
  min-height: var(--header-open-logo-image-height) !important;
  max-height: var(--header-open-logo-image-height) !important;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  transform: none !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  object-fit: contain !important;
  pointer-events: auto !important;
}

body.header-open-logo-locked.header-open-logo-normal #masthead.site-header .site-branding > a.alternate-logo-link,
body.header-open-logo-locked.header-open-logo-normal #masthead.site-header .site-branding > a.alternate-logo-link img.custom-logo.alternate-logo,
body.header-open-logo-locked.header-open-logo-alternate #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link),
body.header-open-logo-locked.header-open-logo-alternate #masthead.site-header .site-branding > a.custom-logo-link:not(.alternate-logo-link) img.custom-logo:not(.alternate-logo) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.layout-container.layout-image-first > .big-image-container {
  order: 1;
}

.layout-container.layout-image-first > .content-container {
  order: 2;
}

.layout-container.layout-text-first > .content-container {
  order: 1;
}

.layout-container.layout-text-first > .big-image-container {
  order: 2;
}

@media screen and (min-width: 769px) {
  .layout-container.layout-image-first > .big-image-container {
    grid-column: 1;
  }

  .layout-container.layout-image-first > .content-container {
    grid-column: 2;
  }

  .layout-container.layout-text-first > .content-container {
    grid-column: 1;
  }

  .layout-container.layout-text-first > .big-image-container {
    grid-column: 2;
  }
}

/* TEMPORARY: hide the header language switcher (Ge/En) and "Book Table" button
   (Book Stay / mobile Book Now stay visible — .header-booking-link is shared
   by all three, so this targets the dedicated .header-book-table-link class
   added to just the two Book Table anchors in header.php).
   Remove this block (and only this block) to bring them back. */
.site-header .language-switcher,
.site-header .header-book-table-link {
  display: none !important;
}