/* Новые стили для шапки сайта */

/* Черная шапка */
#sp-header {
    height: 90px !important;
    background: #222222 !important;
    box-shadow: none !important;
    position: relative;
}

#sp-header-sticky-wrapper {
    height: 90px !important;
}

/* Стили для логотипа */
#sp-logo .logo {
    height: 80px !important;
    margin-top: 5px;
}

#sp-logo .logo img {
    max-height: 50px;
}

/* Стили для меню */
.sp-megamenu-parent {
    display: flex;
    justify-content: flex-start;
    margin-top: 0 !important;
    margin-left: -20px !important;
}

.sp-megamenu-parent > li {
    margin: 0 7px;
}

@media (max-width: 1024px) {
    .sp-megamenu-parent > li {
        margin: 0 3px;
    }    
}

.sp-megamenu-parent > li > a {
    padding: 0 !important;
    font-weight: 500;
    color: #ffffff !important;    
}

.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li:hover > a {
    color: #f0ad4e !important;
}

/* Стили для контактной информации */
.contact-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
    width: 100%;
}

.header-right-group {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    margin: 0;
}

#sp-menu {
    padding:0;
}

.lang-and-call {
    display: flex;
    align-items: center;
}

.contact-group {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 15px;
}

.header-phone {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

.header-email {
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
}

/* Стили для поиска */
.search-box {
    margin-left: 10px;
}

.search-icon {
    color: #ffffff !important;
    font-size: 18px;
}

/* Стили для кнопки заказа звонка */
.zakaz {
    display: inline-block;
    background-color: #f0ad4e;
    color: #ffffff !important;
    padding: 6px 20px;
    border-radius: 0 !important;
    text-decoration: none;
    font-weight: 600 !important;
    text-align: center;
    font-size: 12px !important;
}

#sp-fos {
    margin-top: 0 !important;
    padding: 0;
}

.zakaz:hover {
    background-color: #ec971f;
}

/* Стили для языкового переключателя */
.lang-flags {
    display: flex;
    align-items: center;
}

.lang-flags a {
    margin-left: 5px;
}

/* Добавляем в конец файла */
.old-header {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
    z-index: -9999 !important;
    clip: rect(0, 0, 0, 0) !important;
}

.logo-slogan {
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 15px;
}

.logo-link {
    cursor: default;
    display: inline-block;
}
a.logo-link {
    text-decoration: none;
    cursor: pointer;
}

#sp-header .sp-default-logo {
    display: block !important;
}

/* Специальные стили для Safari */
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {                 
    .header-phone {
        font-size: 12px !important;
    }        
    .zakaz {
        font-size: 11px !important;
    }        
}