/* Собрано машиной из _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: кусок лежит в общем источнике, но разносчик отдаёт его одной витрине, а у остальных вырезает. Правка по-прежнему одна и в одном месте. */ /* ветка home */ :root{ --poisk-fon: var(--paper); --poisk-fon-2: var(--bg2); --poisk-tekst: var(--ink); --poisk-tusklo: var(--muted); --poisk-liniya: var(--line); --poisk-akcent: var(--gold-deep); --poisk-zatemn: rgba(20,16,12,.45); --poisk-ten: 0 24px 60px -24px rgba(40,30,20,.45); --poisk-skruglen: 16px; } /* Над героем шапка прозрачная и значки в ней белые — у .theme-toggle рядом ровно то же правило. Без этой строки лупа на светлом снимке пропадает. */ .hd:not(.solid) .poisk-knopka{color:var(--fixed-white);border-color:rgba(var(--white-rgb),.4)} /* ─── КОНЕЦ home ─── */ /* ══════════════════════════════════════════════════════════════════════ КНОПКА В ШАПКЕ Размер повторяет .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} } /* ветка home */ /* Телефон: ряд шапки HOME на 375 px уже полон. Замер 20.09.2026 на живом: логотип 119 px, кнопка «Спросить у сомнолога» 100 px в ТРИ строки, кнопка темы и бургер по 34–40. Пятый кружок вытолкнул бургер на 384 px при пределе 367 — правый край экрана срезал его пополам. Ужимать чужие элементы нельзя: и меню, и кнопка сомнолога, и кнопка темы принадлежат sync_header.py и home.css, а кнопка сомнолога вдобавок ведёт в заявку. Поэтому ужимается СВОЁ: рамка снимается, а отрицательные поля съедают зазоры слева и справа. Бургер после этого виден целиком, боковой прокрутки нет; правое поле ряда выходит 11 px против 16 слева — перекос на пять пикселей, глазом не различимый. УЖИМАЕТСЯ МЕСТО, А НЕ ПАЛЕЦ. Сама коробка остаётся 34×34 — столько же, сколько у соседних кнопки темы и бургера; меньше делает её не размер, а отрицательные поля, которые в площадь нажатия не входят. Разница не теоретическая: 20.09.2026 кнопка сперва была сделана коробкой 30 px, и check_plotnost.py дал 299 бед «ширина 30, было 34» — он мерит именно коробку. След у обоих вариантов одинаковый (24 px), поэтому меньшая коробка не покупала ничего и только отнимала у пальца. Запас мал, и это названо вслух Оркестратору, а не спрятано в файле: настоящее решение в том, чтобы на телефоне «Спросить у сомнолога» ушла в выдвижное меню — но это конверсионная кнопка и чужая зона, такое меняется словом Айгуль, а не молча со стороны. */ @media(max-width:600px){ .hd .wrap .poisk-knopka{ width:34px;height:34px;border:0;margin-left:-10px;margin-right:-10px; } .hd .wrap .poisk-knopka svg{width:19px;height:19px} } /* ─── КОНЕЦ home ─── */ /* ══════════════════════════════════════════════════════════════════════ ОКНО ПОИСКА Лежит под [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} .poisk__meta{ font-size:.75rem;color:var(--poisk-tusklo); overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .poisk__cena{font-size:.8125rem;color:var(--poisk-tusklo);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}