body header {
    box-shadow: none;
}

header a.phone-number:hover {
    color: var(--hover-link);
    text-decoration: none;
}

input.search-input {
    border: none;
    outline: none;
    background: transparent;
    user-select: none;
    /* Отключение выделения текста */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Отключение кнопки очистки в Chrome */
input.search-input::-webkit-clear-button {
    display: none;
}

/* Убирает крестик в поле поиска для всех WebKit-браузеров */
.search-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

/* Отключение кнопки очистки в Safari */
input.search-input::-webkit-search-clear-button {
    -webkit-appearance: none;
}

/* Отключение кнопки очистки в Edge */
input.search-input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}



nav a.nav-link {
    color: var(--green);
    padding-bottom: 5px;
}

nav a.nav-link:hover {
    color: var(--green);
    text-decoration: none;
}

nav ul.navbar-nav a.nav-link.active {
    color: var(--black);
}

nav ul.navbar-nav a.nav-link:hover {
    color: var(--black);
}

header {
    box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, .075);
    padding: 20px 0;
}

#main-logo svg {
    height: 50px;
    width: auto;
}

header nav.navbar {
    padding: 20px 0;
}

div.container.wrapper-nav {
    gap: 24px;
}

@media (max-width: 992px) {
    div.container.wrapper-nav {
        gap: 0;
    }

    div.wrapper-search-form {
        margin-top: 20px;
    }
}




.navbar-toggler {
    border: none;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none' style=''%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 15.0341C0 14.8171 0.0862012 14.609 0.23964 14.4555C0.393079 14.3021 0.601187 14.2159 0.818182 14.2159H17.1818C17.3988 14.2159 17.6069 14.3021 17.7604 14.4555C17.9138 14.609 18 14.8171 18 15.0341C18 15.2511 17.9138 15.4592 17.7604 15.6126C17.6069 15.7661 17.3988 15.8523 17.1818 15.8523H0.818182C0.601187 15.8523 0.393079 15.7661 0.23964 15.6126C0.0862012 15.4592 0 15.2511 0 15.0341ZM0 8.48864C0 8.27164 0.0862012 8.06353 0.23964 7.91009C0.393079 7.75666 0.601187 7.67045 0.818182 7.67045H17.1818C17.3988 7.67045 17.6069 7.75666 17.7604 7.91009C17.9138 8.06353 18 8.27164 18 8.48864C18 8.70563 17.9138 8.91374 17.7604 9.06718C17.6069 9.22062 17.3988 9.30682 17.1818 9.30682H0.818182C0.601187 9.30682 0.393079 9.22062 0.23964 9.06718C0.0862012 8.91374 0 8.70563 0 8.48864ZM0 1.94318C0 1.72619 0.0862012 1.51808 0.23964 1.36464C0.393079 1.2112 0.601187 1.125 0.818182 1.125H17.1818C17.3988 1.125 17.6069 1.2112 17.7604 1.36464C17.9138 1.51808 18 1.72619 18 1.94318C18 2.16018 17.9138 2.36828 17.7604 2.52172C17.6069 2.67516 17.3988 2.76136 17.1818 2.76136H0.818182C0.601187 2.76136 0.393079 2.67516 0.23964 2.52172C0.0862012 2.36828 0 2.16018 0 1.94318Z' fill='%2357806a'/%3e%3c/svg%3e");
    width: 1.2em;
    height: 1.2em;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: none;
    box-shadow: none;
    border: none;
}

/* Search Form ------------------------------- */

.search-form {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
}

.search-form .search-field,
.search-form .search-submit {
    /*margin: 0 0 .8rem .8rem;*/
}

.search-form label {
    align-items: stretch;
    display: flex;
    font-size: inherit;
    margin: 0;
}

.search-form .search-field {
    width: 100%;
}

.search-form .search-submit {
    flex-shrink: 0;
}

.wrapper-form {
    width: 420px;
}

@media (max-width: 1400px) {
    .wrapper-form {
        width: 320px;
    }
}

@media (max-width: 1200px) {
    .wrapper-form {
        width: 240px;
    }

    .wrapper-nav {
        gap: 2rem;
    }

    li.nav-item {
        font-size: 16px;
    }
}

.wrapper-mobile-search-contacts {
    display: flex;
    align-items: center;
    gap: 8px;
}

.search-form {
    min-width: 100%;
    background-color: #f4f4f4;
    border: none;
    padding: 9px 20px;
    display: flex;
    border-radius: 4px;
}

.search-input {
    border: none;
    background: none;
    width: 100%;
}

@media (max-width: 991px) {
    .wrapper-form {
        padding: 17px;
        margin: 0 auto;
    }

    .search-form {
        padding: 4px 15px;
    }

    .wrapper-nav {
        gap: 0;
    }

    #main-logo svg {
        height: 50px;
    }

    .wrapper-form {
        width: 100%;
    }

    .search-form {
        min-width: 100%;
    }

    .search-input {
        width: 100%;
    }
}


@media (max-width: 380px) {

    header {
        padding: 0;
    }

    .navbar-toggler-icon {
        width: 1em;
        height: 1em;
    }

    #main-logo svg {
        height: 35px;
    }
}


.wrapper-mobile-icon {
    display: none
}

@media (max-width: 992px) {
    .wrapper-mobile-icon {
        display: flex;
        gap: 18px;
    }
}

div.wrapper-mobile-icon .search-icon path {
    fill: var(--green);
}

.wrapper-search-svg .search-icon path {
    fill: #707070;
}

.search-icon.active path {
    fill: var(--green);
}

.mobile-cross-icon svg {
    fill: var(--green);
}


.wrapper-search-svg {
    border: none;
    background: none;
}

.wrapper-search-svg svg {
    width: 20px;
    height: 20px;
}




.mobile-category {
    display: none;
}

.title-mobile-category-el {
    color: var(--black);
    font-weight: 700;
}

@media (max-width: 991px) {

    a.nav-link {
        color: var(--main-blue);
    }

    .mobile-category {
        display: block;
        margin-top: 27px;
    }

    .mobile-category p {
        margin-bottom: 18px;
    }

    .mobile-category-link {
        text-align: center;
        font-weight: 700;
    }
}


/*yjdst cnbkb*/



@media (max-width: 991px) {
    .wrapper-nav div#navbarSupportedContent {
        width: 100%;
    }
}


a.svg-phone-tablet {
    display: none;
}

div.wrapper-phone-number {
    display: block;
    margin-left: 16px;
}

a.svg-phone-mobile svg {
    width: 20px;
    height: 20px;
}


@media (max-width: 1399px) {
    div.wrapper-phone-number {
        display: none;
    }

    a.svg-phone-tablet {
        display: block;
    }
}

@media (max-width: 1280px) {
    .search-form {
        max-width: 200px;
    }
}

@media (max-width: 991px) {
    a.svg-phone-tablet {
        display: none;
    }

    .wrapper-search-form {
        width: 100%;
    }
}