.elementor-579 .elementor-element.elementor-element-2f99a15b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;box-shadow:0px 5px 30px 0px rgba(0,0,0,0.1);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:10;}.elementor-579 .elementor-element.elementor-element-3504abb9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-579 .elementor-element.elementor-element-3504abb9:not(.elementor-motion-effects-element-type-background), .elementor-579 .elementor-element.elementor-element-3504abb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-579 .elementor-element.elementor-element-5b2615be{width:initial;max-width:initial;text-align:start;}.elementor-579 .elementor-element.elementor-element-5b2615be.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-579 .elementor-element.elementor-element-5b2615be img{width:244px;max-width:100%;height:91px;object-fit:contain;object-position:center center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-579 .elementor-element.elementor-element-cac6fd3.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-579 .elementor-element.elementor-element-cac6fd3 .elementor-menu-toggle{margin:0 auto;}.elementor-579 .elementor-element.elementor-element-cac6fd3 .elementor-nav-menu .elementor-item{font-family:"Space Grotesk", Sans-serif;font-weight:400;}.elementor-579 .elementor-element.elementor-element-cac6fd3 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:40px;padding-right:40px;}.elementor-579 .elementor-element.elementor-element-cac6fd3 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-579 .elementor-element.elementor-element-cac6fd3 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-579 .elementor-element.elementor-element-cac6fd3 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-579 .elementor-element.elementor-element-cac6fd3 .elementor-nav-menu--main .elementor-item:focus{color:#4A90F7;fill:#4A90F7;}.elementor-579 .elementor-element.elementor-element-cac6fd3 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-579 .elementor-element.elementor-element-cac6fd3 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#4A90F700;}.elementor-579 .elementor-element.elementor-element-cac6fd3 .e--pointer-framed .elementor-item:before,
					.elementor-579 .elementor-element.elementor-element-cac6fd3 .e--pointer-framed .elementor-item:after{border-color:#4A90F700;}.elementor-579 .elementor-element.elementor-element-cac6fd3 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-579 .elementor-element.elementor-element-b41902a{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-579 .elementor-element.elementor-element-b41902a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-579 .elementor-element.elementor-element-3504abb9{--content-width:1200px;}}@media(max-width:1024px){.elementor-579 .elementor-element.elementor-element-3504abb9{--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-579 .elementor-element.elementor-element-5b2615be{padding:0px 90px 0px 0px;}.elementor-579 .elementor-element.elementor-element-5b2615be img{width:133px;}}@media(max-width:767px){.elementor-579 .elementor-element.elementor-element-5b2615be{width:var( --container-widget-width, 164px );max-width:164px;padding:0px 0px 0px 0px;--container-widget-width:164px;--container-widget-flex-grow:0;}.elementor-579 .elementor-element.elementor-element-5b2615be img{width:181px;}.elementor-579 .elementor-element.elementor-element-cac6fd3{width:var( --container-widget-width, 139px );max-width:139px;--container-widget-width:139px;--container-widget-flex-grow:0;}.elementor-579 .elementor-element.elementor-element-b41902a{width:var( --container-widget-width, 208.213px );max-width:208.213px;--container-widget-width:208.213px;--container-widget-flex-grow:0;}}/* Start custom CSS for nav-menu, class: .elementor-element-cac6fd3 *//* =========================== DARMUT MOBILE MENU – ПОВНИЙ КОД Капсульне меню на десктопі + off-canvas зліва на мобільному =========================== */ /* =========================== DESKTOP (min-width: 1025px) КАПСУЛЬНЕ МЕНЮ =========================== */ @media (min-width: 1025px) { /* Шрифт для меню в хедері */ .elementor-location-header nav, .elementor-location-header .elementor-widget-nav-menu { font-family: 'Space Grotesk', sans-serif; } /* Горизонтальне капсульне меню */ .elementor-location-header .elementor-nav-menu--main, .elementor-location-header nav.elementor-nav-menu--layout-horizontal { display: flex !important; gap: 32px; align-items: center; padding: 8px 28px; border-radius: 999px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06); backdrop-filter: blur(18px); list-style: none; margin: 0; } /* Пункти меню */ .elementor-location-header .elementor-item { position: relative; padding: 10px 20px; border-radius: 999px; font-size: 15px; font-weight: 500; letter-spacing: 0.02em; color: #4B5563; text-decoration: none; display: inline-block; z-index: 1; transition: color 0.28s ease, background-color 0.28s ease, box-shadow 0.28s ease, transform 0.24s ease; } /* Ореол під пунктом */ .elementor-location-header .elementor-item::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 50%, rgba(37, 99, 235, 0.60) 0%, rgba(37, 99, 235, 0.0) 60%); filter: blur(16px); opacity: 0; transform: scale(0.7); transition: opacity 0.28s ease, transform 0.28s ease; z-index: -1; pointer-events: none; } /* Лінія під пунктом */ .elementor-location-header .elementor-item::after { content: ""; position: absolute; left: 50%; bottom: -6px; width: 32px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, #2563EB 0%, #3B82F6 50%, #60A5FA 100%); transform: translateX(-50%) scaleX(0); transform-origin: center; transition: transform 0.22s ease; } /* Hover неактивних */ .elementor-location-header .elementor-item:hover:not(.elementor-item-active) { background: #EFF6FF; color: #1D4ED8; transform: translateY(-1px); box-shadow: 0 10px 26px rgba(37, 99, 235, 0.18); } .elementor-location-header .elementor-item:hover:not(.elementor-item-active)::after { transform: translateX(-50%) scaleX(1); } .elementor-location-header .elementor-item:hover:not(.elementor-item-active)::before { opacity: 1; transform: scale(1); } /* Активний пункт */ .elementor-location-header .elementor-item.elementor-item-active, .elementor-location-header .elementor-nav-menu .current-menu-item > .elementor-item { background: linear-gradient(90deg, #2563EB 0%, #3B82F6 50%, #60A5FA 100%); color: #FFFFFF; box-shadow: 0 16px 45px rgba(37, 99, 235, 0.35); transform: translateY(0); } .elementor-location-header .elementor-item.elementor-item-active::before, .elementor-location-header .elementor-nav-menu .current-menu-item > .elementor-item::before { opacity: 1; transform: scale(1); } .elementor-location-header .elementor-item.elementor-item-active::after, .elementor-location-header .elementor-nav-menu .current-menu-item > .elementor-item::after { display: none !important; } /* Dropdown-меню (десктоп) */ .elementor-location-header .elementor-nav-menu--dropdown { position: absolute; top: 100%; left: 0; margin-top: 10px; opacity: 0; visibility: hidden; transform: translateY(6px); pointer-events: none; transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease; z-index: 999; } .elementor-location-header .elementor-nav-menu--dropdown .elementor-nav-menu { display: flex; flex-direction: column; gap: 8px; background: rgba(255, 255, 255, 0.95); border-radius: 12px; padding: 8px 0; min-width: 200px; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12); backdrop-filter: blur(12px); list-style: none; margin: 0; } .elementor-location-header .elementor-nav-menu--dropdown .elementor-item { padding: 8px 16px; border-radius: 6px; font-size: 14px; font-weight: 400; background: transparent; box-shadow: none; transform: none; } .elementor-location-header .elementor-nav-menu--dropdown .elementor-item:hover:not(.elementor-item-active), .elementor-location-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active { background: #EFF6FF; color: #1D4ED8; } .elementor-location-header .elementor-nav-menu--dropdown .elementor-item::after { display: none !important; } /* Показ dropdown при hover */ .elementor-location-header .elementor-item:hover > .elementor-nav-menu--dropdown { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } /* Ховаємо бургер і мобільний контейнер на десктопі */ .elementor-location-header .elementor-menu-toggle { display: none !important; } .elementor-location-header .elementor-nav-menu__container { display: none !important; } } /* =========================== MOBILE / TABLET (max-width: 1024px) OFF-CANVAS З ЛІВА =========================== */ @media (max-width: 1024px) { /* Ховаємо горизонтальне меню в хедері */ .elementor-location-header .elementor-nav-menu--main, .elementor-location-header nav.elementor-nav-menu--layout-horizontal { display: none !important; } /* ===== БУРГЕР-КНОПКА ===== */ .elementor-location-header .elementor-menu-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; border-radius: 10px !important; padding: 0 !important; background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.08) 100%) !important; border: 1.5px solid rgba(255, 255, 255, 0.2) !important; cursor: pointer !important; box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1), 0 8px 24px rgba(0, 0, 0, 0.24) !important; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; position: relative !important; z-index: 1005 !important; flex-shrink: 0 !important; backdrop-filter: blur(10px) !important; } .elementor-location-header .elementor-menu-toggle:hover { transform: translateY(-3px) !important; background: linear-gradient(135deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.12) 100%) !important; border-color: rgba(37, 99, 235, 0.4) !important; box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.15), 0 12px 32px rgba(37, 99, 235, 0.24) !important; } .elementor-location-header .elementor-menu-toggle:active { transform: translateY(-1px) !important; } .elementor-location-header .elementor-menu-toggle svg { width: 24px !important; height: 24px !important; stroke: #FFFFFF !important; stroke-width: 2 !important; transition: all 0.3s ease !important; } /* ===== OFF-CANVAS ПАНЕЛЬ З ЛІВА ===== */ .elementor-location-header .elementor-nav-menu__container { position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: auto !important; width: 280px !important; max-width: 85vw !important; height: 100vh !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; background: linear-gradient(180deg, #0F1419 0%, #1A1F2E 100%) !important; flex-direction: column !important; display: flex !important; z-index: 1004 !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain !important; transform: translateX(-100%) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1) !important, opacity 0.38s ease !important, visibility 0.38s ease !important; box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; scroll-behavior: smooth !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: thin !important; scrollbar-color: rgba(37, 99, 235, 0.3) transparent !important; } /* ГАРАНТУЄМО показ панелі, коли aria-hidden="false" */ .elementor-location-header .elementor-nav-menu__container[aria-hidden="false"] { display: flex !important; transform: translateX(0) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; box-shadow: 16px 0 48px rgba(0, 0, 0, 0.4) !important; } /* Затемнення фону */ .elementor-location-header .elementor-nav-menu__container::before { content: "" !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: rgba(0, 0, 0, 0) !important; transition: background 0.38s ease !important; pointer-events: none !important; z-index: -1 !important; } .elementor-location-header .elementor-nav-menu__container[aria-hidden="false"]::before { background: rgba(0, 0, 0, 0.48) !important; pointer-events: auto !important; } /* ===== СПИСОК МЕНЮ ВНУТРІ ===== */ .elementor-location-header .elementor-nav-menu__container .elementor-nav-menu { display: flex !important; flex-direction: column !important; gap: 0 !important; background: transparent !important; box-shadow: none !important; padding: 24px 0 !important; min-width: auto !important; backdrop-filter: none !important; margin: 0 !important; list-style: none !important; border-bottom: 1px solid rgba(37, 99, 235, 0.12) !important; } .elementor-location-header .elementor-nav-menu__container .elementor-item { display: flex !important; align-items: center !important; padding: 14px 24px !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; font-size: 16px !important; font-weight: 500 !important; color: #E5E7EB !important; text-decoration: none !important; width: 100% !important; text-align: left !important; position: relative !important; transition: background 0.24s ease !important, color 0.24s ease !important, padding-left 0.24s ease !important; cursor: pointer !important; letter-spacing: 0.3px !important; } /* Синя смужка зліва */ .elementor-location-header .elementor-nav-menu__container .elementor-item::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; width: 4px !important; background: linear-gradient(180deg, #3B82F6 0%, #2563EB 100%) !important; transform: scaleY(0) !important; transform-origin: top !important; transition: transform 0.24s cubic-bezier(0.34, 1.56, 0.64, 1) !important; border-radius: 0 2px 2px 0 !important; box-shadow: 2px 0 12px rgba(37, 99, 235, 0.3) !important; } .elementor-location-header .elementor-nav-menu__container .elementor-item:hover::before { transform: scaleY(1) !important; } .elementor-location-header .elementor-nav-menu__container .elementor-item::after { display: none !important; } .elementor-location-header .elementor-nav-menu__container .elementor-item:hover:not(.elementor-item-active) { background: rgba(37, 99, 235, 0.08) !important; color: #60A5FA !important; padding-left: 28px !important; } .elementor-location-header .elementor-nav-menu__container .elementor-item.elementor-item-active { background: rgba(37, 99, 235, 0.12) !important; color: #60A5FA !important; font-weight: 600 !important; padding-left: 28px !important; } .elementor-location-header .elementor-nav-menu__container .elementor-item.elementor-item-active::before { transform: scaleY(1) !important; } /* Вкладені підменю */ .elementor-location-header .elementor-nav-menu__container .elementor-nav-menu--dropdown { position: static !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; backdrop-filter: none !important; gap: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; max-height: 0 !important; overflow: hidden !important; transition: max-height 0.28s ease !important; } .elementor-location-header .elementor-nav-menu__container .elementor-item.elementor-item-active > .elementor-nav-menu--dropdown { max-height: 600px !important; } .elementor-location-header .elementor-nav-menu__container .elementor-nav-menu--dropdown .elementor-item { padding: 10px 24px 10px 52px !important; font-size: 15px !important; font-weight: 400 !important; color: #9CA3AF !important; } .elementor-location-header .elementor-nav-menu__container .elementor-nav-menu--dropdown .elementor-item:hover { color: #60A5FA !important; background: rgba(37, 99, 235, 0.06) !important; padding-left: 56px !important; } .elementor-location-header .elementor-nav-menu__container .elementor-nav-menu--dropdown .elementor-item.elementor-item-active { color: #60A5FA !important; background: rgba(37, 99, 235, 0.1) !important; } } /* =========================== АНІМАЦІЯ ПУНКТІВ ПРИ ВІДКРИТТІ (MOBILE) =========================== */ @keyframes slideInMenuLeft { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } } @media (max-width: 1024px) { .elementor-location-header .elementor-nav-menu__container[aria-hidden="false"] .elementor-item { animation: slideInMenuLeft 0.38s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important; } .elementor-location-header .elementor-nav-menu__container[aria-hidden="false"] .elementor-item:nth-child(1) { animation-delay: 0.08s !important; } .elementor-location-header .elementor-nav-menu__container[aria-hidden="false"] .elementor-item:nth-child(2) { animation-delay: 0.14s !important; } .elementor-location-header .elementor-nav-menu__container[aria-hidden="false"] .elementor-item:nth-child(3) { animation-delay: 0.20s !important; } .elementor-location-header .elementor-nav-menu__container[aria-hidden="false"] .elementor-item:nth-child(4) { animation-delay: 0.26s !important; } .elementor-location-header .elementor-nav-menu__container[aria-hidden="false"] .elementor-item:nth-child(5) { animation-delay: 0.32s !important; } } /* =========================== ACCESSIBILITY & UTILS =========================== */ .elementor-location-header .elementor-menu-toggle:focus-visible, .elementor-location-header .elementor-item:focus-visible { outline: 2px solid #60A5FA !important; outline-offset: 2px !important; } .elementor-location-header .elementor-nav-menu__container ul, .elementor-location-header .elementor-nav-menu__container li { list-style: none !important; margin: 0 !important; padding: 0 !important; } .elementor-location-header .elementor-nav-menu__container::-webkit-scrollbar { width: 6px !important; } .elementor-location-header .elementor-nav-menu__container::-webkit-scrollbar-track { background: transparent !important; } .elementor-location-header .elementor-nav-menu__container::-webkit-scrollbar-thumb { background: rgba(37, 99, 235, 0.3) !important; border-radius: 3px !important; } .elementor-location-header .elementor-nav-menu__container::-webkit-scrollbar-thumb:hover { background: rgba(37, 99, 235, 0.5) !important; } .elementor-location-header .elementor-menu-toggle, .elementor-location-header .elementor-item { -webkit-tap-highlight-color: transparent; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b41902a */.book-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 12px 22px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 15px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  cursor: pointer;
}

/* SVG усередині кнопки */
.book-btn svg {
  width: 16px;
  height: 16px;
  transition: transform 0.3s ease;
}

/* Фарбування SVG у білий */
.book-btn svg path {
  fill: #fff;
  transition: fill 0.3s ease;
}

/* =============================
   🟡 HOVER
   ============================= */
.book-btn:hover {
  background: #111;
  color: #fff; /* ГАРАНТОВАНО БІЛИЙ ТЕКСТ */
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  transform: translateY(-1px);
}

/* SVG при hover теж білий */
.book-btn:hover svg path {
  fill: #fff;
}

.book-btn:hover svg {
  transform: translateX(3px);
}

/* =============================
   📱 МОБІЛЬНА АДАПТАЦІЯ
   ============================= */
@media (max-width: 768px) {
  .book-btn {
    padding: 10px 18px;
    font-size: 14px;
    gap: 6px;
  }

  .book-btn svg {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 480px) {
  .book-btn {
    width: 100%;
    justify-content: center;
    font-size: 15px;
    padding: 12px 0;
    border-radius: 50px;
  }
}/* End custom CSS */