.stm-header__hb,
.stm-navigation,
.stm-header,
.stm-transparent-header .stm-header,
.stm-header__row,
.stm-main-menu {
display: none !important;
} .stm-header,
.stm-header *,
.stm-header__hb,
.stm-header__row,
.stm-navigation,
.stm-main-menu,
.stm_menu_toggler,
.stm_mobile__header,
.stm-mobile-header,
.stm-header-mobile,
.stm-header__mobile,
.stm-header__hm,
.stm-hamburger,
.stm-header__top,
.stm-header__bottom,
.header_top,
.header_main,
.header_mobile,
.mobile-header,
.mobile_nav,
#header,
#menu-mobile,
#menu-mobile-sibile,
body .stm-header,
body .stm-header-mobile,
body .mobile-header {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
html body .stm-header,
html body .stm-header-mobile,
html body .mobile-header,
html body #header {
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
.duslaun-topbar {
position: absolute;
top: 18px;
left: 0;
width: 100%;
z-index: 999999 !important;
} .duslaun-topbar {
position: absolute;
top: 24px;
left: 0;
width: 100%;
z-index: 9999;
pointer-events: none;
}
.duslaun-topbar__inner {
max-width: 1240px;
margin: 0 auto;
padding: 16px 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
background: rgba(28, 20, 15, 0.34);
backdrop-filter: blur(6px);
border-radius: 14px;
pointer-events: auto;
}
.duslaun-topbar__brand {
display: flex;
align-items: center;
min-width: 0;
}
.duslaun-site-name--desktop {
display: inline-block;
}
.duslaun-site-name--mobile {
display: none;
}
.duslaun-topbar__logo-link {
display: inline-flex;
align-items: center;
text-decoration: none;
}
.duslaun-topbar__logo-link img,
.duslaun-topbar__brand .custom-logo {
max-height: 72px;
width: auto;
display: block;
}
.duslaun-site-name {
color: #fff;
font-size: 26px;
line-height: 1.1;
font-weight: 600;
}
.duslaun-topbar__nav {
display: flex;
align-items: center;
}
.duslaun-menu {
display: flex;
align-items: center;
gap: 26px;
list-style: none;
margin: 0;
padding: 0;
}
.duslaun-menu > li {
position: relative;
margin: 0;
padding: 0;
}
.duslaun-menu a {
display: inline-block;
color: #fff;
text-decoration: none;
font-size: 15px;
line-height: 1.2;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
transition: color .2s ease, opacity .2s ease;
}
.duslaun-menu a:hover,
.duslaun-menu .current-menu-item > a,
.duslaun-menu .current_page_item > a,
.duslaun-menu .current-menu-ancestor > a {
color: #d7ae83;
} .duslaun-menu .sub-menu {
position: absolute;
top: calc(100% + 14px);
left: 0;
min-width: 220px;
background: rgba(28, 20, 15, 0.95);
border-radius: 10px;
padding: 12px 0;
margin: 0;
list-style: none;
opacity: 0;
visibility: hidden;
transform: translateY(6px);
transition: all .22s ease;
}
.duslaun-menu li:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.duslaun-menu .sub-menu li {
margin: 0;
}
.duslaun-menu .sub-menu a {
display: block;
padding: 10px 16px;
text-transform: none;
letter-spacing: 0.01em;
font-size: 14px;
} .duslaun-nav-toggle {
display: none;
width: 46px;
height: 46px;
border: 0;
border-radius: 10px;
background: rgba(255,255,255,0.12);
cursor: pointer;
padding: 0;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
}
.duslaun-nav-toggle span {
display: block;
width: 20px;
height: 2px;
background: #fff;
border-radius: 2px;
} @media (max-width: 991px) {
.duslaun-topbar {
top: 12px;
padding: 0 10px;
}
.duslaun-topbar__inner {
padding: 14px 16px;
border-radius: 12px;
gap: 16px;
flex-wrap: wrap;
}
.duslaun-nav-toggle {
display: inline-flex;
margin-left: auto;
}
.duslaun-topbar__nav {
width: 100%;
display: none;
}
.duslaun-topbar.is-open .duslaun-topbar__nav {
display: block;
}
.duslaun-menu {
flex-direction: column;
align-items: flex-start;
gap: 0;
width: 100%;
margin-top: 8px;
border-top: 1px solid rgba(255,255,255,0.12);
padding-top: 12px;
}
.duslaun-menu > li {
width: 100%;
}
.duslaun-menu a {
display: block;
width: 100%;
padding: 12px 0;
font-size: 15px;
}
.duslaun-menu .sub-menu {
position: static;
opacity: 1;
visibility: visible;
transform: none;
background: transparent;
padding: 0 0 0 14px;
min-width: 0;
display: block;
}
.duslaun-menu .sub-menu a {
padding: 8px 0;
font-size: 14px;
}
.duslaun-topbar__logo-link img,
.duslaun-topbar__brand .custom-logo {
max-height: 56px;
}
.duslaun-site-name--desktop {
display: none;
}
.duslaun-site-name--mobile {
display: inline-block;
}
}