.voicer-media-search,
.voicer-mobile-media-search {
    position: relative;
}

.voicer-media-results[hidden] { display: none !important; }

.voicer-media-results {
    position: absolute;
    z-index: 2100;
    top: calc(100% + 9px);
    left: 0;
    width: 100%;
    max-height: min(430px, 65vh);
    overflow-y: auto;
    padding: 7px;
    border: 1px solid #dbe7f5;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(21, 53, 91, .18);
    color: #183454;
    text-align: left;
}

.voicer-media-results__heading {
    padding: 7px 10px 8px;
    color: #637a96;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.voicer-media-results__item {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding: 7px;
    border-radius: 10px;
    color: #183454 !important;
    text-decoration: none !important;
}

.voicer-media-results__item:hover,
.voicer-media-results__item.is-active,
.voicer-media-results__item:focus-visible { background: #edf4ff; outline: none; }

.voicer-media-results__thumb {
    display: flex;
    flex: 0 0 64px;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 48px;
    overflow: hidden;
    border-radius: 7px;
    background: #e8f1fc;
    color: #2364c5;
    font-size: 20px;
}

.voicer-media-results__thumb img { width: 100%; height: 100%; object-fit: cover; }
.voicer-media-results__info { display: grid; min-width: 0; gap: 3px; }
.voicer-media-results__info strong { overflow: hidden; font-size: 13px; font-weight: 700; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.voicer-media-results__info small { overflow: hidden; color: #6a7f9b; font-size: 11px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.voicer-media-results__status { margin: 0; padding: 13px 10px; color: #617894; font-size: 12px; line-height: 1.4; }
.voicer-media-results__all { display: block; margin-top: 4px; padding: 10px; border-top: 1px solid #e9eff7; border-radius: 7px; color: #185fc5 !important; font-size: 12px; font-weight: 700; text-decoration: none !important; }
.voicer-media-results__all:hover { background: #edf4ff; }

body.theme-dark .voicer-media-results { border-color: #425a76; background: #1d2b40; color: #edf4ff; }
body.theme-dark .voicer-media-results__item { color: #edf4ff !important; }
body.theme-dark .voicer-media-results__item:hover,
body.theme-dark .voicer-media-results__item.is-active,
body.theme-dark .voicer-media-results__item:focus-visible,
body.theme-dark .voicer-media-results__all:hover { background: #314761; }
body.theme-dark .voicer-media-results__info small,
body.theme-dark .voicer-media-results__heading,
body.theme-dark .voicer-media-results__status { color: #afc1d8; }
body.theme-dark .voicer-media-results__all { border-color: #425a76; color: #9cc5ff !important; }

@media (max-width: 767px) {
    .voicer-mobile-media-search .voicer-media-results { top: calc(100% + 13px); max-height: min(430px, calc(100vh - 145px)); }
}