header#header{
    padding-block: 35px 19px;
}

.region.region-search .form-control{
    border: 1px solid var(--color-accent);

}

.region.region-search .form-control::placeholder{
    color: var(--color-accent);
    background-image: url('../image/icon/search.svg');
    background-position: left center;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 47px;
}

/* Лого */
.logo{
    transition: 0.2s;
}
.logo:hover{
    transform: scale(0.97);
}

/* Поиск */
/* .col-search {
    margin-top: auto;
} */

.search-api-page-block-form .form-actions{
    display: none;
}

.header-bottom {
    background: transparent;
}

header#header .nav-link{
    color: var(--color-dark);
}

header#header .nav-link:hover{
    color: var(--color-accent);
}

header#header .col-contacts {
    gap: 15px;
}

header#header .block-menu ul.nav{
    gap: 60px;
}

div#offcanvasNav .offcanvas-body{
    padding-block: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

div#offcanvasNav .offcanvas-body a{
    color: var(--color-dark);
    text-decoration: none;
}

div#offcanvasNav .offcanvas-body .contact-item a {
    font-weight: 700;
    font-size: 24px;
    padding-left: 18px;
}

div#offcanvasNav  .msngrs{
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--color-dark);
}
div#offcanvasNav  .nav a{
    color: var(--color-dark);
    text-decoration: none;
}

div#offcanvasNav  .msngrs .item{
    padding-left: 35px;
}

div#offcanvasNav .msngrs .vk::before, 
div#offcanvasNav .msngrs .tg::before, 
div#offcanvasNav .msngrs .wa::before{
    left: 0;
}

ul.dropdown-menu {
    padding-block: 15px;
}

ul.dropdown-menu a.dropdown-item{
   padding: 9px 30px;
}

ul.dropdown-menu a.dropdown-item:hover{
   color: var(--color-accent);
}

.dropdown-item.active, 
.dropdown-item:active {
    color: var(--color-accent);
    background-color: transparent;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: var(--color-accent);
    background-color: transparent;
}


#header-mob {
    top: auto;
    background: transparent;
}
.offcanvas {
    --bs-offcanvas-bg: #ffffff;
}

@media screen and (max-width: 1200px) {
    header#header .block-menu ul.nav{
        gap: calc(15px + (60 - 15) * ((100vw - 992px) / (1200 - 992)));
    }
}