/* Точечные стили новой шапки. Подключать после style.css. */
.header .dar-nav ul {display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;float:none;width:auto;margin:0;padding:0;overflow:visible;list-style:none;}
.header .dar-nav ul li {display:block;width:auto;float:none;margin:0;list-style:none;}
.header .dar-nav a,.header .dar-nav li span {display:block;font-size:13px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere;}
.header .dar-nav-top {padding:16px 0 20px;overflow:visible;}
.header .dar-nav-top a,.header .dar-nav-top li span {color:#fff;text-transform:uppercase;}
.header .dar-nav-top li span {color:#ffc039;}
.header .dar-nav a:hover {
    text-decoration:underline;
}
.header .dar-nav-bottom {padding:14px 0;margin:0 0 24px;border-top:1px solid #d8d9cf;border-bottom:1px solid #d8d9cf;}
.header .dar-nav-bottom a {
    color: #5E79B1;
    border-bottom: 1px solid transparent;
}
.header .dar-nav-bottom li a, 
.header .dar-nav-bottom li span {
    font-size:16px;
}
.header .dar-nav-bottom li a:hover {
    border-bottom: 1px solid #b7c2d9;
    text-decoration: none;
}
.header .dar-nav-bottom li span {
    color:#D24051;font-weight:600;
    border-bottom: 1px solid transparent;
}

.header .header_mid {gap:24px;}
.header .header_mid_col {min-width:0;}
.header .header_mid_col.col_logo {flex:1;}
.header .header_mid_col .logo {flex-shrink:0;}
.header .contactHead {flex-shrink:0;}
.header .contactHead a[href^="tel:"] {border-bottom:0;white-space:nowrap;}
.header .dar-menu-open {display:none;}
.header .dar-menu-open,.header .dar-menu-close {font:inherit;cursor:pointer;}
.header .dar-panel {display:none;}
.header .dar-panel[open] {display:block;}
.header a:focus-visible,.header button:focus-visible {outline:2px solid #e98e14;outline-offset:4px;}
@media (max-width:991px) and (min-width:768px) {
    .header .contactHead {gap:12px;flex-wrap:wrap;justify-content:center;}
}
@media (max-width:767px) {
    .header .row {width:calc(100% - 32px);max-width:420px;}
    .header .topMenuWrp {height:auto;min-height:60px;}
    .header .dar-nav-top {padding:16px 0 20px;}
    .header .dar-nav ul {gap:0;flex-direction:column;}
    .header .dar-nav a,.header .dar-nav li span {padding:7px 7px;font-size:14px;}
    .header.dar-menu-ready .dar-menu-open {display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:60px;border:0;background:transparent;color:#fff;text-transform:uppercase;}
    .header .dar-panel {box-sizing:border-box;position:fixed;inset:0 0 0 auto;width:min(380px,90vw);max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:20px;background:#f1f1f1;color:#474747;border:0;overflow-y:auto;overscroll-behavior:contain;}
    .header .dar-panel::backdrop {background:rgba(0,0,0,.45);}
    .header .dar-panel[open] {animation:dar-panel-in .2s ease-out;}
    .header .dar-panel-heading {
        display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
        padding-bottom:14px;
        border-bottom:1px solid #d8d9cf;
    }
    .header .dar-panel-heading strong {font-weight:600;}
    .header .dar-menu-close {width:44px;height:44px;border:0;background:transparent;color:#474747;font-size:32px;}
    .header .dar-panel .dar-nav {padding:12px 0;margin:0;border:0;}
    .header .dar-panel .dar-nav-top a {color:#474747;text-transform:none;}
    .header .dar-panel .dar-nav-top li span {color:#62674a;font-weight:600;text-transform:none;}
    .header .dar-panel .dar-nav-bottom {border-top:1px solid #d8d9cf;}
    
    .header .dar-nav-bottom li a {color:#474747;font-size: 14px;text-transform:none;} 
    .header .dar-nav-bottom li span {color:#62674a;font-size: 14px;font-weight:600;text-transform:none;}
    .header .dar-nav-bottom li a:hover {border: none;}
    
    .header .dar-panel-contacts {border-top:1px solid #d8d9cf;x-margin-top:12px;padding-top:22px;}
    .header .dar-panel .contactHead {display:flex;flex-direction:column;gap:16px;margin:0;}
    .header .dar-panel .contactHead p {width:100%;margin:0;justify-content:flex-start;}
    .header .header_mid {margin-top:20px;margin-bottom:20px;gap:12px;}
    .header .header_mid_col .slogan {font-size:13px;overflow-wrap:anywhere;}
    .header .contactHead {gap:14px 8px;}
    .header .contactHead p {width:auto;margin:0;font-size:14px;}
    .header .contactHead p + p {margin-top:0;}
    .header .contactHead .socSeti {flex-wrap:wrap;}
}
html.dar-menu-locked,html.dar-menu-locked body {overflow:hidden;}
@keyframes dar-panel-in {from {transform:translateX(100%);} to {transform:translateX(0);}}
@media (prefers-reduced-motion:reduce) {.header .dar-panel[open] {animation:none;}}