/* Header search: visible on mobile too + live suggestions (combobox). */
.ks-header{position:relative;z-index:60}
.ks-search{position:relative}
.ks-search input[type=search]{color:var(--ks-ink)}
@media (min-width:861px){.ks-search input[type=search]{width:190px;transition:width .2s}.ks-search input[type=search]:focus{width:260px}}
@media (max-width:860px){
  .ks-header__tools{display:contents}
  .ks-header__tools .ks-iconbtn:first-of-type{margin-left:auto}
  .ks-search{display:block;order:2;flex:1 0 100%}
  .ks-search input[type=search]{width:100%;font-size:16px}
}
/* Suggestion list lives in <body> (the header panels clip overflow); JS positions it. */
.ks-ac{position:absolute;z-index:500;margin:0;padding:6px;list-style:none;background:#fff;color:var(--ks-text);border-radius:20px;box-shadow:0 18px 50px rgba(20,18,40,.28);overflow-y:auto;overscroll-behavior:contain;font-size:15px;line-height:1.35}
.ks-ac[hidden]{display:none}
.ks-ac__opt{margin:0}
.ks-ac__opt a{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 10px;border-radius:14px;color:var(--ks-text)!important;text-decoration:none}
.ks-ac__opt[aria-selected=true] a,.ks-ac__opt a:hover{background:var(--ks-light-2)}
.ks-ac__img{flex:none;width:44px;height:44px;border-radius:10px;object-fit:cover;background:var(--ks-light)}
.ks-ac__txt{display:flex;flex-direction:column;min-width:0;flex:1}
.ks-ac__name{font-weight:300;overflow-wrap:anywhere}
.ks-ac__name strong{font-weight:600}
.ks-ac__price{font-size:14px;color:var(--ks-muted)}
.ks-ac__price del{opacity:.7}
.ks-ac__price ins{text-decoration:none}
.ks-ac__all a{min-height:48px;justify-content:center;font-weight:400;border-top:1px solid var(--ks-line);border-radius:0 0 14px 14px;margin-top:4px;color:var(--ks-link)!important;text-align:center}
.ks-ac__empty{padding:12px 14px;color:var(--ks-muted)}