/* v3-search.css — поиск на телефоне по design-canvas/MobSearch.dc.html (1 в 1).
   Слой #v3qs во весь экран поверх вкладок; на компьютере его нет вовсе
   (там прежнее окно поиска). */
.v3qs { display: none; }
@media (max-width: 860px) {
  .v3qs.on { position: fixed; inset: 0; z-index: 2900; display: flex; flex-direction: column;
    background: var(--t-nested); color: var(--t-ink); font-family: var(--t-font); font-size: 15px; line-height: normal; }
  .v3qs-top { flex-shrink: 0; display: flex; align-items: center; gap: 8px;
    padding: calc(16px + env(safe-area-inset-top, 0px)) 14px 10px; }
  .v3qs-field { flex-grow: 1; min-width: 0; display: flex; align-items: center; gap: 8px; height: 46px; padding: 0 14px;
    box-sizing: border-box; border-radius: 23px; background: var(--t-surface); border: 1.5px solid var(--t-line-2); color: var(--t-blue); }
  .v3qs-field:focus-within { border-color: var(--t-blue); box-shadow: var(--focus); }
  .v3qs-field svg { flex-shrink: 0; }
  html .v3qs-field input { flex-grow: 1; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; outline: none;
    background: transparent; box-shadow: none; color: var(--t-ink); font: 400 17px var(--t-font); -webkit-appearance: none; appearance: none; }
  html .v3qs-field input::placeholder { color: var(--t-ink-4); }
  .v3qs-cancel { flex-shrink: 0; min-height: 44px; padding: 0 2px; border: 0; background: none; color: var(--t-blue);
    font: 650 16px var(--t-font); cursor: pointer; }

  .v3qs-res { flex-grow: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
    display: flex; flex-direction: column; gap: 10px; padding: 0 14px calc(14px + env(safe-area-inset-bottom, 0px)); }
  .v3qs-res > * { flex-shrink: 0; }
  .v3qs-cap { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--t-ink-3);
    padding: 4px 6px 0; }
  .v3qs-row { display: flex; align-items: center; gap: 12px; width: 100%; padding: 13px 14px; box-sizing: border-box;
    border-radius: 20px; border: 0; background: var(--t-surface); color: var(--t-ink); font: inherit; text-align: left; cursor: pointer; }
  .v3qs-ic { display: flex; flex-shrink: 0; color: var(--t-ink-3); }
  .v3qs-ic.obj { color: var(--t-blue); }
  .v3qs-tx { display: flex; flex-direction: column; flex-grow: 1; min-width: 0; }
  .v3qs-t { font-size: 16px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .v3qs-s { font-size: 13.5px; color: var(--t-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .v3qs-chev { flex-shrink: 0; color: var(--t-ink-4); }
  .v3qs-empty { padding: 14px 6px; text-align: center; font-size: 14.5px; color: var(--t-ink-3); }
}