html {
  scroll-behavior: auto !important;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

body {
  overscroll-behavior: none;
}

.sec-h em {
    font-style: italic;
    color: var(--gold2);
}
 

 /* Home button White*/
 .btnIconColorWhite .elementor-button-icon {
     border-radius: 50%;
     padding: 2px 4px 5px 4px;
     line-height: 1em;
     background-color: var(--e-global-color-a6464f2);
     fill: #000000;
     color: var(--e-global-color-78b214a);
     max-height: 30px;
 }

 .btnIconColorWhite .elementor-button-content-wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .btnIconColorWhite .elementor-button:hover .elementor-button-icon {
     background-color: var(--e-global-color-78b214a);
 }

 .btnIconColorWhite svg {
     padding-top: 4px;
     font-size: 18px;
     line-height: 1em;
 }

 .btnIconColorWhite .elementor-button:hover .elementor-button-icon svg path {
     fill: var(--e-global-color-a6464f2) !important;
     stroke: var(--e-global-color-a6464f2) !important;
 }

 .btnIconColorWhite .elementor-button:focus-visible .elementor-button-icon svg path {
     fill: var(--e-global-color-a6464f2) !important;
     stroke: var(--e-global-color-a6464f2) !important;
 }

 .btnIconColorWhite .elementor-button:active .elementor-button-icon svg path {
     fill: var(--e-global-color-a6464f2) !important;
     stroke: var(--e-global-color-a6464f2) !important;
 }

 .btnIconColorWhite .elementor-button-content-wrapper {

     /* расстояние между номером и иконкой */
 }



 /* Home  button rGold*/
 .btnIconColorGold .elementor-button-icon {
     border-radius: 50%;
     padding: 2px 4px 5px 4px;
     line-height: 1em;
     background-color: var(--e-global-color-78b214a);
     fill: var(--e-global-color-a6464f2);
     color: var(--e-global-color-a6464f2);
 }

 .btnIconColorGold .elementor-button:hover .elementor-button-icon {
     background-color: var(--e-global-color-a6464f2);
 }

 .btnIconColorGold svg {
     padding-top: 4px;
     font-size: 18px;
     line-height: 1em;
 }

 .btnIconColorGold .elementor-button:hover .elementor-button-icon svg path {
     fill: var(--e-global-color-78b214a) !important;
     stroke: var(--e-global-color-78b214a) !important;
 }

 .btnIconColorGold .elementor-button:focus-visible .elementor-button-icon svg path {
     fill: var(--e-global-color-78b214a) !important;
     stroke: var(--e-global-color-78b214a) !important;
 }

 .btnIconColorGold .elementor-button:active .elementor-button-icon svg path {
     fill: var(--e-global-color-78b214a) !important;
     stroke: var(--e-global-color-78b214a) !important;
 }




















 /* ===== ОБЩАЯ ЗОНА ===== */
.dl-popup-area,
.dl-popup-area .e-con,
.dl-popup-area .elementor-element,
.dl-popup-area .elementor-widget-container,
.dl-popup-area .elementor-widget-wrap,
.dl-popup-area .elementor-column,
.dl-popup-area .elementor-container {
    overflow: visible !important;
}

/* ===== КАЖДЫЙ БЛОК ===== */
.dl-popup-area .dl-popup-box {
    position: relative;
    z-index: 1;
    overflow: visible !important;
}

.dl-popup-area .dl-popup-box:hover {
    z-index: 9999;
}

/* ===== ВНУТРЕННЯЯ КАРТОЧКА ===== */
.dl-popup-area .dl-popup-box .elementor-icon-box-wrapper {
    position: relative;
    overflow: visible !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.dl-popup-area .dl-popup-box:hover .elementor-icon-box-wrapper {

    transform: translateY(-3px);
    z-index: 9999;
}

/* ===== ИКОНКА И ТАЙТЛ ВСЕГДА ВИДНЫ ===== */
.dl-popup-area .dl-popup-box .elementor-icon-box-icon {
    position: relative;
    z-index: 2;
}

.dl-popup-area .dl-popup-box .elementor-icon-box-title {
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}

/* ===== ОПИСАНИЕ КАК ВСПЛЫВАЮЩЕЕ ОКНО ===== */
/* Показываем ВВЕРХ, чтобы верхний ряд не уходил под нижний */
.dl-popup-area .dl-popup-box .elementor-icon-box-description {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: calc(100% + 14px);
    top: auto;
    margin: 0;
    padding: 16px 18px;
    background: #ffffff;
    color: #1f1f1f;
    border: 1px solid rgba(201, 155, 98, 0.22);
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.10);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease;
    z-index: 10000;
    pointer-events: none;
    font-size: 14px;
    line-height: 1.6;
}

/* хвостик */
.dl-popup-area .dl-popup-box .elementor-icon-box-description::before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 28px;
    width: 14px;
    height: 14px;
    background: #ffffff;
    border-right: 1px solid rgba(201, 155, 98, 0.22);
    border-bottom: 1px solid rgba(201, 155, 98, 0.22);
    transform: rotate(45deg);
}

/* ===== ПОКАЗ ПРИ HOVER ===== */
.dl-popup-area .dl-popup-box:hover .elementor-icon-box-description {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* ===== ЕСЛИ НУЖНО, ЧТОБЫ ОКНО БЫЛО БОЛЕЕ ПЛАВНЫМ ===== */
.dl-popup-area .dl-popup-box .elementor-icon-box-description,
.dl-popup-area .dl-popup-box .elementor-icon-box-wrapper {
    will-change: transform, opacity;
}

/* ===== МОБИЛКА ===== */
@media (max-width: 767px) {
    .dl-popup-area .dl-popup-box .elementor-icon-box-description {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        margin-top: 14px;
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: auto;
    }

    .dl-popup-area .dl-popup-box .elementor-icon-box-description::before {
        display: none;
    }
}


 /* === WW language burger dropdown: РѕС‚РєСЂС‹РІР°РµС‚СЃСЏ РїРѕРІРµСЂС…, РЅРµ СЂР°СЃС‚СЏРіРёРІР°РµС‚ С…РµРґРµСЂ === */

 /* 1) СЏРєРѕСЂСЊ РґР»СЏ Р°Р±СЃРѕР»СЋС‚РЅРѕРіРѕ РїРѕР·РёС†РёРѕРЅРёСЂРѕРІР°РЅРёСЏ */
 .ww-lang-burger {
     position: relative;
     z-index: 9999;
 }

 /* 2) РєРѕРЅС‚РµР№РЅРµСЂ РІС‹РїР°РґР°С€РєРё: РґРµР»Р°РµРј Р°Р±СЃРѕР»СЋС‚РЅС‹Рј СЃР»РѕРµРј */
 .ww-lang-burger .elementor-nav-menu__container.elementor-nav-menu--dropdown {
     position: absolute !important;
     top: 100%;
     right: auto;
     left: 0;
     width: max-content;
     min-width: 120px;
     margin-top: 8px;
     z-index: 99999;
 }

 /* 3) РІР°Р¶РЅРѕРµ: СѓР±РёСЂР°РµРј РІР»РёСЏРЅРёРµ РїРµСЂРµРјРµРЅРЅРѕР№ РІС‹СЃРѕС‚С‹, С‡С‚РѕР±С‹ РЅРµ СЂР°Р·РґРІРёРіР°Р»Рѕ */
 .ww-lang-burger .elementor-nav-menu__container.elementor-nav-menu--dropdown {
     height: auto !important;
     max-height: none !important;
     overflow: visible !important;
     --menu-height: auto !important;
 }

 /* 4) СЃС‚РёР»Рё РІС‹РїР°РґР°С€РєРё (РјРѕР¶РЅРѕ СѓР±СЂР°С‚СЊ/РїРѕРјРµРЅСЏС‚СЊ) */
 .ww-lang-burger .elementor-nav-menu__container.elementor-nav-menu--dropdown ul {
     background: #fff;
     box-shadow: 0 8px 30px rgba(0, 0, 0, .18);
     border-radius: 10px;
     padding: 6px 0;
 }

 /* 5) РєР»РёРєР°Р±РµР»СЊРЅС‹Рµ РїСѓРЅРєС‚С‹ */
 .ww-lang-burger .elementor-nav-menu__container.elementor-nav-menu--dropdown a.elementor-item {
     padding: 10px 14px;
     white-space: nowrap;
 }

  .my-header-container.header-scrolled .ww-lang-burger svg {
     fill: #C99B62 !important;

 }

 .my-header-container.header-scrolled .ww-lang-burger:hover svg {
     fill: #eec89a !important;

 }

 .my-header-container .ww-lang-burger svg {
     fill: #C99B62 !important;

 }

 .my-header-container .ww-lang-burger:hover svg {
     fill: #eec89a !important;

 }











.my-header-container {
    background: transparent;
    transition: background-color .35s ease, box-shadow .35s ease;
}

.my-header-container.header-scrolled {
    background: #050505 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.22);
}








/* ===============================
   DRIVELUX — Mobile Footer Accordion
   Services / Destinations / Company
   =============================== */

@media (max-width: 767px) {

  footer.elementor-element-2bf964e {
    background: #000 !important;
  }

  footer.elementor-element-2bf964e > .e-con-inner {
    gap: 12px !important;
  }

  /* Три колонки меню */
  footer.elementor-element-2bf964e .elementor-element-7333c71,
  footer.elementor-element-2bf964e .elementor-element-35a44f5,
  footer.elementor-element-2bf964e .elementor-element-1b764bf {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    overflow: hidden;
  }

  /* Заголовок accordion */
  footer.elementor-element-2bf964e .dl-footer-acc-head {
    width: 100%;
    cursor: pointer;
    padding: 17px 18px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    user-select: none;
  }

  footer.elementor-element-2bf964e .dl-footer-acc-head h4,
  footer.elementor-element-2bf964e .dl-footer-acc-head .elementor-heading-title {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em;
    text-transform: none;
  }

  /* Иконка справа */
  footer.elementor-element-2bf964e .dl-footer-acc-icon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.075);
    border: 1px solid rgba(255, 255, 255, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.25s ease, transform 0.25s ease;
  }

  footer.elementor-element-2bf964e .dl-footer-acc-icon::before {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1.6px solid rgba(255, 255, 255, 0.75);
    border-bottom: 1.6px solid rgba(255, 255, 255, 0.75);
    transform: rotate(45deg) translate(-1px, -1px);
    transition: transform 0.28s ease;
  }

  footer.elementor-element-2bf964e .dl-footer-acc.is-open .dl-footer-acc-icon {
    background: rgba(201, 155, 98, 0.18);
  }

  footer.elementor-element-2bf964e .dl-footer-acc.is-open .dl-footer-acc-icon::before {
    transform: rotate(-135deg) translate(-1px, -1px);
  }

  /* Тело accordion */
  footer.elementor-element-2bf964e .dl-footer-acc-body {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition:
      max-height 0.38s ease,
      opacity 0.28s ease;
  }

  footer.elementor-element-2bf964e .dl-footer-acc.is-open .dl-footer-acc-body {
    max-height: 420px;
    opacity: 1;
  }

  /* Отключаем стандартный burger Elementor внутри футера */
  footer.elementor-element-2bf964e .dl-footer-acc .elementor-menu-toggle,
  footer.elementor-element-2bf964e .dl-footer-acc .elementor-nav-menu--dropdown {
    display: none !important;
  }

  /* Показываем обычное вертикальное меню, но внутри нашего accordion */
  footer.elementor-element-2bf964e .dl-footer-acc .elementor-nav-menu--main {
    display: block !important;
    padding: 0 18px 17px !important;
  }

  footer.elementor-element-2bf964e .dl-footer-acc .elementor-nav-menu {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  footer.elementor-element-2bf964e .dl-footer-acc .elementor-nav-menu li {
    display: block !important;
    margin: 0 !important;
  }

  footer.elementor-element-2bf964e .dl-footer-acc .elementor-nav-menu a {
    display: block !important;
    padding: 7px 0 !important;
    color: rgba(255, 255, 255, 0.68) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    background: transparent !important;
    transition: color 0.25s ease, transform 0.25s ease;
  }

  footer.elementor-element-2bf964e .dl-footer-acc .elementor-nav-menu a:hover {
    color: #c99b62 !important;
    transform: translateX(3px);
  }
}


/* На desktop всё остается как было */
@media (min-width: 768px) {
  footer.elementor-element-2bf964e .dl-footer-acc-body {
    max-height: none !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  footer.elementor-element-2bf964e .dl-footer-acc-icon {
    display: none !important;
  }
}
@media (max-width: 767px) {

  /* Убираем внутренний Elementor gap между заголовком и меню */
  footer.elementor-element-2bf964e .elementor-element-7333c71,
  footer.elementor-element-2bf964e .elementor-element-35a44f5,
  footer.elementor-element-2bf964e .elementor-element-1b764bf {
    gap: 0 !important;
    row-gap: 0 !important;
    --gap: 0px !important;
    --row-gap: 0px !important;
    --column-gap: 0px !important;
  }

  /* Убираем стандартные margin у Elementor widgets */
  footer.elementor-element-2bf964e .dl-footer-acc .elementor-widget-heading,
  footer.elementor-element-2bf964e .dl-footer-acc .elementor-widget-nav-menu {
    margin: 0 !important;
  }

  /* Заголовок занимает всю высоту карточки без лишнего низа */
  footer.elementor-element-2bf964e .dl-footer-acc-head {
    min-height: 52px;
    padding: 0 18px !important;
  }

  /* В свернутом состоянии меню полностью схлопывается */
  footer.elementor-element-2bf964e .dl-footer-acc:not(.is-open) .dl-footer-acc-body {
    max-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* В открытом состоянии возвращаем нормальный вид */
  footer.elementor-element-2bf964e .dl-footer-acc.is-open .dl-footer-acc-body {
    height: auto !important;
  }
}