/* Собрано машиной из _shared/poisk/poisk.css — править здесь нельзя.
 * Правка исчезнет при следующем прогоне sync_poisk.py.
 */
/* Поиск по сайту — один источник на три витрины ERFOLG.
   Разносит sync_poisk.py. Править здесь, а не в public/ — копия перезапишется.

   Палитры у витрин разные и названия токенов тоже: у HOME и Med это --line,
   --ink, --paper, у Hospitality --color-line, --color-ink, --color-ivory.
   Общими сделаны ПРАВИЛА, а не цвета: ниже стоит мост --poisk-* → токены
   витрины, по ветке на витрину, а вся остальная разметка одна на всех.
   Тёмная тема приходит сама: мост указывает на токены, которые витрина уже
   переопределяет у :root[data-theme="dark"].

   Ветка «ТОЛЬКО <сайт>» — тот же приём, что в _shared/tokens/core.css:
   кусок лежит в общем источнике, но разносчик отдаёт его одной витрине,
   а у остальных вырезает. Правка по-прежнему одна и в одном месте.

   --poisk-vtor — правка Айгуль 22.09.2026 по снимку живой выдачи, дословно:
   «разглядеть невозможно, всё блекло». Подпись под названием (бренд ·
   категория · размер) и счётчик моделей у раздела держались на
   --poisk-tusklo — том же тоне, что у плейсхолдера поля и подписи «ещё»,
   вещей действительно второстепенных. Подпись строки результата — нет,
   её и читают, чтобы отличить один товар от похожего. Новый токен — тот
   же тон, что уже держит текст навигации на витрине, а не выдуманный:
   слово Айгуль «текст навигации» — HOME/Med --slate, Hospitality
   --color-coffee. Замер контраста ниже (в комментарии у .poisk__meta). */


/* ветка med */
:root{
  --poisk-fon:      var(--white);
  --poisk-fon-2:    var(--mist);
  --poisk-tekst:    var(--ink);
  --poisk-tusklo:   var(--muted);
  --poisk-vtor:     var(--slate);
  --poisk-liniya:   var(--line);
  --poisk-akcent:   var(--blue);
  --poisk-zatemn:   rgba(16,24,32,.45);
  --poisk-ten:      0 24px 60px -24px rgba(16,28,40,.45);
  --poisk-skruglen: 14px;
}
/* ─── КОНЕЦ med ─── */


/* ══════════════════════════════════════════════════════════════════════
   КНОПКА В ШАПКЕ
   Размер повторяет .theme-toggle, который на всех трёх витринах одинаков:
   38×38, круг, полуторапиксельная рамка. Так ряд шапки не меняет высоту —
   а высота ряда и есть то, на чём check_plotnost.py останавливает выкладку.
   ══════════════════════════════════════════════════════════════════════ */
.poisk-knopka{
  background:none;border:1.5px solid var(--poisk-liniya);border-radius:50%;
  width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;color:var(--poisk-tusklo);flex:none;padding:0;
  transition:border-color .2s,color .2s;
}
.poisk-knopka:hover{border-color:var(--poisk-akcent);color:var(--poisk-akcent)}
.poisk-knopka:focus-visible{outline:2px solid var(--poisk-akcent);outline-offset:2px}
.poisk-knopka svg{width:18px;height:18px}
@media(max-width:600px){
  .poisk-knopka{width:34px;height:34px}
  .poisk-knopka svg{width:16px;height:16px}
}


/* ══════════════════════════════════════════════════════════════════════
   ОКНО ПОИСКА
   Лежит под [hidden] и в поток страницы не входит: высота страницы от него
   не растёт ни на пиксель. Разметку окна собирает poisk.js — в 721 файл
   HOME кладётся только кнопка и строчка подключения, а не вся панель.
   ══════════════════════════════════════════════════════════════════════ */
.poisk[hidden]{display:none!important}
.poisk{
  position:fixed;inset:0;z-index:200;
  display:flex;flex-direction:column;align-items:center;
  background:var(--poisk-zatemn);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  padding:0 16px;
}
.poisk__okno{
  width:100%;max-width:720px;margin-top:8vh;margin-bottom:24px;
  background:var(--poisk-fon);color:var(--poisk-tekst);
  border-radius:var(--poisk-skruglen);
  box-shadow:var(--poisk-ten);
  display:flex;flex-direction:column;overflow:hidden;
  max-height:84vh;
}
.poisk__verh{
  display:flex;align-items:center;gap:12px;
  padding:14px 16px;border-bottom:1px solid var(--poisk-liniya);flex:none;
}
.poisk__verh svg{width:20px;height:20px;flex:none;color:var(--poisk-tusklo)}
.poisk__pole{
  flex:1;min-width:0;border:0;background:none;outline:none;
  font-family:inherit;font-size:1rem;color:var(--poisk-tekst);
  padding:8px 0;
}
.poisk__pole::placeholder{color:var(--poisk-tusklo);opacity:1}
.poisk__zakryt{
  border:1px solid var(--poisk-liniya);background:none;color:var(--poisk-tusklo);
  border-radius:8px;cursor:pointer;font-family:inherit;font-size:.75rem;
  padding:6px 10px;flex:none;line-height:1;
}
.poisk__zakryt:hover{border-color:var(--poisk-akcent);color:var(--poisk-akcent)}

.poisk__telo{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0 12px}

.poisk__gruppa{padding:10px 16px 2px}
.poisk__gruppa-imya{
  font-size:.6875rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--poisk-tusklo);margin-bottom:6px;
}
.poisk__stroka{
  display:flex;align-items:center;gap:12px;width:100%;
  padding:9px 16px;border-radius:10px;text-align:left;
  color:inherit;text-decoration:none;
}
.poisk__stroka:hover,.poisk__stroka.vybran{background:var(--poisk-fon-2)}
.poisk__snimok{
  width:44px;height:44px;flex:none;border-radius:8px;object-fit:cover;
  background:var(--poisk-fon-2);
}
.poisk__slova{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
/* Имя и подпись — строки, а не слова в одной строке. Без display:block они
   слипались: «ПолотенцеAquanova · Полотенца · 30x50». Замер 20.09.2026. */
.poisk__imya,.poisk__meta{display:block}
.poisk__imya{
  font-size:.9375rem;line-height:1.35;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.poisk__imya mark{background:none;color:var(--poisk-akcent);font-weight:600}
/* Контраст подписи и цены — правка Айгуль 22.09.2026 по снимку живой выдачи,
   дословно: «разглядеть невозможно, всё блекло». Цена — то, ради чего
   человек в выдачу и смотрит; её слово: «цена не может быть бледнее
   названия». Замер (WCAG, обычный текст, порог 4.5:1):
     подпись (--poisk-vtor)  HOME 9.08:1 · Med 7.19:1 · Hospitality 8.48:1
     цена    (--poisk-tekst) HOME 15.68:1 · Med 15.17:1 · Hospitality 14.57:1
   (тёмная тема — тот же порядок, числа не ниже; --poisk-tusklo, что стояло
   раньше, на Med при светлой теме давал 3.14:1 — ниже нормы для текста). */
.poisk__meta{
  font-size:.75rem;font-weight:500;color:var(--poisk-vtor);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.poisk__cena{
  font-size:.8125rem;font-weight:600;color:var(--poisk-tekst);
  flex:none;white-space:nowrap;
}

.poisk__eshchyo{
  display:block;width:calc(100% - 32px);margin:6px 16px 0;
  border:1px dashed var(--poisk-liniya);background:none;color:var(--poisk-tusklo);
  border-radius:10px;padding:8px;cursor:pointer;font-family:inherit;font-size:.8125rem;
}
.poisk__eshchyo:hover{border-color:var(--poisk-akcent);color:var(--poisk-akcent)}

/* Чипы частых запросов — то, что видно, пока поле пустое. */
.poisk__chipy{display:flex;flex-wrap:wrap;gap:8px;padding:4px 16px 8px}
.poisk__chip{
  border:1px solid var(--poisk-liniya);background:none;color:var(--poisk-tekst);
  border-radius:999px;padding:7px 14px;cursor:pointer;
  font-family:inherit;font-size:.8125rem;line-height:1.2;
}
.poisk__chip:hover{border-color:var(--poisk-akcent);color:var(--poisk-akcent)}

/* Пустой результат. Экран важнее найденного: человек, который ничего не
   нашёл, уходит. Поэтому здесь не «ничего не найдено», а дорога дальше. */
.poisk__pusto{padding:22px 16px 18px;text-align:center}
.poisk__pusto-imya{font-size:1rem;margin-bottom:6px}
.poisk__pusto-text{font-size:.875rem;color:var(--poisk-tusklo);margin-bottom:14px;line-height:1.5}
.poisk__vyhody{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}
.poisk__wa{
  display:inline-block;border:1.5px solid var(--poisk-akcent);color:var(--poisk-akcent);
  border-radius:999px;padding:9px 20px;font-size:.875rem;text-decoration:none;
}
.poisk__wa:hover{background:var(--poisk-akcent);color:var(--poisk-fon)}

.poisk__schyot{
  padding:8px 16px 0;font-size:.75rem;color:var(--poisk-tusklo);
}

/* Телефон: окно во весь экран — на 375 px панель с полями по краям съедает
   треть ширины строки товара, а название модели и так не помещается. */
@media(max-width:600px){
  .poisk{padding:0}
  .poisk__okno{
    margin:0;max-width:none;max-height:none;height:100%;
    border-radius:0;box-shadow:none;
  }
  .poisk__verh{padding:12px 14px}
  .poisk__stroka{padding:9px 14px}
  .poisk__gruppa{padding:10px 14px 2px}
  .poisk__chipy{padding:4px 14px 8px}
}

/* Пока страница не прокручивается за окном поиска. */
html.poisk-otkryt,body.poisk-otkryt{overflow:hidden}