/* Klever v21 — unified navigation. One controller for desktop “Ещё” and the mobile drawer. */
:root { --klever-v21-menu-top: 0px; }

html body.klever-site-page .klever-menu-placeholder { display: none !important; }

/* A same-height mobile header for the homepage and inner pages. */
@media (max-width: 767.98px) {
  html body.klever-site-page header.klever-home-header,
  html body.klever-site-page header.klever-site-header {
    width: 100% !important;
    min-height: 68px !important;
    height: 68px !important;
    margin: 0 !important;
  }

  html body.klever-site-page .klever-home-header__inner,
  html body.klever-site-page .klever-site-header__inner {
    display: flex !important;
    align-items: center !important;
    width: calc(100% - 32px) !important;
    min-height: 68px !important;
    height: 68px !important;
    margin: 0 auto !important;
    gap: 12px !important;
  }

  html body.klever-site-page .klever-home-header__brand,
  html body.klever-site-page .klever-site-header__brand {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body.klever-site-page .klever-home-header__brand .klever-logo-title {
    display: block !important;
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.klever-site-page .klever-site-header__brand > img,
  html body.klever-site-page .klever-site-header__brand img {
    max-width: 210px !important;
    max-height: 34px !important;
  }

  html body.klever-site-page .klever-home-header__caption,
  html body.klever-site-page .klever-site-header__brand-copy,
  html body.klever-site-page .klever-home-header__link,
  html body.klever-site-page .klever-site-header__quiet-action {
    display: none !important;
  }

  html body.klever-site-page .klever-home-header__actions,
  html body.klever-site-page .klever-site-header__actions {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 11px !important;
  }

  html body.klever-site-page .klever-home-header__call,
  html body.klever-site-page .klever-site-header__phone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 25px !important;
    min-width: 25px !important;
    min-height: 40px !important;
    padding: 0 !important;
    color: #b47a09 !important;
    overflow: hidden !important;
  }

  html body.klever-site-page .klever-home-header__call > span,
  html body.klever-site-page .klever-site-header__phone > span { display: none !important; }

  html body.klever-site-page .klever-home-header__call .klever-inline-icon,
  html body.klever-site-page .klever-site-header__phone .klever-inline-icon {
    width: 23px !important;
    height: 23px !important;
    margin: 0 !important;
    color: currentColor !important;
  }

  html body.klever-site-page .klever-home-header__booking,
  html body.klever-site-page .klever-site-header__booking {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 13px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  /* Navigation bar and clearly tappable hamburger. */
  html body.klever-site-page #menu,
  html body.klever-site-page #menu.default,
  html body.klever-site-page #menu.fixed {
    position: relative !important;
    z-index: 65000 !important;
    width: 100% !important;
    min-height: 58px !important;
    height: 58px !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #fffdf9 !important;
    border-top: 1px solid rgba(40,31,21,.06) !important;
    border-bottom: 1px solid #e5dccf !important;
    box-shadow: 0 3px 14px rgba(39,30,17,.06) !important;
  }

  html body.klever-site-page #menu .navbar,
  html body.klever-site-page #menu .navbar-inverse,
  html body.klever-site-page #menu .navbar > .container {
    position: static !important;
    width: 100% !important;
    min-height: 58px !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
  }

  html body.klever-site-page #menu .navbar-header {
    position: relative !important;
    z-index: 65020 !important;
    min-height: 58px !important;
    height: 58px !important;
    margin: 0 !important;
    pointer-events: auto !important;
  }

  html body.klever-site-page #menu #klever-mobile-menu-button,
  html body.klever-site-page #menu .navbar-toggle[data-klever-mobile-toggle] {
    position: relative !important;
    z-index: 65030 !important;
    display: flex !important;
    float: right !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    width: 50px !important;
    height: 42px !important;
    margin: 8px 18px 8px 0 !important;
    padding: 0 !important;
    border: 1px solid #d5b366 !important;
    border-radius: 10px !important;
    background: #fffdf8 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  html body.klever-site-page #menu #klever-mobile-menu-button .icon-bar,
  html body.klever-site-page #menu .navbar-toggle[data-klever-mobile-toggle] .icon-bar {
    display: block !important;
    width: 24px !important;
    height: 2px !important;
    margin: 3px 0 !important;
    border-radius: 10px !important;
    background: #60461d !important;
  }

  html body.klever-site-page #menu.klever-v21-mobile-open #klever-mobile-menu-button .icon-bar:nth-child(2) { transform: translateY(5px) rotate(45deg); }
  html body.klever-site-page #menu.klever-v21-mobile-open #klever-mobile-menu-button .icon-bar:nth-child(3) { opacity: 0; }
  html body.klever-site-page #menu.klever-v21-mobile-open #klever-mobile-menu-button .icon-bar:nth-child(4) { transform: translateY(-5px) rotate(-45deg); }

  /* Full-height panel, scrollable independently from the page. */
  html body.klever-site-page #menu .navbar-collapse,
  html body.klever-site-page #menu .navbar-collapse.collapse,
  html body.klever-site-page #menu .navbar-collapse.in,
  html body.klever-site-page #menu .navbar-collapse.collapsing {
    position: fixed !important;
    z-index: 65010 !important;
    top: var(--klever-v21-menu-top) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: none !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-top: 1px solid #e7dfd3 !important;
    border-radius: 0 !important;
    background: #fffdf9 !important;
    box-shadow: 0 22px 48px rgba(32,24,14,.19) !important;
    -webkit-overflow-scrolling: touch !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body.klever-site-page #menu.klever-v21-mobile-open .navbar-collapse { display: block !important; }

  html body.klever-site-page #menu .navbar-nav.upper {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 20px calc(30px + env(safe-area-inset-bottom)) !important;
  }

  html body.klever-site-page #menu .navbar-nav.upper > li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    border-bottom: 1px solid #ece5da !important;
  }

  html body.klever-site-page #menu .navbar-nav.upper > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 47px !important;
    padding: 9px 10px !important;
    color: #40382f !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
    text-align: center !important;
    white-space: normal !important;
    background: transparent !important;
  }

  html body.klever-site-page #menu .navbar-nav.upper > li.active > a,
  html body.klever-site-page #menu .klever-more-menu.klever-v21-more-open > a { color: #aa760d !important; }

  html body.klever-site-page #menu .klever-more-menu > .dropdown-menu {
    position: static !important;
    display: none !important;
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 3px 0 8px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.klever-site-page #menu .klever-more-menu.klever-v21-more-open > .dropdown-menu { display: block !important; }

  html body.klever-site-page #menu .klever-more-menu > .dropdown-menu > li {
    display: block !important;
    min-width: 0 !important;
    border-top: 1px solid #f0e9df !important;
  }

  html body.klever-site-page #menu .klever-more-menu > .dropdown-menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 41px !important;
    padding: 7px 10px !important;
    color: #62584c !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    text-align: center !important;
    white-space: normal !important;
    background: transparent !important;
  }
}

/* Desktop navigation, including a single reliable “Ещё” flyout. */
@media (min-width: 768px) {
  html body.klever-site-page #menu,
  html body.klever-site-page #menu.default,
  html body.klever-site-page #menu.fixed {
    position: sticky !important;
    top: 0 !important;
    z-index: 50000 !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #fff !important;
    border-bottom: 1px solid #e5ddd1 !important;
    box-shadow: 0 5px 16px rgba(36,28,17,.08) !important;
  }

  html body.klever-site-page #menu .navbar,
  html body.klever-site-page #menu .navbar-inverse,
  html body.klever-site-page #menu .navbar > .container,
  html body.klever-site-page #menu .navbar-collapse,
  html body.klever-site-page #menu .navbar-collapse.collapse {
    min-height: 50px !important;
    height: 50px !important;
    overflow: visible !important;
  }

  html body.klever-site-page #menu .navbar > .container {
    width: min(calc(100% - 40px), 1180px) !important;
    padding: 0 !important;
  }

  html body.klever-site-page #menu .navbar-collapse,
  html body.klever-site-page #menu .navbar-collapse.collapse { display: block !important; }

  html body.klever-site-page #menu .navbar-nav.upper {
    display: flex !important;
    float: none !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: center !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.klever-site-page #menu .navbar-nav.upper > li {
    position: relative !important;
    display: flex !important;
    float: none !important;
    align-items: stretch !important;
    margin: 0 !important;
  }

  html body.klever-site-page #menu .navbar-inverse .navbar-nav > li > a {
    display: flex !important;
    align-items: center !important;
    min-height: 50px !important;
    height: 50px !important;
    padding: 0 12px !important;
    color: #4a4137 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.klever-site-page #menu .navbar-toggle { display: none !important; }

  html body.klever-site-page #menu .klever-more-menu > .dropdown-menu {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    right: 0 !important;
    left: auto !important;
    display: none !important;
    z-index: 50020 !important;
    width: 274px !important;
    min-width: 274px !important;
    max-height: min(70vh, 520px) !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow-y: auto !important;
    border: 1px solid rgba(193,145,28,.28) !important;
    border-radius: 12px !important;
    background: #fffdf9 !important;
    box-shadow: 0 18px 38px rgba(38,28,16,.20) !important;
  }

  html body.klever-site-page #menu .klever-more-menu.klever-v21-more-open > .dropdown-menu { display: block !important; }

  html body.klever-site-page #menu .klever-more-menu > .dropdown-menu > li > a {
    display: block !important;
    padding: 10px 12px !important;
    color: #443b31 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    border-radius: 8px !important;
  }
}

/* Deterministic conference hero image and readable text. */
html body.klever-site-page.klever-route-konferents-zal .klever-conference-hero,
html body.klever-site-page .klever-conference-hero[data-klever-conference-hero="true"] {
  background-image: linear-gradient(90deg, rgba(17,14,10,.94) 0%, rgba(17,14,10,.78) 50%, rgba(17,14,10,.28) 100%), url('/upload/medialibrary/fcc/Kroshka-Enot-9.jpg') !important;
}
