:root {
 --c-glass: #bbbbbc;
 --c-light: #fff;
 --c-dark: #000;

 --c-content: #e1e1e1;
 --c-action: #03d5ff;
 --cold-black: #111216;

 --c-bg: #1b1b1d;

 --glass-reflex-dark: 2;
 --glass-reflex-light: 0.3;

 --saturation: 150%;
} 

div#header-com-header-nav-1 > flynt-component > div#xhead_cta {
 width: 137px;
 height: 56px;
 display: flex;
 justify-content: center;
 align-items: center;
 color: #FFFFFF;
 pointer-events: all;
 cursor: pointer;
 order: 3;
 border-radius: 4px;
 position: relative;
 filter: drop-shadow(-4px 6px 4px #070709);
 box-shadow: 3px -6px 15px -3px rgb(17 18 22 / 3%);
 border: 2px solid #17191e;
}
.xspacebutt > button {
 position: relative;
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 16px !important;
}
.header_cta_wrap {
 background-color: #111216;
 transition: background-color 0.1s ease;
 cursor: pointer;
}
/* =========================================
 DESKTOP MENU - SUBMENU DROPDOWN
========================================= */

.menu-desktop_main-container {
 position: relative;
 z-index: 100;
}

.menu-desktop_main-container .menu {
 display: flex;
 align-items: center;
 gap: 1.5rem;
 list-style: none;
 margin: 0;
 padding: 0;
}

.menu-desktop_main-container .menu > li {
 position: relative;
 list-style: none;
}

.menu-desktop_main-container .menu > li > a {
 position: relative;
 display: inline-flex;
 align-items: center;
 min-height: 48px;
 text-decoration: none;
}

/* -----------------------------------------
 SUBMENU BASE
----------------------------------------- */

.menu-desktop_main-container .menu > li > .sub-menu {
 position: absolute;
 top: calc(100% + 26px);
 left: 50%;
 transform: translateX(-50%) translateY(12px);
 min-width: 260px;
 max-width: 320px;
 width: max-content;

 margin: 0;
 padding: 24px;
 list-style: none;

 background: #000;
 border: 1px solid rgba(255, 255, 255, 0.08);
 border-radius: 18px;

 opacity: 0;
 visibility: hidden;
 pointer-events: none;

 transition:
 opacity 0.28s ease,
 transform 0.28s ease,
 visibility 0.28s ease;

 z-index: 999;
}

/* -----------------------------------------
 TRIANGLE / ARROW
----------------------------------------- */

.menu-desktop_main-container .menu > li > .sub-menu::before {
 content: "";
 position: absolute;
 left: 50%;
 bottom: 100%;
 transform: translateX(-50%);
 width: 0;
 height: 0;

 border-left: 15px solid transparent;
 border-right: 15px solid transparent;
 border-bottom: 20px solid #000;
}

/* jemný neviditelný most proti "bliknutí" při přejezdu myší */
.menu-desktop_main-container .menu > li > .sub-menu::after {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: -28px;
 height: 28px;
}

/* -----------------------------------------
 SHOW STATE
----------------------------------------- */

.menu-desktop_main-container .menu > li.menu-item-has-children:hover > .sub-menu,
.menu-desktop_main-container .menu > li.menu-item-has-children:focus-within > .sub-menu {
 opacity: 1;
 visibility: visible;
 pointer-events: auto;
 transform: translateX(-50%) translateY(0);
}

/* -----------------------------------------
 SUBMENU LINKS
----------------------------------------- */

.menu-desktop_main-container .sub-menu li {
 margin: 0;
 padding: 0;
 list-style: none;
}

.menu-desktop_main-container .sub-menu a {
 display: block;
 padding: 12px 18px;
 color: #fff;
 text-decoration: none;
 white-space: nowrap;
 line-height: 1.3;
 transition:all 0.2s ease;
}

.menu-desktop_main-container .sub-menu a:hover,
.menu-desktop_main-container .sub-menu a:focus {
 color: #fff;
 padding-left: 22px;
}

/* -----------------------------------------
 Scroll Flow - Animations Activator
----------------------------------------- */

.x-anim-control section.x-observed:not(.x-visible) {
 animation-play-state: paused !important;
 will-change: auto !important;
}

.x-anim-control section.x-visible {
 animation-play-state: running;
}

@media (max-width: 940px) {
 .com.com--NavigationMain.sec--header-nav {
 display: none;
 }
}
@media (min-width: 940px) {
 .com.com--NavigationBurger.sec--header-nav {
 display: none;
 }
}