/* Scope is limited to the requested search hint. Hero geometry and animation stay intact. */
.lbe-search-keyword { display: grid; gap: 8px; min-width: 0; align-content: start; }
.lbe-directory-keyword .lbe-search-example-visual { inset-inline-start: 42px; }
.lbe-search-example-field { position: relative; display: block; min-width: 0; width: 100%; }
.lbe-search-example-field.has-examples > input::placeholder { color: transparent; }
.lbe-search-example-visual { position: absolute; inset-inline: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; overflow: hidden; white-space: nowrap; color: var(--c-text-2, #44566A); font: inherit; font-size: 1rem; line-height: 1.5; }
.lbe-search-example-visual > span { display: inline; }
.lbe-search-example-field.is-typing > .lbe-search-example-visual::after { content: '|'; margin-inline-start: 1px; color: var(--c-teal, #176B76); }
.lbe-search-example-help { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.lbe-search-example-field > [hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { .lbe-search-example-visual { display: none; } .lbe-search-example-field.has-examples > input::placeholder { color: revert; } }
@media (max-width: 1023px) { .lbe-filter-main > .lbe-search-keyword, .lbe-quick-search > .lbe-search-keyword { grid-column: 1 / -1; } }
@media (min-width: 900px) { .hero3d-search .lbe-quick-search > .lbe-search-keyword { grid-column: auto; } }