.sf-search-cont .sf-search-form {
    display: flex;
    align-items: stretch;
    overflow: visible;
    min-width: 0;
    gap: 6px;
}
.sf-search-cont .sf-search-form::before { content: none; }
.sf-search-field-group {
    display: flex;
    align-items: center;
    flex: 1 1 0;
    min-width: 0;
    background: #d2d0e324;
    border-radius: var(--stark-std-border, 8px);
}
.sf-search-divider {
    flex: 0 0 1px;
    align-self: stretch;
    margin: 10px 0;
    background: var(--sf-color-overlay-border, rgb(255 255 255 / 32%));
}
.sf-search-keyboard .sf-search-field-group:focus-within {
    outline: 2px solid var(--sf-color-accent, #ffad69);
    outline-offset: 2px;
}
.sf-search-form .sf-search-field-group :is(input, select, button):focus-visible { outline: none !important; }
.sf-search-cont .sf-search-form .sf-search-scope {
    max-width: 120px;
    min-width: 0;
    flex: 0 1 120px;
    padding: 0 8px;
    border: 0;
    border-radius: 0 var(--stark-std-border, 8px) var(--stark-std-border, 8px) 0;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 13px;
    cursor: pointer;
    height: 40px;
}
.sf-search-scope option { color: var(--sf-color-text, #25242e); background: var(--sf-color-surface, #fff); }
.sf-search-cont .sf-search-form #woocommerce-product-search-field-0 {
    min-width: 0;
    flex: 1 1 0;
    padding: 5px 12px !important;
    background: transparent;
    border-radius: var(--stark-std-border, 8px) 0 0 var(--stark-std-border, 8px);
}
.sf-search-cont .sf-search-form button[type="submit"] { display: block; flex: 0 0 40px; width: 40px; padding: 0; }
.sf-search-form :is(input, select, button):focus-visible,
.sf-search-panel a:focus-visible,
.sf-search-enabled :is(.search_toggle, .sf-close-form):focus-visible { outline: 2px solid var(--sf-color-accent, #ffad69) !important; outline-offset: 2px; }
.sf-search-panel {
    position: fixed;
    z-index: 9998;
    box-sizing: border-box;
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--sf-color-border, #dedce6);
    border-radius: 12px;
    background: var(--sf-color-surface, #fff);
    color: var(--sf-color-text, #25242e);
    box-shadow: 0 12px 32px #17152526;
    padding: 6px;
    font-family: inherit;
}
.sf-search-panel[hidden] { display: none; }
.sf-search-status { padding: 12px; margin: 0; font-size: 14px; }
.sf-search-result {
    display: flex;
    gap: 12px;
    align-items: center;
    min-height: 60px;
    padding: 8px 10px;
    box-sizing: border-box;
    border-radius: 8px;
    color: inherit;
    text-decoration: none;
}
.sf-search-result:hover, .sf-search-result[aria-selected="true"] { background: var(--sf-color-surface-hover, #e9e7f1); color: inherit; }
.sf-search-result img { flex: 0 0 48px; width: 48px; height: 48px; object-fit: contain; border-radius: 6px; background: var(--sf-color-surface-subtle, #f0eff5); }
.sf-search-result span { min-width: 0; }
.sf-search-result strong { display: block; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.sf-search-result small { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 3px; font-size: 12px; color: var(--sf-color-text-secondary, #6f6d7d); }
.sf-search-all { display: block; padding: 12px; text-align: center; color: var(--sf-color-text, #25242e); text-decoration: none; font-size: 14px; border-top: 1px solid var(--sf-color-border, #dedce6); }
.sf-search-results { max-width: 900px; margin: 24px auto; padding: 16px; }
.sf-search-results nav { display: flex; justify-content: space-between; gap: 24px; padding: 16px; }
@media (max-width: 900px) {
    .sf-search-cont .sf-search-form .sf-search-scope { height: 35px; max-width: 100px; }
    .sf-search-cont .sf-search-form button[type="submit"] { flex-basis: 35px; width: 35px; }
    .sf-search-cont .sf-search-form button::before { background-size: 29px; width: 30px; height: 30px; }
}
@media (max-width: 550px) {
    .sf-search-enabled .header-center { display: none !important; }
    .sf-search-enabled.sf-search-mobile-open .header-center { display: flex !important; align-items: center; }
    .sf-search-enabled.sf-search-mobile-open .header-center :is(.stark-menu, .stark-category-heading) { display: none; }
    .sf-search-enabled .sf-search-cont { min-width: 0; }
    .sf-search-cont .sf-search-form { margin: 0; gap: 4px; }
    .sf-search-cont .sf-search-form .sf-search-scope { max-width: 82px; padding: 0 4px; font-size: 12px; }
    .sf-search-cont .sf-search-form #woocommerce-product-search-field-0 { font-size: 16px; }
}

/* Only the submit action inherits the theme loupe. */
.sf-search-cont .sf-search-form .sf-search-clear,
.sf-search-cont .sf-search-form .sf-search-scope-trigger {
    display: flex; align-items: center; justify-content: center;
    position: relative; height: 40px; border: 0; padding: 0 8px;
    background: transparent; color: #fff; font: inherit; font-size: 13px;
    box-shadow: none; cursor: pointer;
}
.sf-search-cont .sf-search-form :is(.sf-search-clear, .sf-search-scope-trigger)::before { content: none; }
.sf-search-cont .sf-search-form .sf-search-clear { flex: 0 0 28px; padding: 0; }
.sf-search-clear svg { width: 14px; height: 14px; }
.sf-search-cont .sf-search-form .sf-search-scope-trigger { flex: 0 0 120px; gap: 8px; border-radius: 0 8px 8px 0; }
.sf-search-scope-trigger::after { content: ''; width: 6px; height: 6px; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(45deg); margin-top: -3px; }
.sf-search-cont .sf-search-form [hidden] { display: none !important; }
.sf-search-cont input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.sf-search-scope-popup[hidden] { display: none; }
.sf-search-scope-popup > li { padding: 0 12px; }
@media (width < 900px) {
    .sf-search-cont .sf-search-form .sf-search-clear { height: 35px; }
}