.nh__search {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.nh__catalog {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    height: 46px;
    padding: 0 22px;
    border: 0;
    border-radius: var(--nh-radius);
    background: var(--nh-accent);
    border: 2px solid var(--nh-accent);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.nh__catalog:hover {
    background-color: transparent;
    color: var(--nh-accent);
}

.nh__catalog:hover .nh__catalog-icon {
    color: var(--nh-accent);
}

.nh__search-field {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    height: 46px;
    border: 2px solid var(--nh-border);
    border-radius: var(--nh-radius);
    background: var(--nh-bg);
    overflow: hidden;
}

.nh__search-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    border: 0;
    outline: none;
    background: transparent;
    padding: 0 16px;
    font-family: inherit;
    font-size: 18px;
    color: var(--nh-text);
}

.nh__search-input::placeholder {
    color: var(--nh-border);
}

.nh__search .nh__search-input.search-block__field {
    border: 0;
    border-radius: 0;
    line-height: normal;
    background: transparent;
    padding: 0 16px;
}

.nh__search .nh__search-input.search-block__field::placeholder {
    font-size: 18px;
    padding: 0;
    color: var(--nh-border);
}

.nh__search-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 100%;
    border: 0;
    background: transparent;
    color: var(--nh-muted);
    cursor: pointer;
    transition: color .15s ease;
}

.nh__search-submit:hover {
    color: var(--nh-text);
}

.nh__search-submit svg {
    width: 22px;
    height: 23px;
}

@media (max-width: 1024px) {
    .nh__search {
        flex: 1 1 auto;
        height: 46px;
    }

    .nh__catalog {
        display: none;
    }

    .nh__search-input {
        padding-left: 16px;
    }
}

@media (max-width: 767px) {
    .nh__search-submit {
        width: 42px;
    }
}