.elementor-kit-20{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-20 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1) Глобально: ніякого горизонтального скролу */
html, body { overflow-x: hidden; overscroll-behavior-x: none; }

/* 2) Elementor-секції та контейнери НЕ можуть вилазити */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget,
.site,
.site-content,
.entry-content { max-width: 100%; overflow-x: clip; }

/* 3) Будь-що з 100vw всередині перетворюємо на 100% (класична причина в Safari) */
[style*="100vw"] { width: 100% !important; max-width: 100% !important; }

/* 4) Геройський блок сторінки (давай на секцію з головним фото додамо клас .hero-wrap) */
.hero-wrap { overflow: clip; contain: paint; }

/* 5) Наша кнопка BOOK NOW з підсвічуванням — ізолюємо ефекти, щоб не «розпирали» сторінку */
.btn-book-glow,
.btn-book-glow::before,
.btn-book-glow::after { contain: paint; }
.btn-book-glow { position: relative; overflow: hidden; }

/* 6) Страховка для зображень та відео */
img, video { max-width: 100%; height: auto; display: block; }

/* --- HEADER PATCH: не кліпуємо хедер та лого --- */
.elementor-location-header,
header.site-header,
header,                       /* підстраховка для теми */
.elementor-location-header .elementor-container,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-column,
.elementor-location-header .elementor-widget,
.elementor-widget-site-logo {
  overflow: visible !important;     /* повертаємо видимість */
  max-width: 100%;
}

/* Розміри логотипа (img та svg) */
.elementor-widget-site-logo img,
.elementor-widget-site-logo svg,
.custom-logo {
  display: block !important;
  height: auto !important;
  width: auto !important;
  max-height: clamp(36px, 7vw, 56px) !important; /* як було в робочій версії */
  max-width: none !important;
}

/* Safari-фікс для SVG без viewBox (інакше висота інколи 0) */
.elementor-widget-site-logo svg:not([viewBox]) {
  height: 48px !important;   /* підкоригуй за смаком: 36–56px */
  width: auto !important;
}

/* Якщо лого — світлий PNG/SVG і здається "зникло" на білому тлі,
   підстрахуємося кольором самого хедера при скролі як і було */
body.scrolled .elementor-location-header {
  background-color: #000 !important;
  color: #fff;
}/* End custom CSS */