/* Keep the input and button in normal flow in both reading directions. */
.search-popup .search-popup__content {
    max-width: min(560px, 100%);
}
.search-popup .search-popup__form {
    display: flex;
    align-items: stretch;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}
.search-popup .search-popup__form:focus-within {
    outline: 3px solid var(--theme, #6558f5);
    outline-offset: 4px;
}
.search-popup .search-popup__form input[type="search"] {
    flex: 1 1 0%;
    width: 0;
    min-width: 0;
    height: 66px;
    padding-inline: 20px;
    border-radius: 0;
    text-align: start;
    direction: inherit;
    font: inherit;
}
.search-popup .search-popup__form .search-btn {
    position: static;
    flex: 0 0 66px;
    width: 66px;
    height: 66px;
    border: 0;
    border-radius: 0;
    margin: 0;
}
.search-popup .search-btn:focus-visible {
    outline: 3px solid var(--theme-2, #ffa729) !important;
    outline-offset: -5px;
}
@media (max-width: 575px) {
    .search-popup .search-popup__form input[type="search"] {
        height: 56px;
        padding-inline: 16px;
    }
    .search-popup .search-popup__form .search-btn {
        flex-basis: 56px;
        width: 56px;
        height: 56px;
    }
}