/**
 * Search Live в шапке: поле раскрывается влево от лупы, результаты строго под полем.
 */

.header-navigation__search {
    position: relative;
    flex-shrink: 0;
    width: var(--search-icon-size, 18px);
    min-height: var(--search-icon-size, 18px);
    align-self: center;
}

.header-navigation__search.is-open {
    z-index: 120;
    overflow: visible;
    align-self: flex-start;
}

.header-navigation__items.is-search-open {
    align-items: flex-start;
    overflow: visible;
}

.header-navigation__search-toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}

.header-navigation__search-panel {
    position: absolute;
    top: 0;
    right: calc(var(--search-icon-size, 18px) + 10px);
    z-index: 2;
    width: 0;
    min-width: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: none;
}

.header-navigation__search.is-open .header-navigation__search-panel {
    width: var(--search-panel-width, 520px);
    overflow: visible;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.header-navigation__search-panel .search-live {
    display: block;
    position: relative;
    width: 100%;
    overflow: visible;
}

.header-navigation__search-panel .search-live-form {
    display: block;
    width: 100%;
}

.header-navigation__search-panel .search-live-form form {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.header-navigation__search-panel .search-live-field {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

/* Список в потоке документа — сразу под полем ввода */
.header-navigation__search-panel .search-live-results {
    position: static;
    display: block;
    width: 100%;
    margin: 8px 0 0;
    padding: 0;
}

.header-navigation__search-panel .search-live-results-content,
.header-navigation__search-panel .search-live.floating .search-live-results-content {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    display: block;
    width: 100% !important;
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    max-height: min(50vh, 360px);
    overflow-x: hidden;
    overflow-y: auto;
}

.header-navigation__search-panel .search-live-results-content:empty {
    display: none !important;
    border: none;
    box-shadow: none;
}

.header-navigation__search-panel .search-live-results table.search-results {
    width: 100%;
}

.header-navigation__search-panel .search-live-results .entry td {
    padding: 8px 10px;
    vertical-align: middle;
}

.header-navigation__search-panel .search-live-results .entry img.thumbnail {
    width: 44px;
    height: auto;
    max-height: 56px;
    object-fit: cover;
}

.header-navigation__search-panel .search-live-results .entry .title {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: none;
}

.header-navigation__search-panel .search-live-results .entry:hover,
.header-navigation__search-panel .search-live-results .entry.active {
    background: #f5f5f5;
    font-weight: 400;
}

/* Мобильный поиск */
.header-mobile-bar__search-panel .search-live {
    position: relative;
    width: 100%;
    overflow: visible;
}

.header-mobile-bar__search-panel .search-live-results {
    position: static;
    display: block;
    width: 100%;
    margin: 8px 0 0;
}

.header-mobile-bar__search-panel .search-live-results-content,
.header-mobile-bar__search-panel .search-live.floating .search-live-results-content {
    position: static !important;
    width: 100% !important;
    background: #ffffff;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    max-height: min(50vh, 360px);
    overflow-y: auto;
}

.header-mobile-bar.is-search-open .header-mobile-bar__search-panel {
    overflow: visible;
    align-items: flex-start;
}