.header-search { position:relative; z-index:1000; flex:0 0 2.75rem; width:2.75rem; height:2.75rem; }
.form_header_search {
    position:absolute; top:0; right:0;
    display: grid; grid-template-columns:minmax(0,1fr) 2.75rem 2.5rem; align-items:center;
    width:26rem; max-width:min(26rem,calc(100vw - 2rem)); min-height:2.75rem;
    overflow:hidden; border:0 solid transparent; border-radius:.75rem; background:transparent;
    clip-path:inset(0 0 0 calc(100% - 2.75rem) round .75rem);
    box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none;
    transition:clip-path .35s cubic-bezier(.22,1,.36,1),background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.header-search.is-open .form_header_search {
    clip-path:inset(0 round .75rem); border:var(--liquid-border);
    background:var(--liquid-background); box-shadow:var(--liquid-shadow);
    -webkit-backdrop-filter:var(--liquid-blur); backdrop-filter:var(--liquid-blur);
}
.form_header_search input {
    width:100%; min-width:0; height:2.75rem; padding:0; color:var(--color-text);
    font:inherit; border:0; outline:0; background:transparent; opacity:0;
    transition:opacity .18s ease;
}
.header-search.is-open .form_header_search input { padding:0 .25rem 0 .85rem; opacity:1; transition-delay:.08s; }
.form_header_search button {
    display:grid; width:100%; height:2.75rem; place-items:center; padding:0; margin:0;
    color:var(--color-text); border:0; border-radius:0; outline:none; background:transparent;
    box-shadow:none; appearance:none; cursor:pointer;
}
.form_header_search button img { width:1.1rem; height:1.1rem; object-fit:contain; }
.form_header_search button img { filter:brightness(0) invert(1); }
.form_header_search input::placeholder { color:var(--color-white-70); }
.header-search__close { overflow:hidden; font-size:1.7rem; font-weight:300; line-height:1; }
.header-search:not(.is-open) .header-search__submit { transform:translateX(2.5rem); }
.header-search__submit { transition:transform .35s cubic-bezier(.22,1,.36,1); }
.header-search + .title-search-result:empty,
div.title-search-result:empty { display:none !important; }
div.title-search-result {
    z-index:1000100 !important; width:min(26rem,calc(100vw - 2rem)) !important;
    max-height:60vh; overflow-y:auto; margin-top:.35rem;
    border-radius:.75rem; background:var(--color-surface); box-shadow:0 .7rem 2rem var(--color-shadow-soft);
}
.title-search-result ul.title-search-result { position:static; width:auto; max-height:none; padding:.6rem; margin:0; box-shadow:none; }
.title-search-result li { padding:.45rem .55rem; color:var(--color-ink); }
.title-search-result a { color:inherit; text-decoration:none; }
.title-search-result a:hover { color:var(--brand-green); }
.form_header_search svg {
    fill: var(--color-total);
}

@media (max-width:800px) {
    .header-search { width:3rem; }
    .form_header_search { width:calc(100vw - 5.15rem); }
    .form_header_search,.form_header_search input,.form_header_search button { min-height:2.55rem; height:2.55rem; }


    /* Совместимость со старой HTML-разметкой из кеша Bitrix. */
    #mobile-title-search,
    #mobile-menu-title-search {
        position:relative;
        z-index:1000;
        flex:0 0 3rem;
        width:3rem !important;
        height:2.55rem !important;
    }
    #mobile-title-search:not(.is-open) .form_header_search,
    #mobile-menu-title-search:not(.is-open) .form_header_search {
        clip-path:inset(0 0 0 calc(100% - 2.75rem) round .75rem) !important;
        border-color:transparent !important;
        background:transparent !important;
        box-shadow:none !important;
        -webkit-backdrop-filter:none !important;
        backdrop-filter:none !important;
    }
    #mobile-title-search:not(.is-open) .form_header_search input,
    #mobile-menu-title-search:not(.is-open) .form_header_search input {
        opacity:0;
        pointer-events:none;
    }
    #mobile-title-search:not(.is-open) button[type="submit"],
    #mobile-menu-title-search:not(.is-open) button[type="submit"] {
        transform:translateX(2.5rem);
    }
}
.header-search:not(.is-open) .header-search__close {
    display: none
}