/* ═══════════════════════════════════════════════════════════════════════════════
   🔎 PREMIUM ТЪРСЕНЕ · „Какво търсим днес?“ (22.09.2026 — реф. 9 на собственика)
   Сцената отзад (img/scene/tarsene.webp — бебето на книгата, зайчето с лупа), върху килима —
   филцов лист (.pl-felt) с „подвързия“ отгоре, в която е серифното заглавие с розово сърце;
   в листа: бяло поле-капсула с лупа и ✕, филцови хапчета-филтри (.pl-soft, избраното — розово),
   резултатите — бели редове: арка на стаята (img/art/room-*.webp) вляво, сериф заглавие, стая, „›“;
   най-долу „Наскоро търсени“ (bl_search_hist — същият ключ като js/search.js:176, 329).
   Екранът е на js/search.js (#searchOverlay, index.html:1364). Тук НЯМА нова логика — само облекло;
   js/pl-tarsene.js слага класовете, заглавието, филтрите и арките (виж там).
   Всичко е под #searchOverlay[data-pl-ts] — атрибутът го слага pl-tarsene.js. Без него (скриптът
   не е дошъл) няма нищо от тук: старият вид остава цял, не половин.
   Нощ (html[data-theme="dark"], app.js 21:00–7:00): сцената под нощно синьо було (като профила),
   листът — тъмносин филц (pl-ui.css, раздел 8).
   Правила: докосване ≥ 44px, контраст ≥ 4.5:1 (изчислен: scratchpad/ag2_tarsene_kontrast.js),
   390px без хоризонтален скрол, цифрите НЕ на Georgia (старинни цифри — 0 се чете „о“).
   ПЪТ НАЗАД: махни <link href="css/pl-tarsene.css"> и <script src="js/pl-tarsene.js"> от index.html.
   🪤 url() тук е спрямо ФАЙЛА (css/) → ../img/… и ../fonts/…
   ═══════════════════════════════════════════════════════════════════════════════ */

/* 🪤 цифрите в серифните заглавия („Развитие 0-3 месеца“, „още 7 трика (2)“): Georgia пише старинни
   цифри. Шрифтът по-долу покрива САМО 0–9 (unicode-range) → цифрите идват от Nunito, буквите — от
   Georgia. Файлът е същият, който fonts.css вече ползва и sw.js кешира (sw.js:20) — 0 КБ отгоре. */
@font-face {
  font-family: 'PL Ts Digits';
  font-style: normal; font-weight: 700; font-display: swap;
  src: url(../fonts/nunito-700-latin.woff2) format('woff2');
  unicode-range: U+0030-0039;
}

#searchOverlay[data-pl-ts] {
  --pl-ts-navy: #1d2a5c;
  --pl-ts-sub: #5d596f;                /* върху бяло 6.4:1 */
  --pl-ts-serif: 'PL Ts Digits', Georgia, 'Noto Serif', 'Droid Serif', 'Times New Roman', serif;
  --pl-ts-sans: Nunito, 'Nunito-fallback', system-ui, sans-serif;
  /* горният ръб на „подвързията“ = долният ръб на книгата в сцената. Сцената е cover и по телефон
     е вързана за височината: книгата свършва на 290/1280 = 22.7% от височината; при по-широк екран —
     за ширината (290/720 = 40.3%). Долната граница пази поне ~520px за листа. */
  --pl-ts-top: clamp(64px, max(23vh, 40.3vw), calc(100vh - 520px));
}

/* ═══ 1 · НАСЛАГВАНЕТО = СЦЕНАТА ═══ */
html body #searchOverlay[data-pl-ts] {
  background: #f6ede3 url(../img/scene/tarsene.webp) 50% 0 / cover no-repeat;
  -webkit-backdrop-filter: none; backdrop-filter: none;
  align-items: stretch;
  padding: calc(env(safe-area-inset-top, 0px) + var(--pl-ts-top) + 46px) 10px calc(env(safe-area-inset-bottom, 0px) + 40px);
  overflow: hidden;
}
/* широк/легнал екран: цялата височина на сцената, по средата, кремаво отстрани (иначе бебето е 3× по-голямо) */
@media (min-aspect-ratio: 3/4) {
  html body #searchOverlay[data-pl-ts] { background-size: auto 100%; --pl-ts-top: clamp(64px, 23vh, calc(100vh - 520px)); }
}
/* 🌙 бутонът за темата виси над всичко (dark.css:5) — в стаите се крие (dark.css:24); тук също,
   мястото горе вдясно е на 112 */
body:has(#searchOverlay[data-pl-ts]:not([hidden])) .theme-toggle { display: none; }

/* ═══ 2 · ЛИСТЪТ — .pl-felt (pl-ui.css) + „подвързията“ със заглавието ═══ */
html body #searchOverlay[data-pl-ts] .search-panel.pl-felt {
  max-width: 560px; max-height: none; margin: 0 auto;
  overflow: visible;                 /* подвързията стърчи над листа; резултатите се превъртат вътре */
  padding: 20px 12px 10px;
  display: flex; flex-direction: column;
  color: var(--pl-ts-navy);
  font-family: var(--pl-ts-sans);
}
html body #searchOverlay .pl-ts-title.pl-felt {
  position: absolute; z-index: 2;
  top: -46px; left: 50%; transform: translateX(-50%);
  width: min(92%, 400px); height: 60px; margin: 0; padding: 4px 14px 0;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  border-radius: 30px 30px 0 0 !important; border-bottom: 0 !important;
  box-shadow: 0 -6px 16px rgba(110, 76, 52, .12), inset 0 2px 0 rgba(255, 255, 255, .9) !important;
  font-family: var(--pl-ts-serif); font-weight: 700; font-size: clamp(19px, 6.2vw, 25px); line-height: 1.1; letter-spacing: -.4px;   /* 360px: 22px — редът се събира (мерено ag2_tarsene_12) */
  color: var(--pl-ts-navy); white-space: nowrap; text-align: center;
}
/* шевът на подвързията — само горе и отстрани; долу продължава в листа */
html body #searchOverlay .pl-ts-title.pl-felt::after { inset: 6px 6px 8px; border-radius: 24px 24px 0 0; border-bottom: 0; }
.pl-ts-heart {
  flex: none; width: 26px; height: 26px; background: #d95a8e;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.2s-7.6-4.6-7.6-10.3A4.3 4.3 0 0 1 12 7.3a4.3 4.3 0 0 1 7.6 2.6c0 5.7-7.6 10.3-7.6 10.3z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.2s-7.6-4.6-7.6-10.3A4.3 4.3 0 0 1 12 7.3a4.3 4.3 0 0 1 7.6 2.6c0 5.7-7.6 10.3-7.6 10.3z'/%3E%3C/svg%3E") center / contain no-repeat;
  transform: rotate(8deg) translateY(-2px);
}

/* ═══ 3 · ПОЛЕТО — бяла вдлъбната капсула: лупа · текст · 🎤 · ✕ ═══ */
html body #searchOverlay[data-pl-ts] .search-bar {
  flex: none; position: relative; z-index: 3;
  display: flex; align-items: center; gap: 4px;
  min-height: 58px; margin: 0 0 12px; padding: 5px 6px 5px 16px;
  background: #fff; border: 1.5px solid var(--ui-edge, #e9d6c3); border-radius: 999px;
  box-shadow: inset 0 2px 5px rgba(110, 76, 52, .10), 0 2px 0 #fff, 0 6px 14px rgba(110, 76, 52, .08);
  transition: border-color .2s ease, box-shadow .2s ease;
}
html body #searchOverlay[data-pl-ts] .search-bar:focus-within { border-color: #e7a0bd; box-shadow: 0 0 0 3px rgba(217, 90, 142, .16), inset 0 2px 5px rgba(110, 76, 52, .08); }
/* лупата — ::before, не фонът на самия span: иначе скритото „🔍“ (font-size 0) е синьо върху
   синьо = 1:1 и мерачът на контраста го брои (мерено ag2_tarsene_05) */
html body #searchOverlay[data-pl-ts] .search-ico { flex: none; position: relative; font-size: 0; width: 26px; height: 26px; margin-right: 6px; color: var(--pl-ts-navy); }
html body #searchOverlay[data-pl-ts] .search-ico::before {
  content: ''; position: absolute; inset: 0; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4 20.5 20.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4 20.5 20.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body #searchOverlay[data-pl-ts] .search-bar input {
  flex: 1 1 auto; min-width: 0; min-height: 44px;
  background: transparent; border: 0; outline: none; box-shadow: none !important;
  font-family: var(--pl-ts-sans); font-weight: 800; font-size: 18px; color: var(--pl-ts-navy);
}
html body #searchOverlay[data-pl-ts] .search-bar input::placeholder { color: #6f6776; font-weight: 700; font-size: 15px; }   /* върху бяло 5.2:1 */
/* 🎤 диктовката (search.js:371) — линеен микрофон, като в стаите (pl-ui.css, раздел 5) */
html body #searchOverlay[data-pl-ts] #sfMic {
  font-size: 0; opacity: 1; padding: 0; border-radius: 50%; background: transparent; color: var(--pl-ts-navy);
  position: relative;
}
/* 🪤 иконките са ::before с position:absolute + margin:auto — НЕ grid: текстът („🎤“, „✕“, „→“, font-size 0)
   е отделна анонимна клетка и в grid изтласкваше иконката нагоре (видяно на снимка ag2_tarsene_02) */
html body #searchOverlay[data-pl-ts] #sfMic::before {
  content: ''; position: absolute; inset: 0; margin: auto; width: 22px; height: 22px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21M8.5 21h7'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21M8.5 21h7'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body #searchOverlay[data-pl-ts] #sfMic.rec { color: #d95a8e; }
/* ✕ (search.js:386 — затваря търсенето, както досега) — сиво кръгче с бял кръст (реф. 9).
   Кръгът е 44px (зоната за пръст), видимият диск е 32px — вътрешна сянка. #6b7086 под бялото = 5.0:1 */
html body #searchOverlay[data-pl-ts] #searchClose {
  font-size: 0; padding: 0; border: 0; border-radius: 50%; cursor: pointer;
  background: transparent; box-shadow: inset 0 0 0 6px #fff, inset 0 0 0 30px #6b7086;
  position: relative; transition: transform .12s ease;
}
html body #searchOverlay[data-pl-ts] #searchClose::before {
  content: ''; position: absolute; inset: 0; margin: auto; width: 14px; height: 14px; background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M5 5l14 14M19 5 5 19'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M5 5l14 14M19 5 5 19'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body #searchOverlay[data-pl-ts] #searchClose:active { transform: scale(.92); }
html body #searchOverlay[data-pl-ts] #searchClose:focus-visible, html body #searchOverlay[data-pl-ts] #sfMic:focus-visible { outline: 3px solid #d95a8e; outline-offset: 1px; }

/* ═══ 4 · ФИЛТРИТЕ — филцови хапчета (.pl-soft; избраното = aria-pressed → розово, pl-ui.css) ═══ */
#searchOverlay .pl-ts-filters {
  flex: none; display: flex; gap: 8px;
  margin: 0 -12px 8px; padding: 2px 12px 8px;
  overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none;
  -webkit-mask: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 16px), transparent 100%);
  mask: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 16px), transparent 100%);
}
#searchOverlay .pl-ts-filters::-webkit-scrollbar { display: none; }
#searchOverlay .pl-ts-filters[hidden] { display: none; }
html body #searchOverlay .pl-ts-f.pl-soft {
  flex: none; display: inline-flex; align-items: center; gap: 7px;
  min-height: 46px; padding: 0 15px 0 11px; border-radius: 999px; cursor: pointer;
  font-family: var(--pl-ts-sans); font-weight: 800; font-size: 14.5px; line-height: 1; white-space: nowrap;
}
.pl-ts-fi { flex: none; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--pl-ts-i) center / contain no-repeat; mask: var(--pl-ts-i) center / contain no-repeat; }
/* плюшената рисунка на стаята в кръгче (при филтрите по стаи) — като арката на реда */
.pl-ts-fr { flex: none; width: 30px; height: 30px; margin-left: -4px; border-radius: 50%; background: #fdf1e8 center / cover no-repeat; box-shadow: inset 0 0 0 2px #fff, 0 1px 3px rgba(110, 76, 52, .25); }
.pl-ts-f[data-f="all"]  { --pl-ts-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Crect x='3' y='3' width='8' height='8' rx='2.4'/%3E%3Crect x='13' y='3' width='8' height='8' rx='2.4'/%3E%3Crect x='3' y='13' width='8' height='8' rx='2.4'/%3E%3Crect x='13' y='13' width='8' height='8' rx='2.4'/%3E%3C/svg%3E"); }
.pl-ts-f[data-f="k:help"] { --pl-ts-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M5 4.5h14a2 2 0 0 1 2 2v8.5a2 2 0 0 1-2 2h-8.5L5.5 20.5v-3.5H5a2 2 0 0 1-2-2V6.5a2 2 0 0 1 2-2z'/%3E%3Cpath d='M8 9.5h8M8 13h5'/%3E%3C/svg%3E"); }
.pl-ts-f[data-f="k:art"]  { --pl-ts-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 6.5C10 5 7 4.4 3.5 4.8v13.4c3.5-.4 6.5.2 8.5 1.7 2-1.5 5-2.1 8.5-1.7V4.8C17 4.4 14 5 12 6.5z'/%3E%3Cpath d='M12 6.5v13.4'/%3E%3C/svg%3E"); }
.pl-ts-f[data-f="k:tool"] { --pl-ts-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.4-3.4a6 6 0 0 1-7.9 7.9l-6.9 6.9a2.1 2.1 0 0 1-3-3l6.9-6.9a6 6 0 0 1 7.9-7.9z'/%3E%3C/svg%3E"); }
.pl-ts-f[data-f="k:food"] { --pl-ts-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cellipse cx='12' cy='7.5' rx='4' ry='5'/%3E%3Cpath d='M12 12.5V21'/%3E%3C/svg%3E"); }
.pl-ts-f[data-f="k:dict"] { --pl-ts-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M6.5 3.5h11a1.5 1.5 0 0 1 1.5 1.5v15.5l-7-4.2-7 4.2V5a1.5 1.5 0 0 1 1.5-1.5z'/%3E%3C/svg%3E"); }

/* ═══ 5 · РЕЗУЛТАТИТЕ — бели редове: арка · сериф · стая · › ═══ */
html body #searchOverlay[data-pl-ts] .search-results {
  flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain;
  margin: 0 -6px; padding: 2px 6px 12px;
  -webkit-overflow-scrolling: touch;
}
html body #searchOverlay[data-pl-ts] .search-res {
  display: flex; align-items: center; gap: 12px;
  width: 100%; min-height: 84px; margin: 0 0 10px; padding: 8px 8px 8px 8px;
  background: #fff; border: 1px solid rgba(214, 186, 158, .6); border-radius: 22px;
  box-shadow: 0 2px 0 rgba(203, 176, 150, .5), 0 8px 18px rgba(110, 76, 52, .08);
  color: var(--pl-ts-navy); text-align: left; cursor: pointer;
  transition: transform .14s ease, box-shadow .14s ease;
}
html body #searchOverlay[data-pl-ts] .search-res:hover { background: #fff; }
html body #searchOverlay[data-pl-ts] .search-res:active { transform: translateY(2px); box-shadow: 0 0 0 rgba(203, 176, 150, .5), 0 3px 8px rgba(110, 76, 52, .08); }
html body #searchOverlay[data-pl-ts] .search-res:focus-visible { outline: none; box-shadow: var(--ui-ring, 0 0 0 4px rgba(217, 90, 142, .28)), 0 2px 0 rgba(203, 176, 150, .5); }
/* 🔴 22.09 (независим проверител): филтърът „Отговор“ оставяше САМОТНО заглавие.
   Причината беше разминаване между двата файла: pl-tarsene.js слагаше data-pl-ts-off и на
   ТРИТЕ неща (ред, отговор, водещ ред .sf-found), а тук се криеха само първите две — водещият
   „И ето какво още намерих за теб:“ оставаше да виси над празен лист (мерено: display block,
   20.1px висок, 0 видими резултата под него). Затова правилото вече е ЕДНО и по АТРИБУТА,
   а не по класа: каквото pl-tarsene.js изключи, то изчезва. Ново скрито нещо утре няма да
   иска нов ред тук. */
html body #searchOverlay[data-pl-ts] [data-pl-ts-off] { display: none !important; }
/* арката — формата на стаите в началото (premium.css .pl-arch), рисунката е плюшената на стаята */
.pl-ts-arch {
  position: relative; flex: none; width: 66px; height: 70px;
  border-radius: 999px 999px 16px 16px;
  background: #fdf1e8 center / cover no-repeat;
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .95), inset 0 -8px 14px rgba(110, 76, 52, .10), 0 3px 8px rgba(110, 76, 52, .16);
}
/* емоджито на резултата (search.js:344) — стикер в бял кръг върху ъгъла на арката */
html body #searchOverlay[data-pl-ts] .pl-ts-arch > .sr-e {
  position: absolute; right: -6px; bottom: -5px;
  width: 30px; height: 30px; border-radius: 50%;
  display: grid; place-items: center; font-size: 16px; line-height: 1;
  color: #1d2a5c;                      /* стикерът е бял и нощем — текстът не бива да наследи бялото */
  background: #fff; box-shadow: inset 0 0 0 1.5px var(--ui-edge, #e9d6c3), 0 2px 4px rgba(110, 76, 52, .18);
}
html body #searchOverlay[data-pl-ts] .sr-txt { flex: 1 1 auto; min-width: 0; gap: 4px; }
html body #searchOverlay[data-pl-ts] .sr-label {
  font-family: var(--pl-ts-serif); font-weight: 700; font-size: 16.5px; line-height: 1.22; letter-spacing: -.2px;
  color: var(--pl-ts-navy);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
html body #searchOverlay[data-pl-ts] .sr-sub { font-family: var(--pl-ts-sans); font-size: 14px; font-weight: 700; line-height: 1.25; color: var(--pl-ts-navy); }
.pl-ts-kd { color: var(--pl-ts-sub); font-weight: 600; }
/* → става линеен „›“ */
html body #searchOverlay[data-pl-ts] .sr-arr { flex: none; position: relative; width: 24px; height: 24px; font-size: 0; color: var(--pl-ts-navy); }
html body #searchOverlay[data-pl-ts] .sr-arr::before {
  content: ''; position: absolute; inset: 0; margin: auto; width: 18px; height: 18px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.5 16.5 12 9 19.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.5 16.5 12 9 19.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body #searchOverlay[data-pl-ts] .sf-found { margin: 2px 4px 8px; font-size: 13px; font-weight: 800; color: #4a4660; }

/* ═══ 6 · ОТГОВОРЪТ НА БАЛОНЧЕТО и поздравът (search.js:185, 204) ═══ */
html body #searchOverlay[data-pl-ts] .sf-bub {
  background: #fff; color: var(--pl-ts-navy);
  border: 1px solid rgba(214, 186, 158, .6); border-radius: 20px 20px 20px 6px;
  box-shadow: 0 2px 0 rgba(203, 176, 150, .5), 0 8px 18px rgba(110, 76, 52, .08);
  font-family: var(--pl-ts-sans); font-size: 14.5px; font-weight: 600; line-height: 1.5;
}
html body #searchOverlay[data-pl-ts] .sf-bub strong { color: var(--pl-ts-navy); font-weight: 800; }
html body #searchOverlay[data-pl-ts] .sf-ans .sf-bub, html body #searchOverlay[data-pl-ts] .sf-chat .sf-bub { background: #fff; }
/* спешното остава ЧЕРВЕНО и най-отгоре; 112 = червен гел като в СОС центъра (pl-ui.css, раздел 9) */
html body #searchOverlay[data-pl-ts] .sf-sos .sf-bub { background: #fff4f3; border-color: #efb7b3; color: #8e1f1a; }
html body #searchOverlay[data-pl-ts] .sf-sos .sf-bub strong { color: #8e1f1a; }
html body #searchOverlay[data-pl-ts] .sf-112 {
  display: flex; align-items: center; justify-content: center; min-height: 50px; margin-top: 12px; padding: 0 18px;
  border-radius: 999px; text-decoration: none; color: #fff !important;
  font-family: var(--pl-ts-sans); font-weight: 800; font-size: 17px;
  background-color: #c5303f;
  background-image: radial-gradient(120% 70% at 50% -10%, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, .12) 40%, rgba(255, 255, 255, 0) 56%), linear-gradient(180deg, #ef6a5f 0%, #d23c46 30%, #c5303f 60%, #a8233a 100%);
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .5), 0 3px 0 #86192d, 0 10px 20px rgba(170, 30, 50, .3);
  text-shadow: 0 1px 0 rgba(90, 10, 25, .35);
}
/* „Продължи с …“ / „Попитай помощничката…“ = главното действие → .pl-gel (сложен от pl-tarsene.js) */
html body #searchOverlay[data-pl-ts] .sf-more.pl-gel {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; margin-top: 12px; padding: 0 16px;
  border-radius: 999px; font-family: var(--pl-ts-sans); font-weight: 800; font-size: 14.5px; line-height: 1.2; text-align: center;
}
/* 🪤 ИЗМЕРЕНО ПО ПИКСЕЛИ В ТАЗИ СЕСИЯ (scratchpad/wf2_tarsene_meri.js — цветът ПОД буквите, не
   background-color): белият надпис „💬 Продължи с Вита 💚 →“ върху общия гел е 4.12:1 среден и
   3.62:1 най-нисък — под 4.5 за дребен текст (14.5px). 3.62 е точно бяло върху --ui-gel-mid
   (#d95a8e): общият преход стига --ui-gel чак на 62% (pl-ui.css:34–50), тоест светлата му част
   е точно под буквите. Лекарството е същото, което съседите вече са мерили и приложили
   (pl-hranene.css:169–178, pl-rastezh.css:114–123): СЪЩИЯТ материал и СЪЩИТЕ променливи, само
   преходът е по-бърз — --ui-gel вече на 28%, под текста остава #c8457a…#b93a6e (4.6–5.4:1).
   Бликът е непокътнат: свършва на 55% от 70% височина, тоест над буквите. pl-ui.css НЕ се пипа. */
html body #searchOverlay[data-pl-ts] .sf-more.pl-gel.pl-gel {
  background-image:
    radial-gradient(120% 70% at 50% -10%, rgba(255, 255, 255, .62) 0, rgba(255, 255, 255, .18) 38%, rgba(255, 255, 255, 0) 55%),
    linear-gradient(180deg, var(--ui-gel-top) 0%, var(--ui-gel-mid) 14%, var(--ui-gel) 28%, var(--ui-gel-bot) 100%) !important;
}
html body #searchOverlay[data-pl-ts] .sf-greet { padding: 4px 2px 14px; }
html body #searchOverlay[data-pl-ts] .sf-lead { margin: 4px 4px 10px; font-family: var(--pl-ts-sans); font-size: 13.5px; font-weight: 800; color: #4a4660; }
html body #searchOverlay[data-pl-ts] .sf-ideas { gap: 8px; margin-bottom: 14px; }
/* идеите и скорошните — филцови хапчета (.pl-soft), емоджито в кремав кръг (.pl-em, pl-ui.css раздел 7) */
html body #searchOverlay[data-pl-ts] .sf-idea.pl-soft {
  display: inline-flex; align-items: center; gap: 6px; min-height: 46px; padding: 0 14px 0 12px; border-radius: 999px;
  font-family: var(--pl-ts-sans); font-weight: 800; font-size: 14.5px; line-height: 1.15; text-align: left;
}
html body #searchOverlay[data-pl-ts] .sf-idea.pl-soft .pl-em { margin: 0 2px 0 -4px; }
html body #searchOverlay[data-pl-ts] .sf-idea.sf-recent { opacity: 1; }
html body #searchOverlay[data-pl-ts] .sf-idea.sf-recent .pl-em { display: none; }
html body #searchOverlay[data-pl-ts] .sf-idea.sf-forget.pl-soft { background-color: transparent !important; background-image: none !important; border-style: dashed !important; box-shadow: none !important; color: #4a4660 !important; }

/* ═══ 7 · „НАСКОРО ТЪРСЕНИ“ — заглавие с часовник, хапчета с лупа ═══ */
html body #searchOverlay[data-pl-ts] .pl-ts-h {
  display: flex; align-items: center; gap: 8px; margin: 8px 4px 10px;
  font-family: var(--pl-ts-serif); font-weight: 700; font-size: 18px; letter-spacing: -.2px; color: var(--pl-ts-navy);
}
.pl-ts-h::before {
  content: ''; flex: none; width: 22px; height: 22px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E") center / contain no-repeat;
}
#searchOverlay .pl-ts-recent { padding: 6px 0 4px; }
#searchOverlay .pl-ts-rc { display: flex; flex-wrap: wrap; gap: 8px; }
html body #searchOverlay .pl-ts-rq.pl-soft {
  display: inline-flex; align-items: center; gap: 8px; min-height: 46px; max-width: 100%; padding: 0 16px 0 12px; border-radius: 999px; cursor: pointer;
  font-family: var(--pl-ts-sans); font-weight: 800; font-size: 14.5px; line-height: 1.15;
}
.pl-ts-rq > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pl-ts-rq::before, html body #searchOverlay[data-pl-ts] .sf-idea.sf-recent::before {
  content: ''; flex: none; width: 19px; height: 19px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4 20.5 20.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4 20.5 20.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ═══ 8 · 112 — горе вдясно над сцената, ВИНАГИ видимо, докато търсенето е отворено (правило 5).
   Като „✚ 112“ в профила (pl-profil.css): #b3261e върху бяло = 6.5:1; цифрите — Nunito. ═══ */
#searchOverlay .pl-ts-112 {
  position: absolute; z-index: 5;
  top: calc(env(safe-area-inset-top, 0px) + 12px); right: max(12px, calc(50% - 270px));
  display: inline-flex; align-items: center; gap: 6px;
  min-width: 46px; min-height: 46px; padding: 0 15px 0 12px; border-radius: 999px;
  background: #fff; border: 2px solid #d9535f; color: #b3261e; text-decoration: none;
  font: 800 16px/1 Nunito, 'Nunito-fallback', system-ui, sans-serif; letter-spacing: .2px; font-variant-numeric: tabular-nums;
  box-shadow: 0 2px 0 #eab0b6, 0 8px 18px rgba(200, 60, 60, .20);
  transition: transform .14s ease;
}
#searchOverlay .pl-ts-112::before {
  content: ''; width: 17px; height: 17px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M5 3.5h3.5l1.8 4.6-2.3 1.5a11 11 0 0 0 6.4 6.4l1.5-2.3 4.6 1.8V19a1.8 1.8 0 0 1-1.9 1.8A16.5 16.5 0 0 1 3.2 5.4 1.8 1.8 0 0 1 5 3.5z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M5 3.5h3.5l1.8 4.6-2.3 1.5a11 11 0 0 0 6.4 6.4l1.5-2.3 4.6 1.8V19a1.8 1.8 0 0 1-1.9 1.8A16.5 16.5 0 0 1 3.2 5.4 1.8 1.8 0 0 1 5 3.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}
#searchOverlay .pl-ts-112:active { transform: translateY(2px); }
#searchOverlay:not([data-pl-ts]) .pl-ts-112 { display: none; }

/* ═══ 9 · НОЩ ═══ */
html[data-theme="dark"] body #searchOverlay[data-pl-ts] { background-color: #3a4580; background-blend-mode: multiply; --pl-ts-navy: #fff; --pl-ts-sub: #d6d8ee; }
html[data-theme="dark"] body #searchOverlay .pl-ts-title.pl-felt { box-shadow: 0 -6px 16px rgba(0, 0, 0, .25) !important; }
html[data-theme="dark"] .pl-ts-heart { background: #f59cbb; }
html[data-theme="dark"] body #searchOverlay[data-pl-ts] .search-bar { background: #1b2554; border-color: rgba(255, 255, 255, .2); box-shadow: inset 0 2px 5px rgba(0, 0, 0, .35); }
html[data-theme="dark"] body #searchOverlay[data-pl-ts] .search-bar input { color: #fff; }
html[data-theme="dark"] body #searchOverlay[data-pl-ts] .search-bar input::placeholder { color: #c4c7e3; }
html[data-theme="dark"] body #searchOverlay[data-pl-ts] #searchClose { box-shadow: inset 0 0 0 6px #1b2554, inset 0 0 0 30px #9aa0c4; }
html[data-theme="dark"] body #searchOverlay[data-pl-ts] #searchClose::before { background: #1b2554; }
html[data-theme="dark"] body #searchOverlay[data-pl-ts] .search-res,
html[data-theme="dark"] body #searchOverlay[data-pl-ts] .sf-bub,
html[data-theme="dark"] body #searchOverlay[data-pl-ts] .sf-ans .sf-bub,
html[data-theme="dark"] body #searchOverlay[data-pl-ts] .sf-chat .sf-bub { background: #2e3c7a; border-color: rgba(255, 255, 255, .16); box-shadow: 0 2px 0 #18214a, 0 8px 18px rgba(0, 0, 0, .22); color: #fff; }
html[data-theme="dark"] body #searchOverlay[data-pl-ts] .search-res:hover { background: #2e3c7a; }
html[data-theme="dark"] body #searchOverlay[data-pl-ts] .sf-bub strong { color: #fff; }
html[data-theme="dark"] body #searchOverlay[data-pl-ts] .sf-sos .sf-bub { background: #4a2331; border-color: rgba(255, 150, 150, .4); color: #ffe1e1; }
html[data-theme="dark"] body #searchOverlay[data-pl-ts] .sf-sos .sf-bub strong { color: #fff; }
html[data-theme="dark"] body #searchOverlay[data-pl-ts] .sf-found,
html[data-theme="dark"] body #searchOverlay[data-pl-ts] .sf-lead { color: #d6d8ee; }
html[data-theme="dark"] body #searchOverlay[data-pl-ts] .sf-idea.sf-forget.pl-soft { color: #d6d8ee !important; border-color: rgba(255, 255, 255, .3) !important; }
html[data-theme="dark"] .pl-ts-arch { box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .9), 0 3px 8px rgba(0, 0, 0, .3); }
html[data-theme="dark"] body #searchOverlay[data-pl-ts] .pl-ts-arch > .sr-e { box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .5), 0 2px 4px rgba(0, 0, 0, .3); }
html[data-theme="dark"] .pl-ts-fr { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .85), 0 1px 3px rgba(0, 0, 0, .35); }

/* ═══ 11 · ВХОДЪТ — #searchTrigger (index.html:274, текстът е от search.js:360) ═══
   Беше лилаво пунктирано хапче (mega.css:341 с !important) → същата бяла капсула с лупа като полето
   вътре: мама вижда отвън точно това, което ще докосне. 💬 отпред се скрива (pl-tarsene.js го слага в
   <span>, textContent остава същият) — лупата е знакът. */
html body #searchTrigger[data-pl-ts] {
  display: flex; align-items: center; gap: 12px;
  width: 100%; min-height: 58px; padding: 10px 20px 10px 16px;
  background: #fff !important; border: 1.5px solid var(--ui-edge, #e9d6c3) !important; border-radius: 999px;
  box-shadow: inset 0 2px 5px rgba(110, 76, 52, .08), 0 3px 0 #ecdccb, 0 10px 22px rgba(110, 76, 52, .12);
  color: #1d2a5c; font-family: Nunito, 'Nunito-fallback', system-ui, sans-serif; font-weight: 800; font-size: 15px; line-height: 1.3; text-align: left;
}
html body #searchTrigger[data-pl-ts]::before {
  content: ''; flex: none; width: 24px; height: 24px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4 20.5 20.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4 20.5 20.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body #searchTrigger[data-pl-ts] .pl-ts-x { display: none; }
html body #searchTrigger[data-pl-ts]:active { transform: translateY(2px); box-shadow: inset 0 2px 5px rgba(110, 76, 52, .08), 0 1px 0 #ecdccb, 0 4px 10px rgba(110, 76, 52, .10); }
html body #searchTrigger[data-pl-ts]:focus-visible { outline: 3px solid #d95a8e; outline-offset: 2px; }
html[data-theme="dark"] body #searchTrigger[data-pl-ts] { background: #1b2554 !important; border-color: rgba(255, 255, 255, .22) !important; color: #fff; box-shadow: inset 0 2px 5px rgba(0, 0, 0, .35), 0 3px 0 #111a40, 0 10px 22px rgba(0, 0, 0, .3); }

/* ═══ 10 · ДВИЖЕНИЕТО — само по избор ═══ */
@media (prefers-reduced-motion: reduce) {
  html body #searchOverlay[data-pl-ts] .search-res, #searchOverlay .pl-ts-112, html body #searchOverlay[data-pl-ts] #searchClose { transition: none; }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   21.10 · ТЪРСЕНЕТО „ПО КОНЕЦ“ — цели заглавия, плюш вместо системни емоджита, нощното 112
   ПРЕГЛЕД (pf21, снимки pf21_predi_tars_* + мерки, dev/proba/pf21_mer.js и pf21_diag2.js):
   · РЯЗАН ТЕКСТ: заглавията на резултатите бяха -webkit-line-clamp: 3 → „Болничен за гледане на болно
     дете, справки в НОИ и платени…“, „Седалки за баня, ванички…“ (мерено scrollHeight 81 > 60). Мама не
     вижда за какво е статията → цялото заглавие, без отрязване.
   · ГОЛИ ЕМОДЖИТА в балончетата (🌸 💚 🚨 📞) → pl-tarsene.js ги увива в .pl-em (рисунката е от
     pl-plyush.js); тук — само размерът им в реда и в червения/розовия гел.
   · нощем „112“ горе вдясно стоеше бяло хапче (единственото светло петно на нощния екран) → като
     „✚ 112“ на профила нощем (pl-profil.css): нощно синьо, розово-червен кант, светли цифри (≥ 7:1).
   Всичко е под #searchOverlay; нищо не е вързано за html.bl-night.
   ПЪТ НАЗАД: махни този блок. */

/* ── цялото заглавие на резултата ── */
html body #searchOverlay[data-pl-ts] .sr-label { display: block; -webkit-line-clamp: unset; line-clamp: none; overflow: visible; overflow-wrap: anywhere; }

/* ── увитите емоджита в балончетата: плюшено кръгче в реда на текста ── */
html body #searchOverlay[data-pl-ts] .sf-bub .pl-em { width: 1.6em; height: 1.6em; vertical-align: -.42em; }
html body #searchOverlay[data-pl-ts] :is(.sf-more, .sf-112) .pl-em {
  width: 26px; height: 26px; margin: -4px 8px -4px 0; vertical-align: middle;
  background-color: #fff; box-shadow: 0 1px 0 rgba(120, 20, 60, .25); text-shadow: none;
}
html body #searchOverlay[data-pl-ts] :is(.sf-more, .sf-112) .pl-em.pl-em-sled { margin: -4px 4px -4px 6px !important; }

/* ── нощното 112 горе вдясно ── */
html[data-theme="dark"] #searchOverlay .pl-ts-112 {
  background: #2e3c7a; border-color: rgba(255, 140, 150, .75); color: #ffc9cd;
  box-shadow: 0 2px 0 #18214a, 0 8px 18px rgba(0, 0, 0, .3);
}
/* край 21.10 */