/* Autocomplétion de la recherche kheoos market. Charte : fond blanc, bordures #d9dcdd, texte #333739, lien #c93f21.
 * Liste resserrée : une ligne par produit (titre, référence si le titre ne la montre pas, ksin à droite).
 * La liste peut être plus large que le champ, pour ne pas couper les références. */
.kheoos-suggest { --ks-text: #333739; --ks-muted: #6b7174; --ks-border: #d9dcdd; --ks-surface: #f6f7f7; --ks-ink: #c93f21; --ks-mark: #fdeae3;
  position: absolute; z-index: 9999; left: 0; right: 0; top: 100%; margin-top: 4px; min-width: min(460px, 92vw); background: #fff; color: var(--ks-text);
  border: 1px solid var(--ks-border); border-radius: 8px; max-height: 70vh; overflow-y: auto; font-family: Lato, Arial, sans-serif; font-size: 14px; line-height: 1.35; text-align: left; }
.kheoos-suggest[hidden] { display: none; }
.kheoos-suggest__group { padding: 4px 0; border-bottom: 1px solid var(--ks-border); }
.kheoos-suggest__title { margin: 0; padding: 2px 12px; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ks-muted); }
.kheoos-suggest__item { display: flex; align-items: baseline; gap: 8px; padding: 3px 12px; color: inherit; text-decoration: none; cursor: pointer; }
.kheoos-suggest__item:hover, .kheoos-suggest__item[aria-selected="true"] { background: var(--ks-surface); }
.kheoos-suggest__item:focus-visible { outline: 2px solid var(--ks-ink); outline-offset: -2px; }
.kheoos-suggest__label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kheoos-suggest__ref, .kheoos-suggest__ksin { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-family: "JetBrains Mono", Consolas, monospace; font-weight: 500; font-size: 12px; color: var(--ks-muted); }
.kheoos-suggest__ksin { flex: 0 0 auto; }
.kheoos-suggest mark { background: var(--ks-mark); color: inherit; font-weight: 700; border-radius: 2px; padding: 0; }
.kheoos-suggest__all { display: block; padding: 6px 12px; color: var(--ks-ink); font-weight: 700; text-decoration: none; }
.kheoos-suggest__all:hover, .kheoos-suggest__all[aria-selected="true"] { background: var(--ks-surface); }
.kheoos-suggest__all:focus-visible { outline: 2px solid var(--ks-ink); outline-offset: -2px; }
@media (max-width: 480px) { .kheoos-suggest__ref { display: none; } }
@media (prefers-color-scheme: dark) { .kheoos-suggest { --ks-text: #eceeee; --ks-muted: #a9afb2; --ks-border: #3a3f42; --ks-surface: #25292b; --ks-ink: #f37a52; --ks-mark: #4a2a20; background: #1c1e1f; } }