.search-suggestions { margin-bottom: 12px; }
.search-suggestions-label { margin: 0 0 4px; font-size: 0.85rem; }
.search-suggestion {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--amin-color-border);
    color: var(--amin-color-text);
    background: var(--amin-color-surface);
    text-decoration: none;
    overflow-wrap: anywhere;
}
.search-suggestion:hover, .search-suggestion:focus-visible, .search-suggestion.is-selected {
    color: var(--amin-color-text);
    background: var(--amin-color-surface-raised);
}
.search-suggestion:focus-visible {
    outline: 2px solid var(--amin-button-primary-focus-ring);
    outline-offset: -2px;
}
.search-view-all {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 12px 0;
    padding: 8px 12px;
    border-radius: 8px;
    color: var(--amin-button-primary-foreground);
    background: var(--amin-button-primary-background);
    text-decoration: none;
    text-align: center;
    overflow-wrap: anywhere;
}
.search-view-all:hover,
.search-view-all:focus-visible {
    color: var(--amin-button-primary-hover-foreground);
    background: var(--amin-button-primary-hover-background);
}
.search-view-all:focus-visible,
.search-pagination a:focus-visible {
    outline: 2px solid var(--amin-button-primary-focus-ring);
    outline-offset: 3px;
}
[data-read-only-search-page] .row > .col { min-width: 0; }
[data-read-only-search-page] .form-control {
    min-height: 44px;
    font-size: 16px;
}
[data-read-only-search-page] button { min-height: 44px; min-width: 44px; }
[data-read-only-search-page] .card-body { overflow-wrap: anywhere; }
.search-results-count, .search-results-summary { font-size: 0.9rem; }
.search-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 24px;
    padding-bottom: env(safe-area-inset-bottom, 0px);
}
.search-pagination a, .search-pagination-current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 8px;
    border: 1px solid var(--amin-color-border);
    border-radius: 8px;
    text-decoration: none;
    color: var(--amin-color-text);
    background: var(--amin-color-surface);
}
.search-pagination-current {
    color: var(--amin-button-primary-foreground);
    background: var(--amin-button-primary-background);
}
.search-page-input-wrap { min-width: 0; }
.search-page-results { position: absolute; inset-inline: .5rem; top: 100%; z-index: 1000; max-height: min(24rem, 50dvh); overflow-y: auto; background: var(--amin-color-surface, #fff); border: 1px solid var(--amin-color-border, #ddd); border-radius: .75rem; box-shadow: 0 .5rem 1.5rem #0002; }
.search-page-results[hidden] { display: none; }
.search-product-list .row { row-gap: 1rem; }
.search-page-previews { list-style: none; margin: 0; padding: 0; }
.search-page-preview { display: flex; align-items: center; gap: .75rem; min-height: 44px; padding: .5rem .75rem; color: var(--amin-color-text); text-decoration: none; }
.search-page-preview img { flex-shrink: 0; object-fit: contain; }
.search-page-preview span { overflow-wrap: anywhere; }
.search-page-preview:hover, .search-page-preview:focus-visible { background: var(--amin-color-background); }