/* ═══════════════════════════════════════════════════════════════════════════════
   ✨ PREMIUM · светлият плюшен свят от референциите на собственика (22.09.2026)
   Слой ОТГОРЕ на всичко — не пипа старите файлове. ПЪТ НАЗАД: махни този <link>
   и <script src="js/premium-home.js"> от index.html (старото начало се връща само).
   Правила от уменията (alinaqi/ui-mobile): докосване ≥ 44px, контраст ≥ 4.5:1,
   решетка 4/8/16/24, анимации 200–300 мс, видимо натискане на всеки бутон.
   Шрифтът за заглавията е СИСТЕМЕН сериф (Georgia / Noto Serif на Android /
   Times на iOS) — 0 КБ за изтегляне, работи офлайн и има кирилица навсякъде.
   ═══════════════════════════════════════════════════════════════════════════════ */

:root {
  --pl-cream: #fff8f2;
  --pl-cream-2: #fdf1e8;
  --pl-card: #fffdfb;
  --pl-line: #f1e4d9;
  --pl-navy: #1d2a5c;
  --pl-ink: #3b3f5c;
  --pl-ink-soft: #6a6682;
  --pl-pink: #e56d99;
  --pl-pink-2: #f59cbb;
  --pl-pink-soft: #fde6ef;
  --pl-sky: #dfeafb;
  --pl-mint: #dff2e7;
  --pl-lilac: #ece4f8;
  --pl-butter: #fff0d4;
  --pl-peach: #fde5d8;
  --pl-sage: #e3efe0;
  --pl-shadow: 0 10px 28px rgba(170, 118, 118, .14), 0 2px 6px rgba(170, 118, 118, .08);
  --pl-shadow-sm: 0 4px 14px rgba(170, 118, 118, .12);
  --pl-radius: 22px;
  --pl-serif: Georgia, 'Noto Serif', 'Droid Serif', 'Times New Roman', serif;
}

/* ── старото начало се крие, когато новото е вътре ── */
html.pl-on header.hero#начало { display: none !important; }
html.pl-on .sky.bl-vun { opacity: .35; }

/* ═══ НАЧАЛОТО ═══ */
#plHome {
  position: relative;
  padding: 0 0 8px;
  background: linear-gradient(180deg, transparent 0, var(--pl-cream) 58%);
  color: var(--pl-ink);
  font-family: 'Nunito', 'Nunito-fallback', sans-serif;
}
.pl-hero {
  position: relative;
  min-height: 340px;   /* реф. 20: рафтът със стаите почти влиза в първия екран (беше 412) */
  overflow: hidden;
  border-radius: 0 0 34px 34px;
  isolation: isolate;
}
/* 🪤 22.09: първата версия беше с z-index −2/−1 и рисунката падаше ПОД фона на собствения си
   контейнер — зареждаше се (720×1280), но не се виждаше. Обикновени слоеве: 0 · 1 · 2. */
.pl-hero-art {
  position: absolute; inset: 0; z-index: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: 50% 58%;
}
.pl-hero::after {           /* мека светлина само зад заглавието — за контраст на текста */
  content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    radial-gradient(90% 55% at 0% 0%, rgba(255, 250, 244, .9) 0, rgba(255, 250, 244, .5) 45%, transparent 70%),
    linear-gradient(180deg, transparent 82%, rgba(255, 248, 242, .9) 100%);
}
.pl-hero-txt, .pl-baby { z-index: 2; }
.pl-hero-txt { position: relative; padding: calc(env(safe-area-inset-top, 0px) + 58px) 22px 0; max-width: 78%; }
.pl-hero h1 {
  margin: 0;
  font-family: var(--pl-serif);
  font-weight: 700;
  font-size: clamp(34px, 9.4vw, 42px);
  line-height: 1.04;
  letter-spacing: -.5px;
  color: var(--pl-navy);
}
.pl-heart { color: var(--pl-pink); font-family: var(--pl-serif); font-weight: 400; }
.pl-hero p { margin: 8px 0 0; font-size: 16px; font-weight: 700; color: var(--pl-ink); }

.pl-baby {
  position: absolute; left: 16px; bottom: 18px;
  display: flex; align-items: center; gap: 12px;
  min-height: 64px; padding: 8px 18px 8px 8px;
  border: 1px solid rgba(255, 255, 255, .9); border-radius: 20px;
  background: rgba(255, 253, 251, .9);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  box-shadow: var(--pl-shadow-sm);
  color: var(--pl-navy); text-align: left; cursor: pointer;
  font: inherit;
  transition: transform .2s ease;
}
.pl-baby:active { transform: scale(.97); }
.pl-baby-av {
  width: 48px; height: 48px; flex: none;
  display: grid; place-items: center;
  border-radius: 50%; font-size: 26px;
  background: radial-gradient(circle at 35% 30%, #fff 0, var(--pl-pink-soft) 70%);
  box-shadow: inset 0 0 0 3px #fff;
}
.pl-baby b { display: block; font-size: 17px; font-weight: 800; }
.pl-baby small { display: block; font-size: 13px; color: var(--pl-ink-soft); font-weight: 600; }
.pl-baby-go { margin-left: 4px; font-size: 22px; color: var(--pl-ink-soft); }

/* ── карта „Нашият ден“ ── */
.pl-card {
  margin: 16px 16px 0;
  padding: 16px;
  border: 1px solid var(--pl-line);
  border-radius: var(--pl-radius);
  background: var(--pl-card);
  box-shadow: var(--pl-shadow);
}
.pl-card-h { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-family: var(--pl-serif); font-weight: 700; font-size: 19px; color: var(--pl-navy); }
.pl-day { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.pl-day-it {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  min-height: 92px; padding: 10px 6px;
  border: 0; border-radius: 18px; cursor: pointer;
  font: inherit; font-weight: 800; font-size: 14px; color: var(--pl-navy);
  transition: transform .2s ease;
}
.pl-day-it:active { transform: scale(.95); }
.pl-day-it i { font-style: normal; font-size: 28px; line-height: 1; }
.pl-day-it span { font-size: 12px; font-weight: 700; color: var(--pl-ink-soft); }
/* плюшените иконки от листа (бял фон) — multiply ги слива с пастелната плочка */
.pl-day-it i.pl-art { display: block; width: 46px; height: 46px; background-repeat: no-repeat; background-size: 400% 400%; mix-blend-mode: multiply; }
html[data-theme="dark"] .pl-day-it i.pl-art { mix-blend-mode: normal; border-radius: 50%; background-color: #fff; }
.pl-day-it span.on { color: var(--pl-navy); font-weight: 800; }   /* записано днес — числото, не поканата */
.pl-day-it.t-feed { background: var(--pl-pink-soft); }
.pl-day-it.t-sleep { background: var(--pl-sky); }
.pl-day-it.t-diaper { background: var(--pl-mint); }


/* ═══ НАШИЯТ ДЕН — компактен ред по референция 20: иконка + голямо (час/време/брой) + надпис ═══ */
.pl-card-h .pl-sun { flex: none; width: 30px; height: 30px; border-radius: 50%; background-color: #fff6dd; background-size: 400% 400%; background-repeat: no-repeat; background-blend-mode: multiply; }
.pl-card-h .pl-all {
  margin-left: auto; min-height: 44px; padding: 0 2px 0 8px; border: 0; background: none; cursor: pointer;
  font: 800 13px/1 Nunito, Nunito-fallback, sans-serif; color: var(--pl-ink-soft);
}
.pl-day { gap: 8px; }
.pl-day-it {
  display: grid !important; grid-template-columns: 34px 1fr; grid-template-rows: auto auto; column-gap: 6px; row-gap: 5px;
  align-items: center; justify-items: start; min-height: 72px; padding: 10px 9px; text-align: left; border-radius: 16px;
}
.pl-day-it i.pl-art { grid-row: 1; grid-column: 1; width: 34px; height: 34px; }
.pl-day-t { display: contents; }
.pl-day-t b { grid-row: 1; grid-column: 2; font-weight: 800; font-size: 16.5px; line-height: 1.05; color: var(--pl-navy); white-space: nowrap; }
.pl-day-it:not(.on) .pl-day-t b { color: var(--pl-pink); font-size: 22px; }
.pl-day-t small { grid-row: 2; grid-column: 1 / -1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; font-weight: 700; color: var(--pl-ink-soft); }
/* плюшеният аватар на бебето (пълзящо бебе; при бременност — цветето) */
.pl-baby-av.pl-art-av { font-size: 0; background-color: var(--pl-pink-soft); background-size: 400% 400%; background-repeat: no-repeat; background-blend-mode: multiply; }

/* 🪁 балончето-талисман (home.js) беше закачено за екрана вдясно на 44% височина и закриваше
   „Виж всички ›“ и краищата на картите. В новото начало живее над рисунката на героя и си отива с нея. */
html.pl-on .mascot { position: absolute !important; top: 168px; right: 22px; width: 38px; }
/* ── главният розов бутон ── */
.pl-cta {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: calc(100% - 64px); min-height: 56px; margin: 18px auto 0;
  border: 0; border-radius: 999px; cursor: pointer;
  background: linear-gradient(180deg, var(--pl-pink-2) 0, var(--pl-pink) 100%);
  box-shadow: 0 10px 22px rgba(229, 109, 153, .34), inset 0 1px 0 rgba(255, 255, 255, .45);
  color: #fff; font: inherit; font-size: 18px; font-weight: 800; letter-spacing: .2px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.pl-cta:active { transform: translateY(1px) scale(.98); box-shadow: 0 6px 14px rgba(229, 109, 153, .3); }
.pl-cta b { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #fff; color: var(--pl-pink); font-size: 20px; }

/* ── „Влез в своята стая“ — рафт с арки ── */
.pl-h2 {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  margin: 26px 16px 12px;
  font-family: var(--pl-serif); font-weight: 700; font-size: 21px; color: var(--pl-navy);
}
.pl-h2::before, .pl-h2::after { content: ''; width: 28px; height: 2px; border-radius: 2px; background: #d9b98f; }
.pl-shelf {
  margin: 0 12px;
  padding: 14px 10px 10px;
  border-radius: 26px;
  background: linear-gradient(180deg, #fbf3ea 0, #f6e9dc 100%);
  box-shadow: inset 0 0 0 2px #fff, var(--pl-shadow);
}
.pl-rooms { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px 8px; }
.pl-room {
  position: relative;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-end;
  min-height: 118px; padding: 0 0 8px;
  border: 0; cursor: pointer; background: none; font: inherit;
  transition: transform .2s ease;
}
.pl-room:active { transform: scale(.95); }
.pl-arch {
  width: 100%; height: 92px;
  display: grid; place-items: center;
  border-radius: 999px 999px 14px 14px;
  font-size: 40px; line-height: 1;
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .85), 0 4px 10px rgba(170, 118, 118, .12);
  overflow: hidden;
}
.pl-arch img { width: 100%; height: 100%; object-fit: cover; }
/* 🪤 22.09: беше `.pl-room span` — хващаше И арката (и тя е span) и я правеше на хапче с 12.5px иконка. */
.pl-room > span:not(.pl-arch) {
  position: relative; margin-top: -14px;
  padding: 5px 10px; min-width: 76%;
  border-radius: 999px;
  background: #fffaf3; box-shadow: 0 2px 6px rgba(170, 118, 118, .16), inset 0 0 0 1px #f0dcc4;
  font-weight: 800; font-size: 12.5px; color: var(--pl-navy); text-align: center; white-space: nowrap;
}
.pl-room.c-preg .pl-arch { background: linear-gradient(180deg, #fde6ef, #f8cfdf); }
.pl-room.c-baby .pl-arch { background: linear-gradient(180deg, #e3edfc, #c8dbf6); }
.pl-room.c-feed .pl-arch { background: linear-gradient(180deg, #e3f3e8, #cde8d6); }
.pl-room.c-health .pl-arch { background: linear-gradient(180deg, #dff3ee, #c3e6dc); }
.pl-room.c-diary .pl-arch { background: linear-gradient(180deg, #fdeee0, #f6dcc4); }
.pl-room.c-play .pl-arch { background: linear-gradient(180deg, #fde7ea, #f6ccd4); }
.pl-room.c-tools .pl-arch { background: linear-gradient(180deg, #ece4f8, #d9ccf0); }
.pl-room.c-mom .pl-arch { background: linear-gradient(180deg, #fdebe4, #f7d4c8); }
.pl-room.c-lab .pl-arch { background: linear-gradient(180deg, #e2eefb, #cfdff4); }

/* ── „Мира е до теб“ ── */
.pl-mira {
  display: flex; align-items: center; gap: 12px;
  width: calc(100% - 32px); min-height: 72px; margin: 18px 16px 8px;
  padding: 12px 12px 12px 14px;
  border: 1px solid var(--pl-line); border-radius: 22px; cursor: pointer;
  background: linear-gradient(90deg, #fffdfb 0, #fdf0f5 100%);
  box-shadow: var(--pl-shadow-sm);
  font: inherit; text-align: left; color: var(--pl-navy);
}
.pl-mira > i { font-style: normal; font-size: 34px; }
.pl-mira > i.pl-mira-av { flex: none; width: 54px; height: 54px; border-radius: 50%; background-color: var(--pl-sky); background-size: 400% 400%; background-repeat: no-repeat; background-blend-mode: multiply; }
.pl-mira b { display: block; font-family: var(--pl-serif); font-size: 18px; }
.pl-mira small { display: block; font-size: 13px; font-weight: 600; color: var(--pl-ink-soft); }
.pl-mira em {
  margin-left: auto; flex: none;
  padding: 10px 16px; border-radius: 999px;
  background: #c8457a linear-gradient(180deg, #f39bbb 0%, #d95a8e 32%, #c8457a 62%, #b93a6e 100%); color: #fff; font-style: normal; font-weight: 800; font-size: 14px;   /* гел; беше --pl-pink = 3.0:1 (одит) */
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, .5), 0 3px 0 #a83566;
}

/* ═══ ДОЛНАТА ЛЕНТА — светла, мека, с розов активен бутон ═══ */
html:not([data-theme="dark"]) .bottom-nav {
  background: rgba(255, 253, 250, .94) !important;
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border: 1px solid #f1e4d9 !important;
  box-shadow: 0 -2px 20px rgba(170, 118, 118, .12), 0 8px 24px rgba(170, 118, 118, .10) !important;
}
html:not([data-theme="dark"]) .bottom-nav .bn-item { color: #7a6f78 !important; font-weight: 700; }
html:not([data-theme="dark"]) .bottom-nav .bn-item.bn-active {
  color: #c2417a !important;   /* беше --pl-pink #e56d99 = 2.94:1 (мерено, WCAG); #c2417a ≈ 4.9:1 */
  background: transparent !important;
}
html:not([data-theme="dark"]) .bottom-nav .bn-item.bn-active::after {
  content: ''; display: block; width: 26px; height: 3px; margin: 3px auto 0; border-radius: 3px; background: #c2417a;
}

/* ── линейни иконки вместо емоджи (референцията) · вързани към data-room, защото nav2.js
      сменя втората кнопка по възрастта: Бебето 🍼 → Лъжички 🥄 → Игрите 🧸 ── */
.bottom-nav .bn-item > span:first-child { display: none; }
/* 🪤 22.09: старият стил има `.bn-item::before { position: absolute }` (хапчето на активната) —
   иконката лягаше върху надписа. Тук е изрично статична. Лентата беше 49px с надписи 10px. */
.bottom-nav { padding-top: 6px !important; padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px)) !important; }
.bottom-nav .bn-item {
  min-height: 56px !important; justify-content: center !important; gap: 2px;
  font-size: 11.5px !important; line-height: 1.1;
}
.bottom-nav .bn-item::before {
  content: ''; display: block; width: 26px; height: 26px; margin: 0 auto 3px;
  position: static !important; inset: auto !important; transform: none !important;
  border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important;
  background: currentColor;
  -webkit-mask: var(--pl-ico) center / contain no-repeat; mask: var(--pl-ico) center / contain no-repeat;
}
.bottom-nav .bn-item[href="#начало"] { --pl-ico: 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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.2 12 4l9 7.2V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E"); }
.bottom-nav .bn-item[data-room="Моето бебе"] { --pl-ico: 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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 2.5h5M10.5 2.5v3m3-3v3M9 8.2a2 2 0 0 1 2-2.7h2a2 2 0 0 1 2 2.7V19a2.5 2.5 0 0 1-2.5 2.5h-1A2.5 2.5 0 0 1 9 19zM9 12h6M9 15.5h6'/%3E%3C/svg%3E"); }
.bottom-nav .bn-item[data-room="Захранване"] { --pl-ico: 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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18a9 8 0 0 1-18 0zM15.5 3.5l-3 8.5M8 21h8'/%3E%3C/svg%3E"); }
.bottom-nav .bn-item[data-room="Развитие и игри"] { --pl-ico: 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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='13' width='8' height='8' rx='1.6'/%3E%3Crect x='13' y='13' width='8' height='8' rx='1.6'/%3E%3Crect x='8' y='3.5' width='8' height='8' rx='1.6'/%3E%3C/svg%3E"); }
.bottom-nav .bn-item[data-room="Дневник на мама"] { --pl-ico: 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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5A1.5 1.5 0 0 1 6.5 3H19v15H6.5A1.5 1.5 0 0 0 5 19.5zM5 19.5A1.5 1.5 0 0 0 6.5 21H19M9 7.5h6M9 11h4'/%3E%3C/svg%3E"); }
.bottom-nav .bn-item[data-room="Здраве и SOS"] { --pl-ico: 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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.2-4.4-9.1-8.6C1.5 8.6 3.5 4.6 7.2 4.6c2 0 3.4 1.1 4.8 2.9 1.4-1.8 2.8-2.9 4.8-2.9 3.7 0 5.7 4 4.3 7.3-1.9 4.2-9.1 8.6-9.1 8.6z'/%3E%3Cpath d='M12 9.5v5M9.5 12h5'/%3E%3C/svg%3E"); }
.bottom-nav #bnProfile { --pl-ico: 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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 21a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E"); }
/* спешното остава разпознаваемо: червеникаво, не розово като останалите */
html:not([data-theme="dark"]) .bottom-nav .bn-item[data-room="Здраве и SOS"], html:not([data-theme="dark"]) .bottom-nav .bn-item.bn-sos { color: #b3263f !important; }   /* беше #d9536a = 3.8:1 */

/* ── „+“ — в палитрата, не лилаво (и денем, и нощем) ── */
/* „+“ се скрива, докато „Добави момент“ е на екрана (premium-home.js пази html.pl-cta-vis) — застъпваше заглавието */
html.pl-cta-vis #blPlus .plus-btn:not(.open) { opacity: 0 !important; transform: scale(.6) !important; pointer-events: none !important; }
#blPlus .plus-btn { transition: opacity .2s ease, transform .2s ease; }
.plus-btn {
  background: linear-gradient(180deg, var(--pl-pink-2), var(--pl-pink)) !important;
  box-shadow: 0 8px 20px rgba(229, 109, 153, .38), inset 0 0 0 3px rgba(255, 255, 255, .55) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   🏠 СТАЯТА С ЧАТА — референцията „Мира е до теб“: кремаво, серифно заглавие,
   аватарът е плюшената рисунка на стаята, розово „изпрати“, бели балончета на
   помощничката и светлосини на майката. Само за светлата тема.
   ═══════════════════════════════════════════════════════════════════════════ */
html:not([data-theme="dark"]) #roomOverlay .ro-panel {
  background: linear-gradient(180deg, #fff9f4 0, var(--pl-cream) 40%, #fdf1ea 100%) !important;
}
html:not([data-theme="dark"]) #roomOverlay .ro-name {
  font-family: var(--pl-serif) !important; font-weight: 700 !important; color: var(--pl-navy) !important; letter-spacing: -.2px;
}
/* аватарът: рисунката на стаята в кръг вместо балончето */
#roomOverlay #roAvatar > svg, #roomOverlay #roAvatar .ro-badge { display: none !important; }
#roomOverlay #roAvatar {
  width: 58px !important; height: 58px !important; flex: none;
  border-radius: 50% !important;
  background: #fff center / cover no-repeat;
  box-shadow: 0 0 0 3px #fff, 0 6px 16px rgba(170, 118, 118, .22) !important;
  animation: none !important;
}
#roomOverlay .ro-panel.ro-peach #roAvatar { background-image: url(../img/art/room-preg.webp); }
#roomOverlay .ro-panel.ro-sky #roAvatar { background-image: url(../img/art/room-baby.webp); }
#roomOverlay .ro-panel.ro-carrot #roAvatar { background-image: url(../img/art/room-feed.webp); }
#roomOverlay .ro-panel.ro-green #roAvatar { background-image: url(../img/art/room-health.webp); }
#roomOverlay .ro-panel.ro-lav #roAvatar { background-image: url(../img/art/room-diary.webp); }
#roomOverlay .ro-panel.ro-sun #roAvatar { background-image: url(../img/art/room-play.webp); }
#roomOverlay .ro-panel.ro-mint #roAvatar { background-image: url(../img/art/room-tools.webp); }
#roomOverlay .ro-panel.ro-rose #roAvatar { background-image: url(../img/art/room-mom.webp); }
#roomOverlay .ro-panel.ro-cork #roAvatar { background-image: url(../img/art/room-lab.webp); }

/* картата „Попитай“ */
html:not([data-theme="dark"]) #roomOverlay .ask-card {
  background: var(--pl-card) !important;
  border: 1px solid var(--pl-line) !important;
  border-radius: var(--pl-radius) !important;
  box-shadow: var(--pl-shadow) !important;
}
html:not([data-theme="dark"]) #roomOverlay .ask-name { font-family: var(--pl-serif) !important; color: var(--pl-navy) !important; }
html:not([data-theme="dark"]) #roomOverlay .ask-line { color: var(--pl-ink-soft) !important; }
html:not([data-theme="dark"]) #roomOverlay .ask-inp {
  min-height: 48px; background: #fffaf6 !important; border: 1.5px solid #efdccf !important; border-radius: 999px !important;
  color: var(--pl-navy) !important; font-size: 16px !important;
}
html:not([data-theme="dark"]) #roomOverlay .ask-inp:focus { border-color: var(--pl-pink-2) !important; box-shadow: 0 0 0 4px rgba(229, 109, 153, .14) !important; outline: none; }
html:not([data-theme="dark"]) #roomOverlay .ask-send {
  width: 48px !important; height: 48px !important; border-radius: 50% !important;
  background: linear-gradient(180deg, var(--pl-pink-2), var(--pl-pink)) !important; color: #fff !important;
  box-shadow: 0 6px 14px rgba(229, 109, 153, .35) !important; border: 0 !important;
}
html:not([data-theme="dark"]) #roomOverlay .ask-mic {
  width: 48px !important; height: 48px !important; border-radius: 50% !important;
  background: #fff !important; border: 1.5px solid #efdccf !important; color: var(--pl-navy) !important; box-shadow: none !important;
}
html:not([data-theme="dark"]) #roomOverlay .ask-chip,
html:not([data-theme="dark"]) #roChips .ro-chip {
  min-height: 44px; padding: 10px 16px !important;
  background: #fffaf6 !important; border: 1.5px solid #efdccf !important; border-radius: 999px !important;
  color: var(--pl-navy) !important; font-weight: 700 !important; box-shadow: 0 2px 6px rgba(170, 118, 118, .08) !important;
}
html:not([data-theme="dark"]) #roChips .ro-chip-go { border-color: var(--pl-pink-2) !important; color: #c24d7b !important; background: var(--pl-pink-soft) !important; }
html:not([data-theme="dark"]) #roChips .ro-chip-lib { background: var(--pl-lilac) !important; border-color: #ddd0f1 !important; }

/* главата на стаята: кремава, не в цвета на персонажа (той вече е в аватара) */
html:not([data-theme="dark"]) #roomOverlay .ro-head {
  background: linear-gradient(180deg, #fffaf6, #fff4ec) !important;
  border-bottom: 1px solid var(--pl-line) !important;
}
/* разделите: кремава капсула, активният — розов */
html:not([data-theme="dark"]) #roTabs {
  background: #fffaf6 !important; border: 1px solid var(--pl-line) !important; border-radius: 999px !important;
  box-shadow: var(--pl-shadow-sm) !important;
}
#roTabs .st-sky, #roTabs .st-balloon, #roTabs .st-spark { display: none !important; }
html:not([data-theme="dark"]) #roTabs .st-seg { color: var(--pl-ink-soft) !important; font-weight: 800 !important; border-radius: 999px !important; min-height: 44px; }
html:not([data-theme="dark"]) #roTabs .st-seg.on { background: var(--pl-pink-soft) !important; color: #9e2f5f !important;   /* беше #c24d7b = 3.8:1; сега 5.9:1 */ box-shadow: inset 0 0 0 1.5px #f6c2d6 !important; }

/* ── главата: без старата рисувана сцена зад нея (зелени тръби, щитове — пречеха на
      името), подзаглавието е на ЕДИН ред вместо на четири ── */
#roomOverlay #roBanner { display: none !important; }
#roomOverlay .ro-who { min-width: 0; flex: 1 1 auto; }
html:not([data-theme="dark"]) #roomOverlay .ro-name { font-size: 25px !important; line-height: 1.1 !important; }
#roomOverlay .ro-sub {
  display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font-size: 12.5px !important; color: var(--pl-ink-soft) !important; margin-top: 2px;
}
#roomOverlay .ro-head.shrunk .ro-sub { display: none; }
#roomOverlay .ro-sub[data-short] {
  font-size: 0 !important; white-space: normal; line-height: 1.25;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;   /* многоточието не хваща ::after — до 3 реда вместо рязане по средата на думата */
}
#roomOverlay .ro-sub[data-short]::after { content: attr(data-short); font-size: 12px; }
html:not([data-theme="dark"]) #roomOverlay .ro-head .ro-nav {
  background: #fff !important; border: 1px solid var(--pl-line) !important; color: var(--pl-navy) !important;
  box-shadow: 0 3px 10px rgba(170, 118, 118, .12) !important;
}
html:not([data-theme="dark"]) #roomOverlay .ro-head .ro-sosbtn { background: #fdecef !important; border-color: #f6c9d2 !important; }

/* ── разделите: линейни иконки вместо емоджи, шрифтът на приложението (не закръгления) ── */
#roTabs .st-n {
  font-family: Nunito, Nunito-fallback, system-ui, sans-serif !important; font-size: 13.5px !important; font-weight: 800 !important; letter-spacing: 0 !important;
}
#roTabs .st-e {
  font-size: 0 !important; width: 22px; height: 22px; display: block; margin: 0 auto 2px;
  transform: none !important; background: currentColor;
  -webkit-mask: var(--pl-ico) center / contain no-repeat; mask: var(--pl-ico) center / contain no-repeat;
}
#roTabs .st-seg[data-tab="room"] { --pl-ico: 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='M3 11.2 12 4l9 7.2V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E"); }
#roTabs .st-seg[data-tab="articles"] { --pl-ico: 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 6.6C10 5 6.8 4.6 3.5 5v13.4c3.3-.4 6.5 0 8.5 1.6 2-1.6 5.2-2 8.5-1.6V5C17.2 4.6 14 5 12 6.6zM12 6.6V20'/%3E%3C/svg%3E"); }
#roTabs .st-seg[data-tab="chat"] { --pl-ico: 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='M6.5 4h11A2.5 2.5 0 0 1 20 6.5v7a2.5 2.5 0 0 1-2.5 2.5H11l-4.6 3.6V16h0A2.4 2.4 0 0 1 4 13.5v-7A2.5 2.5 0 0 1 6.5 4z'/%3E%3Cpath d='M8.5 10h.01M12 10h.01M15.5 10h.01' stroke-width='2.6'/%3E%3C/svg%3E"); }
#roTabs .st-map {
  font-size: 0 !important; background: #fff !important; border: 1px solid var(--pl-line) !important; color: var(--pl-navy);
  display: grid; place-items: center; box-shadow: 0 3px 10px rgba(170, 118, 118, .12) !important; animation: none !important;
}
#roTabs .st-map::before {
  content: ''; 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='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4 3.5 6.3v13.4L9 17.4l6 2.6 5.5-2.3V4.3L15 6.6z'/%3E%3Cpath d='M9 4v13.4M15 6.6V20'/%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='M9 4 3.5 6.3v13.4L9 17.4l6 2.6 5.5-2.3V4.3L15 6.6z'/%3E%3Cpath d='M9 4v13.4M15 6.6V20'/%3E%3C/svg%3E") center / contain no-repeat;
}
#roTabs .ro-tabfly { display: none !important; }
html:not([data-theme="dark"]) #roTabs .st-dot { background: #c8457a !important;   /* бял текст: 4.6:1 (беше 3.0) */ color: #fff !important; box-shadow: 0 0 0 2px #fff !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   🧸 КЪТЧЕТАТА НА СТАЯТА — референцията „Малки помощници“: вместо лента с дребни
   хапчета — решетка от кремави плочки с плюшена иконка в пастелен кръг. Плочките са
   СЪЩИТЕ бутони от polish.js (кликът им скача до раздела); premium-rooms.js само
   разделя емоджито от надписа. Последният ред се разтяга, за да няма дупки.
   ═══════════════════════════════════════════════════════════════════════════ */
#roRoom .sec-nav {
  display: flex !important; flex-wrap: wrap !important; gap: 10px !important;
  position: static !important; background: transparent !important; border: 0 !important; box-shadow: none !important;
  padding: 2px 0 6px !important; margin: 4px 0 8px !important; overflow: visible !important;
}
#roRoom .sec-nav .sec-find {
  flex: 1 1 100% !important; order: 99; min-height: 46px; margin: 2px 0 0 !important;
  background: #fff !important; border: 1.5px solid #efdccf !important; border-radius: 999px !important;
  padding: 0 18px !important; font-size: 15px !important; color: var(--pl-navy) !important; box-shadow: none !important;
}
#roRoom .sec-nav .sec-find:focus { border-color: var(--pl-pink-2) !important; box-shadow: 0 0 0 4px rgba(229, 109, 153, .14) !important; outline: none; }
#roRoom .sec-nav .sec-chip[data-pl] {
  flex: 1 1 calc(33.333% - 7px) !important; min-width: 0; max-width: none !important;
  display: flex !important; flex-direction: column; align-items: center; justify-content: flex-start; gap: 7px;
  min-height: 112px; padding: 12px 6px 11px !important; margin: 0 !important;
  background: var(--pl-card) !important; border: 1px solid var(--pl-line) !important; border-radius: 20px !important;
  box-shadow: 0 6px 16px rgba(170, 118, 118, .10) !important;
  color: var(--pl-navy) !important; font: 800 12.5px/1.2 Nunito, Nunito-fallback, system-ui, sans-serif !important;
  text-align: center; white-space: normal !important; letter-spacing: 0;
}
#roRoom .sec-nav .sec-chip[data-pl].on {
  border-color: #f6c2d6 !important; box-shadow: 0 0 0 2px var(--pl-pink-soft), 0 6px 16px rgba(229, 109, 153, .16) !important;
  transform: none !important;   /* anim.css уголемява активното хапче — в решетката чупи реда */
}
/* самотна плочка на последния ред (7 кътчета = 3+3+1): хоризонтална, не празна широка кутия */
#roRoom .sec-nav .sec-chip[data-pl]:nth-child(3n+2):last-child {
  flex-direction: row; justify-content: center; gap: 14px; min-height: 78px; padding: 10px 16px !important; font-size: 14px !important;
}
#roRoom .sec-nav .sec-chip[data-pl]:nth-child(3n+2):last-child .pl-ti { width: 52px; height: 52px; }
#roRoom .sec-chip .pl-ti {
  flex: none; width: 58px; height: 58px; border-radius: 50%;
  display: grid; place-items: center; font-size: 27px; line-height: 1;
  background: var(--pl-tint, var(--pl-pink-soft));
}
/* плюшената иконка: спрайт 4×4 с бял фон; multiply го „разтапя“ в пастелния кръг */
#roRoom .sec-chip .pl-ti.has-art {
  font-size: 0; color: transparent;
  background-color: var(--pl-tint, var(--pl-pink-soft));
  background-repeat: no-repeat; background-size: 400% 400%; background-blend-mode: multiply;
}
#roRoom .sec-chip .pl-tl { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; hyphens: none; }
#roRoom .sec-nav .sec-chip[data-pl]:nth-child(6n+2) { --pl-tint: #fde6ef; }
#roRoom .sec-nav .sec-chip[data-pl]:nth-child(6n+3) { --pl-tint: #dfeafb; }
#roRoom .sec-nav .sec-chip[data-pl]:nth-child(6n+4) { --pl-tint: #dff2e7; }
#roRoom .sec-nav .sec-chip[data-pl]:nth-child(6n+5) { --pl-tint: #ece4f8; }
#roRoom .sec-nav .sec-chip[data-pl]:nth-child(6n)   { --pl-tint: #fdeedd; }
#roRoom .sec-nav .sec-chip[data-pl]:nth-child(6n+1) { --pl-tint: #fbf1d6; }
/* нощем плочките остават плочки: тъмносини, пастелните кръгове светят като стикери */
html[data-theme="dark"] #roRoom .sec-nav .sec-chip[data-pl] {
  background: rgba(35, 47, 99, .92) !important; border-color: rgba(255, 255, 255, .12) !important; color: #fff !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .28) !important;
}
html[data-theme="dark"] #roRoom .sec-nav .sec-chip[data-pl].on { border-color: rgba(245, 156, 187, .55) !important; box-shadow: 0 0 0 2px rgba(245, 156, 187, .18) !important; }
html[data-theme="dark"] #roRoom .sec-nav .sec-find { background: rgba(35, 47, 99, .92) !important; border-color: rgba(255, 255, 255, .14) !important; color: #efeaf8 !important; }/* заглавията на разделите по-долу — серифни, като в референциите */
html:not([data-theme="dark"]) #roRoom .sec-head {
  font-family: var(--pl-serif) !important; font-size: 20px !important; font-weight: 700 !important;
  color: var(--pl-navy) !important; letter-spacing: -.2px; margin-top: 18px !important;
}
html:not([data-theme="dark"]) #roRoom .sec-head .sec-n {
  font-family: Nunito, Nunito-fallback, sans-serif; font-size: 12px; background: var(--pl-pink-soft) !important; color: #c24d7b !important;
}
/* бутоните 📍 и ▾ в картите: кръгли и меки, не квадратни кутийки */
html:not([data-theme="dark"]) .jr-card .pin-btn, html:not([data-theme="dark"]) .jr-card .fold-btn { border-radius: 50% !important; }
/* плаващото балонче — по-дискретно, да не закрива картите */
html:not([data-theme="dark"]) #roomOverlay #roFab { opacity: .92; transform: scale(.86); transform-origin: bottom right; }

/* долното поле за писане */
html:not([data-theme="dark"]) #roForm.ro-inputbar {
  background: rgba(255, 252, 249, .96) !important; border-top: 1px solid var(--pl-line) !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
html:not([data-theme="dark"]) #roInput {
  min-height: 48px; background: #fff !important; border: 1.5px solid #efdccf !important; border-radius: 999px !important;
  color: var(--pl-navy) !important; font-size: 16px !important; box-shadow: none !important;
}
html:not([data-theme="dark"]) #roInput:focus { border-color: var(--pl-pink-2) !important; box-shadow: 0 0 0 4px rgba(229, 109, 153, .14) !important; outline: none; }
html:not([data-theme="dark"]) #roMic {
  width: 48px !important; height: 48px !important; border-radius: 50% !important;
  background: #fff !important; border: 1.5px solid #efdccf !important; color: var(--pl-navy) !important; box-shadow: none !important;
}
html:not([data-theme="dark"]) #roForm button:last-child:not(#roMic) {
  width: 48px !important; height: 48px !important; border-radius: 50% !important; border: 0 !important;
  background: linear-gradient(180deg, var(--pl-pink-2), var(--pl-pink)) !important; color: #fff !important;
  box-shadow: 0 6px 14px rgba(229, 109, 153, .35) !important;
}

/* балончетата */
html:not([data-theme="dark"]) #roChat .msg.bot {
  background: #fff !important; color: var(--pl-navy) !important;
  border: 1px solid #f3e7de !important; border-radius: 20px 20px 20px 6px !important;
  box-shadow: 0 4px 14px rgba(170, 118, 118, .10) !important;
}
html:not([data-theme="dark"]) #roChat .msg.user {
  background: var(--pl-sky) !important; color: var(--pl-navy) !important;
  border: 0 !important; border-radius: 20px 20px 6px 20px !important;
  box-shadow: 0 4px 12px rgba(90, 130, 200, .14) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   👋 ВЪВЕДЕНИЕТО — референцията „Да се запознаем“: кремава карта, серифно
   заглавие, кремави полета-капсули, розов избор и розов главен бутон.
   ═══════════════════════════════════════════════════════════════════════════ */
html:not([data-theme="dark"]) #onbOverlay .onb-card {
  background: linear-gradient(180deg, #fffaf5 0, #fff4ec 100%) !important;
  border: 1px solid var(--pl-line) !important; border-radius: 30px !important;
  box-shadow: 0 24px 60px rgba(120, 80, 90, .22), inset 0 0 0 3px rgba(255, 255, 255, .8) !important;
}
html:not([data-theme="dark"]) #onbOverlay .onb-title {
  font-family: var(--pl-serif) !important; font-weight: 700 !important; font-size: 28px !important;
  color: var(--pl-navy) !important; letter-spacing: -.3px;
}
html:not([data-theme="dark"]) #onbOverlay .onb-text { color: var(--pl-ink) !important; }
html:not([data-theme="dark"]) #onbOverlay .onb-lbl { color: var(--pl-navy) !important; font-weight: 800 !important; }
html:not([data-theme="dark"]) #onbOverlay .onb-lbl-soft { color: var(--pl-ink-soft) !important; font-weight: 600 !important; }
html:not([data-theme="dark"]) #onbOverlay .jr-word {
  min-height: 50px !important; background: #fff !important; border: 1.5px solid #efdccf !important;
  border-radius: 16px !important; color: var(--pl-navy) !important; font-size: 16px !important; box-shadow: none !important;
}
html:not([data-theme="dark"]) #onbOverlay .jr-word:focus { border-color: var(--pl-pink-2) !important; box-shadow: 0 0 0 4px rgba(229, 109, 153, .14) !important; outline: none; }
html:not([data-theme="dark"]) #onbOverlay .onb-sexbtn {
  min-height: 56px !important; background: #fff !important; border: 1.5px solid #efdccf !important;
  border-radius: 18px !important; color: var(--pl-navy) !important; font-weight: 800 !important; box-shadow: none !important;
}
html:not([data-theme="dark"]) #onbOverlay .onb-sexbtn.on {
  background: var(--pl-pink-soft) !important; border-color: var(--pl-pink-2) !important; color: #b8416f !important;
  box-shadow: 0 6px 14px rgba(229, 109, 153, .2) !important;
}
html:not([data-theme="dark"]) #onbOverlay #onbSave {
  min-height: 56px !important; border-radius: 999px !important; border: 0 !important;
  background: linear-gradient(180deg, var(--pl-pink-2), var(--pl-pink)) !important;
  box-shadow: 0 10px 22px rgba(229, 109, 153, .34), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
  color: #fff !important; font-size: 18px !important; font-weight: 800 !important;
}
html:not([data-theme="dark"]) #onbOverlay #onbSave .btn-shine { display: none !important; }   /* косата бяла ивица изглеждаше счупена */
html:not([data-theme="dark"]) #onbOverlay #onbSkip { color: var(--pl-navy) !important; text-decoration: underline; text-underline-offset: 3px; font-weight: 700 !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   🧱 ОБЩИТЕ КАРТИ — `jr-card` е една и съща система в раздела „Стаята“ на всичките
   9 стаи (мерено: 33 карти само при Мира). Преоблечена веднъж, сменя всичко.
   ═══════════════════════════════════════════════════════════════════════════ */
html:not([data-theme="dark"]) .jr-card {
  background: var(--pl-card) !important;
  border: 1px solid var(--pl-line) !important;
  border-radius: var(--pl-radius) !important;
  box-shadow: var(--pl-shadow) !important;
}
html:not([data-theme="dark"]) .jr-card::before { background: none !important; box-shadow: none !important; }   /* цветната черта отгоре */
html:not([data-theme="dark"]) .jr-card .jr-paper { background: transparent !important; box-shadow: none !important; }
html:not([data-theme="dark"]) .jr-card .jr-title {
  font-family: var(--pl-serif) !important; font-weight: 700 !important; color: var(--pl-navy) !important; letter-spacing: -.2px;
}
html:not([data-theme="dark"]) .jr-card .jr-sub { color: var(--pl-ink-soft) !important; }
html:not([data-theme="dark"]) .jr-chip {
  min-height: 44px; background: #fffaf6 !important; border: 1.5px solid #efdccf !important; border-radius: 999px !important;
  color: var(--pl-navy) !important; font-weight: 700 !important; box-shadow: 0 2px 6px rgba(170, 118, 118, .08) !important;
}
html:not([data-theme="dark"]) .jr-chip.on, html:not([data-theme="dark"]) .jr-chip[aria-pressed="true"] {
  background: var(--pl-pink-soft) !important; border-color: var(--pl-pink-2) !important; color: #b8416f !important;
}
html:not([data-theme="dark"]) .jr-btn, html:not([data-theme="dark"]) .btn.btn-pink {
  min-height: 48px; border: 0 !important; border-radius: 999px !important;
  background: linear-gradient(180deg, var(--pl-pink-2), var(--pl-pink)) !important; color: #fff !important;
  box-shadow: 0 8px 18px rgba(229, 109, 153, .3), inset 0 1px 0 rgba(255, 255, 255, .4) !important; font-weight: 800 !important;
}
html:not([data-theme="dark"]) .btn.btn-pink .btn-shine { display: none !important; }
html:not([data-theme="dark"]) .jr-card .pin-btn, html:not([data-theme="dark"]) .jr-card .fold-btn {
  background: #fff !important; border: 1.5px solid #efdccf !important; color: var(--pl-ink-soft) !important; box-shadow: none !important;
}
html:not([data-theme="dark"]) .jr-card input.lx-inp, html:not([data-theme="dark"]) .jr-card .jr-word {
  background: #fff !important; border: 1.5px solid #efdccf !important; border-radius: 14px !important; color: var(--pl-navy) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ☀️ СЕКЦИЯТА „ДНЕС“ под началото — същият език: кремави карти, серифни заглавия.
   ═══════════════════════════════════════════════════════════════════════════ */
html.pl-on:not([data-theme="dark"]) body { background: var(--pl-cream) !important; }
html.pl-on:not([data-theme="dark"]) #todaySection { background: transparent !important; }
html:not([data-theme="dark"]) #todaySection .big-now,
html:not([data-theme="dark"]) #todaySection .brief-card,
html:not([data-theme="dark"]) #todaySection .wk-card,
html:not([data-theme="dark"]) #todaySection .qa-card,
html:not([data-theme="dark"]) #todaySection .ch-card,
html:not([data-theme="dark"]) #todaySection .td-tip,
html:not([data-theme="dark"]) #todaySection .td-trick {
  background: var(--pl-card) !important;
  border: 1px solid var(--pl-line) !important;
  border-radius: var(--pl-radius) !important;
  box-shadow: var(--pl-shadow) !important;
  color: var(--pl-ink) !important;
}
html:not([data-theme="dark"]) #todaySection h2, html:not([data-theme="dark"]) #todaySection h3,
html:not([data-theme="dark"]) #todaySection .big-now b, html:not([data-theme="dark"]) #todaySection .big-now strong {
  font-family: var(--pl-serif) !important; color: var(--pl-navy) !important; font-weight: 700 !important;
}
html:not([data-theme="dark"]) #todaySection .td-chips button, html:not([data-theme="dark"]) #todaySection .td-chips a {
  min-height: 44px; background: #fffaf6 !important; border: 1.5px solid #efdccf !important; border-radius: 999px !important;
  color: var(--pl-navy) !important; font-weight: 700 !important; box-shadow: 0 2px 6px rgba(170, 118, 118, .08) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   🎈 ПЪРВОТО ОТВАРЯНЕ — референцията „Твоят малък голям свят“: цял екран с
   рисунката (бебе в балон над облаците), стъклена карта отдолу, сериф, розово.
   Стъпките и текстовете са на home.js — тук се сменя само видът.
   ═══════════════════════════════════════════════════════════════════════════ */
/* 🔴 24.10 · собственикът: „на първия екран Добре дошла не искам тая огромна ненужна снимка на балона и бебето —
   както беше преди“. Рисунката welcome.webp е махната: мек крем → розово (като облачния старт), съдържанието в средата.
   ПЪТ НАЗАД: върни `background: #fdf3ec url(../img/art/welcome.webp) center top / cover no-repeat` и align-items: flex-end. */
.tour-ov {
  background: linear-gradient(180deg, #fff6f0 0%, #fdeef0 52%, #f8e9f4 100%) !important;
  display: flex !important; align-items: flex-start !important; justify-content: center !important;
  padding: calc(18px + env(safe-area-inset-top, 0px)) 14px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  /* 24.10 · мерено (nachalo_kadri.js --w/--h): на 320×568 логото излизаше над ръба, а хоризонтално (667×375)
     бутонът „Напред“ беше под ръба БЕЗ превъртане (оверлеят е fixed, тялото е overflow:hidden) — недостижим.
     Сега: центриране с auto полета (при преливане нищо не се реже горе) + превъртане, само когато не се побира. */
  overflow-y: auto !important; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
}
.tour-ov > .tour-card { margin-top: auto !important; margin-bottom: auto !important; }
.tour-ov::before {         /* мека светлина отдолу, за да се чете текстът */
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, transparent 38%, rgba(255, 248, 242, .55) 58%, rgba(255, 248, 242, .92) 100%);
}
.tour-ov .tour-card {
  position: relative; width: 100% !important; max-width: 420px !important;
  background: rgba(255, 252, 249, .86) !important;
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, .95) !important; border-radius: 30px !important;
  box-shadow: 0 18px 44px rgba(150, 100, 110, .22) !important;
  padding: 22px 20px 16px !important; text-align: center;
}
/* 24.10: рисунката я няма → малкото балонче се връща (както беше преди) — в потока НАД заглавието,
   не абсолютно: на първата стъпка картата е без отстъп и балончето падаше върху „дошла“ (видяно на живо). */
.tour-ov .tour-balloon { display: block !important; position: relative !important; top: auto !important; left: auto !important;
  transform: none !important; width: 46px; margin: 0 auto 10px; }
.tour-ov .tour-card h3 {
  font-family: var(--pl-serif) !important; font-weight: 700 !important; font-size: 28px !important;
  line-height: 1.12 !important; color: var(--pl-navy) !important; letter-spacing: -.3px; margin: 4px 0 8px !important;
}
.tour-ov .tour-card p { color: var(--pl-ink) !important; font-size: 15.5px !important; line-height: 1.5 !important; }
.tour-ov .tour-e { font-size: 30px !important; }
.tour-ov .tour-next {
  min-height: 56px !important; border: 0 !important; border-radius: 999px !important;
  background: linear-gradient(180deg, var(--pl-pink-2), var(--pl-pink)) !important; color: #fff !important;
  box-shadow: 0 10px 22px rgba(229, 109, 153, .34), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
  font-size: 18px !important; font-weight: 800 !important;
}
.tour-ov .tour-skip {
  background: none !important; border: 0 !important; box-shadow: none !important;
  color: var(--pl-navy) !important; font-weight: 700 !important; text-decoration: underline; text-underline-offset: 3px;
}
/* ── ПЪРВАТА стъпка = референция 5 точно: без карта — заглавието е върху облаците, три плюшени
      плочки „За бебето / За мама / Всеки ден“ на облачета, гел бутонът, подчертана връзка.
      premium-home.js слага .pl-tour-1 само докато първата точка е активна. ── */
.tour-ov.pl-tour-1::before { background: radial-gradient(120% 55% at 50% 100%, rgba(255, 250, 246, .96) 0, rgba(255, 250, 246, .78) 45%, rgba(255, 250, 246, 0) 72%); }
.tour-ov.pl-tour-1 .tour-card {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  -webkit-backdrop-filter: none; backdrop-filter: none; padding: 0 6px 6px !important;
}
.tour-ov.pl-tour-1 .tour-e { display: none !important; }
.tour-ov.pl-tour-1 .tour-card h3 {
  font-size: clamp(34px, 9.6vw, 42px) !important; line-height: 1.02 !important; margin: 0 0 8px !important;
  text-shadow: 0 1px 0 #fff, 0 0 18px rgba(255, 250, 246, .95), 0 0 34px rgba(255, 250, 246, .9);
}
.tour-ov.pl-tour-1 .tour-card h3::after { content: ' ♡'; color: var(--pl-pink); font-weight: 400; }
.tour-ov.pl-tour-1 .tour-card p { font-size: 15px !important; font-weight: 700; text-shadow: 0 0 10px rgba(255, 250, 246, .98), 0 0 22px rgba(255, 250, 246, .95); }
.pl-tt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 14px 0 10px; }
.pl-tt-i { display: flex; flex-direction: column; align-items: center; gap: 0; }
.pl-tt-i i {
  width: 84px; height: 84px; border-radius: 50%;
  background-color: #fff; background-repeat: no-repeat; background-size: 400% 400%; background-blend-mode: multiply;
  box-shadow: 0 8px 18px rgba(170, 118, 118, .18), inset 0 -6px 12px rgba(230, 210, 200, .5);
}
.pl-tt-i b {
  position: relative; margin-top: -12px; padding: 5px 16px; border-radius: 999px;
  background: #fffaf3; color: var(--pl-navy); font: 700 13.5px/1.2 var(--pl-serif); white-space: nowrap;
  box-shadow: 0 3px 8px rgba(110, 76, 52, .18), inset 0 0 0 1.5px #e6cfa4;
}
.pl-tt-i b::before, .pl-tt-i b::after { content: ''; position: absolute; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: #d8b46a; box-shadow: inset 0 1px 0 #f3dfa8; }
.pl-tt-i b::before { left: 5px; } .pl-tt-i b::after { right: 5px; }
.tour-ov.pl-tour-1 .tour-dots { margin: 4px 0 8px !important; }
/* тесен екран (320 px): трите плочки не се побираха — „Всеки ден“ излизаше вдясно (кадър mal24_se1) */
@media (max-width: 360px) {
  .pl-tt { gap: 4px; }
  .pl-tt-i i { width: 70px; height: 70px; }
  .pl-tt-i b { padding: 4px 11px; font-size: 12px; margin-top: -10px; }
  .pl-tt-i b::before { left: 3px; } .pl-tt-i b::after { right: 3px; }
}
/* телефон хоризонтално (височина ≤ 480): заглавието на един ред, плочките по-малки — да се побере без превъртане */
@media (max-height: 480px) and (orientation: landscape) {
  .tour-ov.pl-tour-1 .tour-card h3 { font-size: 30px !important; margin-bottom: 4px !important; }
  .tour-ov.pl-tour-1 .tour-card p { font-size: 13.5px !important; line-height: 1.4 !important; }
  .pl-tt { margin: 8px 0 6px; } .pl-tt-i i { width: 56px; height: 56px; } .pl-tt-i b { font-size: 12px; padding: 3px 11px; margin-top: -9px; }
  .tour-ov.pl-tour-1 .tour-next { min-height: 46px !important; }
  .tour-ov .tour-skip { margin-top: 4px !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   🎈 24.10 · ЖИВОТО НАЧАЛО — „Добре дошла у дома“ без рисунката, оживено с код (js/premium-home.js · обиколка)
   Режисура (законите на JMATION, сведени до уеб): ЕДИН материал — мекият облак на логото; ЕДНА светлина —
   горе вляво, топла; ЕДИН ритъм — дишане ~6 s. Кукичка до 1,2 s: логото пада с отскок (подготовка → удар →
   презасилване → покой), заглавието изплува, плочките изскачат по ред. Нищо не стои неподвижно повече от 0,7 s:
   небето плува, искриците светят, бутонът диша. Само transform/opacity. Намалено движение → един подреден кадър.
   ПЪТ НАЗАД: махни този блок и блока „24.10“ в js/premium-home.js.
   ═══════════════════════════════════════════════════════════════════════════ */
.tour-ov .tour-card { z-index: 1; }
.pl-tsky { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
/* акварелните петна (като тези в логото) — бавно плуват */
.pl-ts-a { position: absolute; border-radius: 50%; filter: blur(2px); opacity: .75; will-change: transform; }
.pl-ts-a.a1 { width: 120vw; height: 70vw; left: -40vw; top: -18vw; background: radial-gradient(closest-side, rgba(246, 183, 213, .55), rgba(246, 183, 213, 0)); animation: plTsA1 19s ease-in-out infinite alternate; }
.pl-ts-a.a2 { width: 110vw; height: 80vw; right: -45vw; top: 18vh; background: radial-gradient(closest-side, rgba(168, 205, 240, .5), rgba(168, 205, 240, 0)); animation: plTsA2 23s ease-in-out infinite alternate; }
.pl-ts-a.a3 { width: 120vw; height: 70vw; left: -30vw; bottom: -20vw; background: radial-gradient(closest-side, rgba(174, 227, 207, .45), rgba(174, 227, 207, 0)); animation: plTsA3 21s ease-in-out infinite alternate; }
@keyframes plTsA1 { to { transform: translate3d(14vw, 6vh, 0) scale(1.08); } }
@keyframes plTsA2 { to { transform: translate3d(-16vw, -5vh, 0) scale(1.1); } }
@keyframes plTsA3 { to { transform: translate3d(12vw, -4vh, 0) scale(1.06); } }
/* меките облачета — три бели пухчета, всяко от три кръга (box-shadow), прелитат бавно отляво надясно */
.pl-ts-c { position: absolute; left: -30vw; width: 56px; height: 22px; border-radius: 22px; background: #fff; opacity: .78;
  box-shadow: 16px -12px 0 6px #fff, 38px -6px 0 2px #fff; filter: drop-shadow(0 6px 10px rgba(180, 140, 170, .16)); will-change: transform; }
.pl-ts-c.c1 { top: 12vh; animation: plTsC 38s linear infinite; animation-delay: -6s; }
.pl-ts-c.c2 { top: 30vh; transform: scale(.7); animation: plTsC 52s linear infinite; animation-delay: -30s; opacity: .6; }
.pl-ts-c.c3 { top: 64vh; transform: scale(.85); animation: plTsC 46s linear infinite; animation-delay: -18s; opacity: .55; }
@keyframes plTsC { from { translate: 0 0; } to { translate: 160vw 0; } }
/* искриците — малки звездички в ъглите, светват една след друга */
.pl-ts-s { position: absolute; width: 10px; height: 10px; opacity: 0; will-change: transform, opacity;
  background: radial-gradient(circle, #fff 0 28%, rgba(255, 255, 255, 0) 30%),
    conic-gradient(from 45deg, transparent 0 20%, rgba(242, 169, 204, .95) 22% 28%, transparent 30% 45%, rgba(242, 169, 204, .95) 47% 53%, transparent 55% 70%, rgba(242, 169, 204, .95) 72% 78%, transparent 80% 95%, rgba(242, 169, 204, .95) 97%);
  border-radius: 50%; animation: plTsS 3.6s ease-in-out infinite; }
.pl-ts-s.s1 { left: 12%; top: 14%; } .pl-ts-s.s2 { left: 84%; top: 10%; animation-delay: -.9s; }
.pl-ts-s.s3 { left: 6%;  top: 44%; animation-delay: -2.1s; } .pl-ts-s.s4 { left: 92%; top: 38%; animation-delay: -1.5s; }
.pl-ts-s.s5 { left: 18%; top: 78%; animation-delay: -2.7s; } .pl-ts-s.s6 { left: 80%; top: 74%; animation-delay: -.4s; }
.pl-ts-s.s7 { left: 50%; top: 6%;  animation-delay: -3.1s; } .pl-ts-s.s8 { left: 64%; top: 88%; animation-delay: -1.2s; }
@keyframes plTsS { 0%, 100% { opacity: 0; transform: scale(.4) rotate(0); } 45% { opacity: .95; transform: scale(1.15) rotate(45deg); } 60% { opacity: .7; transform: scale(1) rotate(60deg); } }
/* първата стъпка е скрита, докато premium-home.js не сложи .pl-tour-1 — иначе за миг се вижда старият вид
   (бяла карта с емоджи; видяно в кадъра nach24_04). Без :has() (стар браузър) — както преди. */
/* преглед 24.10: само когато premium-home.js наистина върви (html.pl-tura) — паднал скрипт не оставя картата невидима */
html.pl-tura .tour-ov:has(.tour-dots > span:first-child.on):not(.pl-tour-1) .tour-card { opacity: 0 !important; }
/* преглед 24.10: roIn (home.css) местеше картата 15–40 px, докато облакът мери целта → кацаше ниско и логото подскачаше.
   Първата стъпка си има своя хореография — входът на картата не трябва. */
.tour-ov.pl-tour-1 .tour-card { animation: none !important; }
/* докато облакът лети (≈0,76 с), турът под него не приема допир — „пропусни“/„Напред“ щяха да махнат целта */
html.bls-fly .tour-ov { pointer-events: none !important; }
/* тъмна тема: клонингът носи СЪЩИТЕ цветове като облака на стартовия екран (index.html) — без скок при кацането */
html[data-theme="dark"] .pl-tlogo .lg-cloud > path:first-child { fill: #ece8f7; stroke: #d9d1ee; }
html[data-theme="dark"] .pl-tlogo .lg-baby, html[data-theme="dark"] .pl-tlogo .lg-land { stroke: #ece8f7; }
html[data-theme="dark"] .pl-tlogo .lg-splash { opacity: .32; }
/* облакът от стартовия екран каца ТОЧНО тук (index.html · прибери → .pl-tland): логото не пада отгоре, а е там */
.tour-ov.pl-tgo.pl-tland .pl-tlogo { animation: plTlBreath 6s ease-in-out .6s infinite; }
.tour-ov.pl-tour-1.pl-tland:not(.pl-tgo) .pl-tlogo { opacity: 1; }
/* живото лого — влиза с отскок, после частите му дишат сами (style.css: облак, балон, личице, очи) */
.tour-ov.pl-tour-1 .tour-balloon { display: none !important; }   /* балонът е в логото */
.pl-tlogo { width: min(270px, 70vw); margin: -6px auto 2px; transform-origin: 50% 70%; }
/* логото следва и височината: 844 → 270 px · 667 → 213 · 568 → 182 · хоризонтално 375 → 120 (svh — без лентата на браузъра) */
.pl-tlogo { width: min(270px, 70vw, 32vh); width: min(270px, 70vw, 32svh); }
.tour-ov.pl-tgo .pl-tlogo {
  animation: plTlIn 1.15s cubic-bezier(.3, 1.5, .55, 1) .12s both, plTlBreath 6s ease-in-out 1.4s infinite; }
.pl-tlogo-svg { width: 100%; height: auto; display: block; overflow: visible; }
@keyframes plTlIn {
  0% { opacity: 0; transform: translate3d(0, -46px, 0) scale(.62) rotate(-6deg); }
  55% { opacity: 1; transform: translate3d(0, 6px, 0) scale(1.06, .96) rotate(1.5deg); }   /* удар: сплескване */
  75% { transform: translate3d(0, -3px, 0) scale(.98, 1.03) rotate(-.6deg); }              /* отскок: разтягане */
  100% { opacity: 1; transform: none; }
}
@keyframes plTlBreath { 0%, 100% { transform: none; } 50% { transform: translate3d(0, -4px, 0) scale(1.012); } }
/* текстът изплува след логото; плочките изскачат по ред; бутонът влиза последен и диша */
.tour-ov.pl-tgo.pl-tour-1 .tour-card h3 { animation: plTUp .7s cubic-bezier(.2, .9, .3, 1) .45s both; }
.tour-ov.pl-tgo.pl-tour-1 .tour-card p { animation: plTUp .7s cubic-bezier(.2, .9, .3, 1) .6s both; }
.tour-ov.pl-tgo.pl-tour-1 .pl-tt-i { animation: plTPop .65s cubic-bezier(.34, 1.6, .64, 1) both; }
.tour-ov.pl-tour-1 .pl-tt-i:nth-child(1) { animation-delay: .78s; }
.tour-ov.pl-tour-1 .pl-tt-i:nth-child(2) { animation-delay: .9s; }
.tour-ov.pl-tour-1 .pl-tt-i:nth-child(3) { animation-delay: 1.02s; }
.tour-ov.pl-tgo.pl-tour-1 .tour-dots { animation: plTUp .5s ease 1.1s both; }
.tour-ov.pl-tour-1 .tour-next { position: relative; }
.tour-ov.pl-tgo.pl-tour-1 .tour-next { animation: plTUp .6s cubic-bezier(.2, .9, .3, 1) 1.18s both; }
/* кацнало от стартовия екран — логото вече е там, отскокът не се играе: текстът тръгва веднага след него
   (запис nach24d: иначе логото стоеше само ~1 s) */
.tour-ov.pl-tgo.pl-tland.pl-tour-1 .tour-card h3 { animation-delay: .05s; }
.tour-ov.pl-tgo.pl-tland.pl-tour-1 .tour-card p { animation-delay: .2s; }
.tour-ov.pl-tland.pl-tour-1 .pl-tt-i:nth-child(1) { animation-delay: .36s; }
.tour-ov.pl-tland.pl-tour-1 .pl-tt-i:nth-child(2) { animation-delay: .48s; }
.tour-ov.pl-tland.pl-tour-1 .pl-tt-i:nth-child(3) { animation-delay: .6s; }
.tour-ov.pl-tgo.pl-tland.pl-tour-1 .tour-dots { animation-delay: .7s; }
.tour-ov.pl-tgo.pl-tland.pl-tour-1 .tour-next { animation-delay: .76s; }
.tour-ov.pl-tour-1 .tour-next::after { content: ''; position: absolute; inset: -4px; border-radius: inherit; pointer-events: none;
  box-shadow: 0 0 0 0 rgba(229, 109, 153, .45), 0 0 24px 4px rgba(229, 109, 153, .35); opacity: 0; animation: plTGlow 3s ease-in-out 2s infinite; }
/* докато стартовият екран е отгоре — подготвеният кадър (пуснат е само с клас от premium-home.js) */
.tour-ov.pl-tour-1:not(.pl-tgo) .pl-tlogo, .tour-ov.pl-tour-1:not(.pl-tgo) .tour-card h3, .tour-ov.pl-tour-1:not(.pl-tgo) .tour-card p,
.tour-ov.pl-tour-1:not(.pl-tgo) .pl-tt-i, .tour-ov.pl-tour-1:not(.pl-tgo) .tour-dots, .tour-ov.pl-tour-1:not(.pl-tgo) .tour-next { opacity: 0; }
/* крайният кадър — наложен (js: .pl-tdone 2,6 s след старта), каквото и да е станало с анимациите */
.tour-ov.pl-tdone.pl-tour-1 .tour-card h3, .tour-ov.pl-tdone.pl-tour-1 .tour-card p, .tour-ov.pl-tdone.pl-tour-1 .pl-tt-i,
.tour-ov.pl-tdone.pl-tour-1 .tour-dots, .tour-ov.pl-tdone.pl-tour-1 .tour-next { opacity: 1 !important; animation: none !important; }
/* (преглед 24.10: беше и transform:none !important — изяждаше потъването на „Напред“ при натиск, pl-ui.css :active;
   animation:none стига, за да падне анимираният transform) */
.tour-ov.pl-tdone .pl-tlogo { opacity: 1 !important; animation: plTlBreath 6s ease-in-out infinite !important; }
@keyframes plTUp { from { opacity: 0; transform: translate3d(0, 14px, 0); } to { opacity: 1; transform: none; } }
@keyframes plTPop { 0% { opacity: 0; transform: scale(.55) translate3d(0, 12px, 0); } 70% { opacity: 1; transform: scale(1.06); } 100% { opacity: 1; transform: none; } }
@keyframes plTGlow { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
html[data-theme="dark"] .pl-ts-c { background: #e9e4f6; box-shadow: 16px -12px 0 6px #e9e4f6, 38px -6px 0 2px #e9e4f6; opacity: .22; }
html[data-theme="dark"] .pl-ts-a { opacity: .35; }
@media (prefers-reduced-motion: reduce) {
  .pl-tsky *, .pl-tlogo, .tour-ov.pl-tour-1 .tour-card h3, .tour-ov.pl-tour-1 .tour-card p, .tour-ov.pl-tour-1 .pl-tt-i,
  .tour-ov.pl-tour-1 .tour-dots, .tour-ov.pl-tour-1 .tour-next, .tour-ov.pl-tour-1 .tour-next::after { animation: none !important; }
  .pl-ts-s { opacity: .55; } .pl-ts-c { display: none; }
  .tour-ov.pl-tour-1 .pl-tlogo, .tour-ov.pl-tour-1 .tour-card h3, .tour-ov.pl-tour-1 .tour-card p, .tour-ov.pl-tour-1 .pl-tt-i,
  .tour-ov.pl-tour-1 .tour-dots, .tour-ov.pl-tour-1 .tour-next { opacity: 1 !important; }
  /* преглед 24.10: .pl-tdone пускаше вечното дишане с !important (0,3,0) и биеше тихия режим — тук същата тежест, по-късно */
  .tour-ov.pl-tdone .pl-tlogo { animation: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   🖼️ БАНЕРЪТ НА СТАЯТА (js/premium-rooms.js) — рисунка отдясно, серифно заглавие
   отляво върху мека светлина, като в референциите („Светът е за откриване“…).
   ═══════════════════════════════════════════════════════════════════════════ */
/* 🪤 22.09: #roRoom е flex контейнер с фиксирана височина — без flex:none банерът се свиваше до 2px. */
.pl-rhero {
  position: relative; flex: none; height: 178px; min-height: 178px; margin: 2px 0 0;
  border-radius: 24px; overflow: hidden;
  border: 1px solid var(--pl-line); box-shadow: var(--pl-shadow);
  background: var(--pl-cream-2);
}
.pl-rhero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 72% 50%; }
.pl-rhero::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  /* по-плътна до средата: две от рисунките имат мек шев точно на 50% (мерено на снимка) */
  background: linear-gradient(90deg, rgba(255, 250, 244, .95) 0, rgba(255, 250, 244, .86) 44%, rgba(255, 250, 244, .45) 58%, rgba(255, 250, 244, 0) 74%);
}
.pl-rhero-t {
  position: absolute; z-index: 1; left: 18px; top: 0; bottom: 0; right: 40%;
  display: flex; flex-direction: column; justify-content: center; gap: 7px;
}
.pl-rhero-t b { font-family: var(--pl-serif); font-weight: 700; font-size: 24px; line-height: 1.08; color: var(--pl-navy); letter-spacing: -.3px; hyphens: none; }
.pl-rhero-t b i { font-style: normal; font-weight: 400; color: var(--pl-pink); }
.pl-rhero-t span { font-size: 13.5px; font-weight: 700; line-height: 1.3; color: var(--pl-ink); }
html[data-theme="dark"] .pl-rhero { border-color: rgba(255, 255, 255, .1); }
html[data-theme="dark"] .pl-rhero img { filter: brightness(.62) saturate(.9); }
html[data-theme="dark"] .pl-rhero::after { background: linear-gradient(90deg, rgba(22, 32, 74, .92) 0, rgba(22, 32, 74, .6) 42%, rgba(22, 32, 74, 0) 68%); }
html[data-theme="dark"] .pl-rhero-t b { color: #fff; }
html[data-theme="dark"] .pl-rhero-t span { color: #e3e5f5; }

/* ═══ НОЩЕН РЕЖИМ — същият свят, нощно синьо (референцията за съня) ═══ */
html[data-theme="dark"] #plHome { background: linear-gradient(180deg, transparent 0, #16204a 58%); color: #e8e9f5; }
/* 🌙 нощта има СВОЯ рисунка (синьо небе, луна, креватче) — не затъмнена дневна.
   Скриптът сменя src според темата; филтърът остава само ако нощната още не е заредена. */
html[data-theme="dark"] .pl-hero-art:not(.is-night) { filter: brightness(.5) saturate(.8) hue-rotate(200deg); }
html[data-theme="dark"] .pl-hero::after {
  background:
    radial-gradient(120% 70% at 0% 0%, rgba(22, 32, 74, .85) 0, rgba(22, 32, 74, .45) 40%, transparent 64%),
    linear-gradient(180deg, transparent 70%, rgba(22, 32, 74, .96) 100%);
}
html[data-theme="dark"] .pl-hero h1, html[data-theme="dark"] .pl-card-h, html[data-theme="dark"] .pl-h2 { color: #fff; }
html[data-theme="dark"] .pl-hero p { color: #e4e6f5; }
html[data-theme="dark"] .pl-baby, html[data-theme="dark"] .pl-card, html[data-theme="dark"] .pl-mira {
  background: rgba(35, 47, 99, .9); border-color: rgba(255, 255, 255, .12); color: #fff;
}
html[data-theme="dark"] .pl-baby small, html[data-theme="dark"] .pl-mira small, html[data-theme="dark"] .pl-day-it span { color: #c9cbe3; }
html[data-theme="dark"] .pl-day-it, html[data-theme="dark"] .pl-mira b, html[data-theme="dark"] .pl-day-it span.on { color: #fff; }
html[data-theme="dark"] .pl-day-t b { color: #fff; }
html[data-theme="dark"] .pl-day-it:not(.on) .pl-day-t b { color: var(--pl-pink-2); }
html[data-theme="dark"] .pl-day-t small, html[data-theme="dark"] .pl-card-h .pl-all { color: #c9cbe3; }
html[data-theme="dark"] .pl-art-av, html[data-theme="dark"] .pl-mira > i.pl-mira-av, html[data-theme="dark"] .pl-card-h .pl-sun { background-color: #fff; background-blend-mode: normal; }
html[data-theme="dark"] .pl-day-it.t-feed { background: rgba(229, 109, 153, .22); }
html[data-theme="dark"] .pl-day-it.t-sleep { background: rgba(120, 160, 240, .22); }
html[data-theme="dark"] .pl-day-it.t-diaper { background: rgba(110, 200, 160, .2); }
html[data-theme="dark"] .pl-shelf { background: linear-gradient(180deg, #232f63, #1b2654); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .08); }
html[data-theme="dark"] .pl-room span { background: #2a376f; color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }

/* ═══════════════════════════════════════════════════════════════════════════
   🌙 ТАЙМЕРЪТ ЗА СЪН — референцията със съня: голям мек кръг над бутона в „Сънят днес“
   (premium-rooms.js го слага; данните са същите като на картата). Лилаво = спи, топло = будно.
   ═══════════════════════════════════════════════════════════════════════════ */
.pl-sleepring { position: relative; width: 172px; height: 172px; margin: 8px auto 14px; }
.pl-sleepring svg { width: 100%; height: 100%; transform: rotate(-90deg); display: block; }
.pl-sr-bg { fill: none; stroke: #efe7f8; stroke-width: 9; }
.pl-sr-fg { fill: none; stroke: #b9a7e6; stroke-width: 9; stroke-linecap: round; stroke-dasharray: 0 100; transition: stroke-dasharray .6s ease; }
.pl-sleepring[data-s="спи"] .pl-sr-fg { stroke: #8f7ae0; }
.pl-sleepring[data-s="будно"] .pl-sr-fg { stroke: #f3a95f; }
.pl-sr-in {
  position: absolute; inset: 16px; border-radius: 50%;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  background: radial-gradient(circle at 50% 30%, #fff 0, #f7f2ff 100%); box-shadow: inset 0 0 0 1px #ece3f7, 0 6px 16px rgba(143, 122, 224, .12);
}
.pl-sr-in i { width: 46px; height: 46px; background: url(../img/art/ico-a.webp) 33.333% 33.333% / 400% 400% no-repeat; mix-blend-mode: multiply; }
.pl-sleepring[data-s="будно"] .pl-sr-in i { background-image: url(../img/art/ico-b.webp); background-position: 33.333% 66.667%; }
.pl-sr-in b { font-family: Nunito, Nunito-fallback, system-ui, sans-serif; font-variant-numeric: tabular-nums; font-weight: 800; font-size: 30px;   /* не Georgia: 0 се чете като „о“ */ line-height: 1; color: var(--pl-navy); }
.pl-sr-in span { max-width: 112px; font-size: 12.5px; font-weight: 800; line-height: 1.2; text-align: center; color: var(--pl-ink-soft); }
.pl-sleepring ~ .jr-btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; font-size: 18px !important; }
.pl-sleepring ~ .jr-btn:not(.running) { background: linear-gradient(180deg, #a497e8, #7a6cd3) !important; box-shadow: 0 8px 18px rgba(122, 108, 211, .32), inset 0 1px 0 rgba(255, 255, 255, .35) !important; }
html[data-theme="dark"] .pl-sr-bg { stroke: rgba(255, 255, 255, .12); }
html[data-theme="dark"] .pl-sr-in { background: radial-gradient(circle at 50% 30%, rgba(255, 255, 255, .10), rgba(255, 255, 255, .04)); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); }
html[data-theme="dark"] .pl-sr-in i { mix-blend-mode: normal; border-radius: 50%; background-color: #fff; }
html[data-theme="dark"] .pl-sr-in b { color: #fff; }
html[data-theme="dark"] .pl-sr-in span { color: #c9cbe3; }
/* ═══════════════════════════════════════════════════════════════════════════
   🌟 ПЪРВИТЕ ПЪТИ — референцията „Първите пъти остават“: 7-те реда стават плочки с плюшена
   рисунка; с дата плочката става златна. Полето за дата е старото (проверките са в rooms2.js).
   ═══════════════════════════════════════════════════════════════════════════ */
.dv-firsts[data-pl] { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; }
.dv-firsts[data-pl] .dv-firstrow {
  display: flex !important; flex-direction: column; align-items: center; justify-content: flex-start; gap: 7px;
  margin: 0 !important; padding: 14px 8px 12px !important; border-radius: 20px !important; text-align: center;
  background: #fffaf6 !important; border: 1.5px dashed #ecd9cb !important; box-shadow: none !important;
}
.dv-firsts[data-pl] .dv-firstrow:last-child:nth-child(odd) { grid-column: 1 / -1; }
.pl-fi {
  flex: none; width: 66px; height: 66px; border-radius: 50%; display: grid; place-items: center; font-size: 30px;
  background-color: var(--pl-lilac); background-repeat: no-repeat; background-size: 400% 400%; background-blend-mode: multiply;
}
.dv-firsts[data-pl] .dv-firstlbl { font-size: 14px !important; font-weight: 800 !important; color: var(--pl-navy) !important; line-height: 1.2; }
.dv-firsts[data-pl] input.jr-word {
  width: 100% !important; max-width: 158px; min-height: 40px !important; margin: 0 !important; padding: 0 10px !important;
  border-radius: 999px !important; font-size: 13px !important; text-align: center; color: var(--pl-ink-soft) !important;
}
.dv-firsts[data-pl] .dv-firstrow.pl-done {
  background: linear-gradient(180deg, #fffaf0 0, #fff2d6 100%) !important; border: 1.5px solid #f0d289 !important;
  box-shadow: 0 6px 16px rgba(214, 170, 70, .18) !important;
}
.dv-firstrow.pl-done .pl-fi { background-color: #ffeec4; box-shadow: 0 0 0 3px #f6dc97; }
.dv-firsts[data-pl] .dv-firstrow.pl-done input.jr-word { color: #8a5d0c !important; border-color: #f0d289 !important; font-weight: 800 !important; background: #fffdf6 !important; }
html[data-theme="dark"] .dv-firsts[data-pl] .dv-firstrow { background: rgba(255, 255, 255, .05) !important; border-color: rgba(255, 255, 255, .16) !important; }
html[data-theme="dark"] .dv-firsts[data-pl] .dv-firstlbl { color: #fff !important; }
html[data-theme="dark"] .pl-fi { background-color: #efe8fb; }
html[data-theme="dark"] .dv-firsts[data-pl] .dv-firstrow.pl-done { background: rgba(240, 210, 137, .14) !important; border-color: rgba(240, 210, 137, .55) !important; }
/* ═══ НОЩ В СТАЯТА — същото нощно синьо като началото (21:00–7:00 приложението минава само)
   Досега стаите нощем бяха със старата сива глава и сцена зад нея — мерено на снимка. ═══ */
html[data-theme="dark"] #roomOverlay .ro-panel { background: linear-gradient(180deg, #1a2452 0, #16204a 45%, #131b40 100%) !important; }
html[data-theme="dark"] #roomOverlay .ro-head {
  background: linear-gradient(180deg, #1e2a5c, #19234f) !important; border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}
html[data-theme="dark"] #roomOverlay .ro-name { font-family: var(--pl-serif) !important; font-weight: 700 !important; font-size: 25px !important; color: #fff !important; }
html[data-theme="dark"] #roomOverlay .ro-sub { font-size: 12.5px !important; color: #c9cbe3 !important; margin-top: 2px; }
html[data-theme="dark"] #roomOverlay .ro-head .ro-nav { background: rgba(255, 255, 255, .08) !important; border: 1px solid rgba(255, 255, 255, .14) !important; color: #fff !important; box-shadow: none !important; }
html[data-theme="dark"] #roomOverlay #roAvatar { box-shadow: 0 0 0 3px rgba(255, 255, 255, .85), 0 6px 16px rgba(0, 0, 0, .3) !important; }
html[data-theme="dark"] #roTabs { background: rgba(35, 47, 99, .92) !important; border: 1px solid rgba(255, 255, 255, .1) !important; border-radius: 999px !important; box-shadow: 0 6px 18px rgba(0, 0, 0, .25) !important; }
html[data-theme="dark"] #roTabs .st-seg { color: #c9cbe3 !important; font-weight: 800 !important; border-radius: 999px !important; min-height: 44px; background: transparent !important; }
html[data-theme="dark"] #roTabs .st-seg.on { background: rgba(229, 109, 153, .24) !important; color: #ffd6e5 !important; box-shadow: inset 0 0 0 1.5px rgba(245, 156, 187, .45) !important; }
html[data-theme="dark"] #roTabs .st-map { background: rgba(255, 255, 255, .08) !important; border: 1px solid rgba(255, 255, 255, .14) !important; color: #fff; }
html[data-theme="dark"] #roRoom .sec-head { font-family: var(--pl-serif) !important; font-size: 20px !important; font-weight: 700 !important; color: #fff !important; margin-top: 18px !important; }
html[data-theme="dark"] #roomOverlay .jr-card { background: rgba(35, 47, 99, .92) !important; border: 1px solid rgba(255, 255, 255, .10) !important; border-radius: var(--pl-radius) !important; box-shadow: 0 8px 22px rgba(0, 0, 0, .25) !important; }
html[data-theme="dark"] #roomOverlay .jr-card::before { background: none !important; box-shadow: none !important; }
html[data-theme="dark"] #roomOverlay .jr-card .jr-title { font-family: var(--pl-serif) !important; font-weight: 700 !important; color: #fff !important; }
html[data-theme="dark"] #roomOverlay .ask-send, html[data-theme="dark"] #roForm button:last-child:not(#roMic) { background: linear-gradient(180deg, var(--pl-pink-2), var(--pl-pink)) !important; color: #fff !important; border: 0 !important; }
@media (prefers-reduced-motion: reduce) {
  .pl-baby, .pl-day-it, .pl-cta, .pl-room { transition: none; }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   🎬 СЦЕНИТЕ — „точно като референциите“ (собственикът, 22.09: „това е плоско; каквото е
   на референцията, това трябва да стане“). Всеки екран на референциите е ЦЯЛА 3D сцена —
   бебето-герой, стаята, играчките, килимът — а панелите лежат ОТГОРЕ. Сцените тук са
   самите референции без интерфейса (Gemini 2.5 Flash „махни панелите, остави сцената“),
   img/scene/<екран>.webp, ~60–100 КБ. Сцената е неподвижна, съдържанието се плъзга над нея.
   Панелите стават филц с пунктирен шев, стаите — шкаф с рафтове.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── началото: сцената зад цялата страница ── */
html.pl-on { background: #f6ede3; }
html.pl-on body, html.pl-on:not([data-theme="dark"]) body { background: transparent !important; }
#plScene {
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: #f6ede3 url(../img/scene/nachalo.webp) 50% 0 / cover no-repeat;
}
/* ☀️ 06.10 светлината от прозореца (premium-home.js, „светлината“) — над нощното було, под всичко друго.
   ПЪТ НАЗАД: махни този ред заедно с блока в premium-home.js. */
#plScene .pl-hero-svetlina { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; mix-blend-mode: screen; }
html.pl-on .sky { display: none !important; }            /* старото небе с петна — сцената го замества */
html.pl-on #plHome { background: transparent; }
html.pl-on .pl-hero { min-height: 312px; border-radius: 0; overflow: visible; }
html.pl-on .pl-hero-art { display: none; }                /* героят вече е сцената */
html.pl-on .pl-hero::after { background: radial-gradient(70% 60% at 18% 30%, rgba(255, 250, 244, .82) 0, rgba(255, 250, 244, .35) 55%, transparent 75%); }
html.pl-on .pl-hero-txt { padding-top: calc(env(safe-area-inset-top, 0px) + 44px); max-width: 76%; }
html.pl-on .pl-hero h1 { font-size: clamp(34px, 9.6vw, 40px); }
html.pl-on .mascot { display: none !important; }   /* сцената вече има балон; талисманът застъпваше бебето */
html.pl-on .pl-hero h1 { text-shadow: 0 1px 0 #fff, 0 0 18px rgba(255, 250, 244, .9); }
html.pl-on .pl-hero p { text-shadow: 0 0 12px rgba(255, 250, 244, .95); }
html.pl-on .pl-baby { bottom: 6px; }

/* ── филцът с шева: панелите на референциите ── */
html.pl-on .pl-card, html.pl-on .pl-mira,
html body #roomOverlay .ro-panel .jr-card, html body #roomOverlay .ro-panel .ask-card {
  position: relative;
  background: linear-gradient(180deg, rgba(255, 251, 245, .97) 0, rgba(253, 245, 236, .97) 100%) !important;
  border: 1px solid rgba(214, 186, 158, .55) !important;
  border-radius: 26px !important;
  box-shadow: 0 16px 34px rgba(110, 76, 52, .20), 0 3px 8px rgba(110, 76, 52, .10), inset 0 2px 0 rgba(255, 255, 255, .9) !important;
}
html.pl-on .pl-card::after, html.pl-on .pl-mira::after,
html body #roomOverlay .ro-panel .jr-card::after, html body #roomOverlay .ro-panel .ask-card::after {
  content: ''; position: absolute; inset: 6px; width: auto; height: auto; border-radius: 21px; pointer-events: none;
  border: 1.5px dashed rgba(196, 160, 124, .55); background: none;
  opacity: 1 !important; animation: none !important; transform: none !important;   /* anim.css ползва ::after за проблясък с opacity 0 */
}

/* ── „Влез в своята стая“: шкаф с рафтове (реф. 20) ── */
html.pl-on .pl-h2 { margin: 22px 16px -8px; position: relative; z-index: 2; }
html.pl-on .pl-h2 { justify-self: center; }
html.pl-on .pl-shelf {
  position: relative; margin: 0 12px; padding: 26px 12px 16px;
  border-radius: 30px 30px 22px 22px;
  background: linear-gradient(180deg, #fbf3e8 0, #f4e6d4 100%);
  border: 1px solid rgba(206, 172, 136, .6);
  box-shadow: 0 18px 36px rgba(110, 76, 52, .22), inset 0 0 0 5px #fffaf3, inset 0 0 0 7px rgba(214, 186, 158, .55);
}
html.pl-on .pl-rooms { gap: 22px 8px; position: relative; z-index: 0; }   /* свой слой — лавиците (z −1) да са над фона на шкафа */
html.pl-on .pl-room { min-height: 124px; }
html.pl-on .pl-room::after {                                 /* дървената лавица под всеки ред */
  content: ''; position: absolute; left: -8px; right: -8px; bottom: -12px; height: 9px; z-index: -1;
  border-radius: 3px; background: linear-gradient(180deg, #f1dcc0 0, #dfc2a0 100%);
  box-shadow: 0 3px 5px rgba(110, 76, 52, .22);
}
html.pl-on .pl-arch { height: 100px; box-shadow: inset 0 0 0 4px rgba(255, 255, 255, .95), inset 0 -10px 18px rgba(110, 76, 52, .10), 0 4px 10px rgba(110, 76, 52, .14); }
html.pl-on .pl-room > span:not(.pl-arch) { background: #fffaf3; box-shadow: 0 3px 8px rgba(110, 76, 52, .18), inset 0 0 0 1.5px #ecd7bd; font-family: var(--pl-serif); font-weight: 700; font-size: 13px; }

/* ── стаите: сцената зад цялата стая ── */
/* 🪤 22.09: без втория клас губеше от старото `html:not([data-theme]) #roomOverlay .ro-panel { background: … !important }` (1,2,1) —
   размерът падаше на auto и сцената излизаше в естествен размер 720×1260 (бебето огромно). */
html body #roomOverlay .ro-panel.ro-panel { background-color: #f6ede3 !important; background-position: 50% 0 !important; background-size: cover !important; background-repeat: no-repeat !important; }
html body #roomOverlay .ro-panel.ro-green  { background-image: url(../img/scene/zdrave.webp) !important; }
html body #roomOverlay .ro-panel.ro-sky    { background-image: url(../img/scene/bebe.webp) !important; }
html body #roomOverlay .ro-panel.ro-peach  { background-image: url(../img/scene/bremennost.webp) !important; }
html body #roomOverlay .ro-panel.ro-carrot { background-image: url(../img/scene/hranene.webp) !important; }
html body #roomOverlay .ro-panel.ro-sun    { background-image: url(../img/scene/igri.webp) !important; }
html body #roomOverlay .ro-panel.ro-mint   { background-image: url(../img/scene/instrumenti.webp) !important; }
html body #roomOverlay .ro-panel.ro-rose   { background-image: url(../img/scene/zamama.webp) !important; }
html body #roomOverlay .ro-panel.ro-lav    { background-image: url(../img/scene/dnevnik.webp) !important; }
html body #roomOverlay .ro-panel.ro-cork   { background-image: url(../img/scene/lab.webp) !important; }
html body #roomOverlay .ro-panel .ro-head { background: transparent !important; border-bottom: 0 !important; box-shadow: none !important; }
html body #roomOverlay .ro-panel .ro-head #roAvatar, html body #roomOverlay .ro-panel .ro-head .ro-who { visibility: hidden; }
html body #roomOverlay .ro-panel .ro-head .ro-nav { background: rgba(255, 252, 247, .86) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
html body #roomOverlay .ro-panel #roTabs { background: rgba(255, 250, 244, .84) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
html body #roomOverlay .ro-panel #roRoom, html body #roomOverlay .ro-panel #roArticles, html body #roomOverlay .ro-panel #roChatWrap { background: transparent !important; }
/* табовете се качват в реда на главата (между ← и SOS) — иначе главата + табовете заемаха горните
   200 px и закриваха лицето на героя; в референциите горе има само малки бутони */
html body #roomOverlay .ro-panel #roTabs {
  position: absolute !important; z-index: 6; top: calc(env(safe-area-inset-top, 0px) + 20px); left: 62px; right: 128px;
  margin: 0 !important; padding: 3px !important; min-height: 0 !important; height: 52px; border-radius: 999px !important;
  display: flex; align-items: center; gap: 2px; box-shadow: 0 6px 16px rgba(110, 76, 52, .18) !important;
}
html body #roomOverlay .ro-panel #roTabs .st-segs { flex: 1 1 auto; gap: 2px; min-width: 0; }
html body #roomOverlay .ro-panel #roTabs .st-seg { min-height: 46px !important; padding: 3px 2px !important; min-width: 0; }
html body #roomOverlay .ro-panel #roTabs .st-n { font-size: 10.5px !important; }
html body #roomOverlay .ro-panel #roTabs .st-e { width: 18px !important; height: 18px !important; margin-bottom: 1px !important; }
html body #roomOverlay .ro-panel #roTabs .st-map { width: 44px !important; height: 44px !important; min-width: 44px !important; flex: none; }
html body #roomOverlay .ro-panel #roTabs .st-map::before { width: 18px; height: 18px; }
html body #roomOverlay .ro-panel #roTabs .st-dot { transform: scale(.8); transform-origin: top right; }
/* банерът става „сцена“: без картинка и без карта — само заглавието върху стаята */
.pl-rhero { height: 236px !important; min-height: 236px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }
/* 29.09: банерът получава СВОЯТА плюшена сцена (img/art/stai/banner_*.webp — генерирана
   по референцията). Показваме само дясната ѝ половина, меко маскирана, за да седне като
   лавица с играчки пред стаята; заглавната плочка остава отляво. Картата (::after) остава скрита.
   ПЪТ НАЗАД: върни реда . */
.pl-rhero::after { display: none !important; }
.pl-rhero img {
  display: block !important;
  position: absolute !important; inset: auto 0 0 auto !important;
  width: 64% !important; height: 100% !important;
  object-fit: cover; object-position: 78% 50%;
  /* 🪤 МЕРЕНО (ban_vid.png): маската гасеше само левия ръб — горният и десният режеха рязко.
     Сега гасне от четирите страни: сцената сяда в стаята, вместо да е залепена снимка. */
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 28%, #000 88%, transparent 100%), linear-gradient(180deg, transparent 0, #000 16%, #000 86%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 28%, #000 88%, transparent 100%), linear-gradient(180deg, transparent 0, #000 16%, #000 86%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
  filter: drop-shadow(0 10px 18px rgba(110, 76, 52, .18));
  pointer-events: none;
}
html[data-theme="dark"] .pl-rhero img { filter: brightness(.72) saturate(.92) drop-shadow(0 10px 18px rgba(0, 0, 0, .5)); }
/* реф. 15: заглавието е в кремава плочка от филц с шев, долу вляво — не върху лицето на героя
   (агентът за Здраве го хвана: текстът застъпваше бебето) */
.pl-rhero-t {
  left: 0 !important; right: auto !important; top: auto !important; bottom: 4px !important; max-width: 82%;
  padding: 16px 20px 13px !important; gap: 5px !important; border-radius: 30px 30px 30px 12px;
  background-color: rgba(255, 250, 243, .96); background-image: url(../img/art/felt.webp); background-size: 160px 160px; background-blend-mode: multiply;
  border: 1px solid rgba(214, 186, 158, .65);
  box-shadow: 0 12px 26px rgba(110, 76, 52, .20), inset 0 2px 0 rgba(255, 255, 255, .9);
  outline: 1.5px dashed rgba(196, 160, 124, .55); outline-offset: -7px;
}
/* визитките на екраните (pl-bebe, pl-igri) се качваха с −30px върху банера — сега долу на банера е плочката */
#roRoom .pl-rhero + .pl-bb > .pl-bb-id, #roRoom .pl-rhero + .pl-ig { margin-top: 12px !important; }
.pl-rhero-t::before { content: '♥'; position: absolute; top: -13px; left: 26px; font-size: 22px; line-height: 1; color: #e56d99; text-shadow: 0 2px 0 #c8457a, 0 4px 8px rgba(200, 69, 122, .3); }
.pl-rhero-t b { font-size: 27px !important; line-height: 1.05 !important; text-shadow: none; }
.pl-rhero-t span { text-shadow: none; font-size: 14px !important; }
html[data-theme="dark"] .pl-rhero-t { background-color: rgba(38, 51, 107, .95); border-color: rgba(255, 255, 255, .14); outline-color: rgba(255, 255, 255, .22); box-shadow: 0 12px 26px rgba(0, 0, 0, .35); }

/* ── нощем: същата сцена под нощно синьо було ── */
html[data-theme="dark"] #plScene::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14, 22, 58, .62) 0, rgba(14, 22, 58, .78) 100%); }
html[data-theme="dark"] body #roomOverlay .ro-panel { background-blend-mode: multiply; background-color: #3a4580 !important; }
html[data-theme="dark"] .pl-rhero-t b, html[data-theme="dark"] .pl-rhero-t span, html[data-theme="dark"].pl-on .pl-hero h1, html[data-theme="dark"].pl-on .pl-hero p { text-shadow: 0 0 14px rgba(10, 16, 44, .95), 0 0 28px rgba(10, 16, 44, .8); }
html[data-theme="dark"].pl-on .pl-hero::after { background: radial-gradient(70% 60% at 18% 30%, rgba(14, 22, 58, .7) 0, transparent 75%); }
html[data-theme="dark"] .pl-card, html[data-theme="dark"] .pl-mira, html[data-theme="dark"] body #roomOverlay .ro-panel .jr-card, html[data-theme="dark"] body #roomOverlay .ro-panel .ask-card { background: rgba(31, 43, 92, .95) !important; border-color: rgba(255, 255, 255, .14) !important; }
html[data-theme="dark"] .pl-card::after, html[data-theme="dark"] .pl-mira::after, html[data-theme="dark"] body #roomOverlay .ro-panel .jr-card::after, html[data-theme="dark"] body #roomOverlay .ro-panel .ask-card::after { border-color: rgba(255, 255, 255, .22); }
html[data-theme="dark"].pl-on .pl-shelf { background: linear-gradient(180deg, #26336b, #1d2856); border-color: rgba(255, 255, 255, .14); box-shadow: 0 18px 36px rgba(0, 0, 0, .35), inset 0 0 0 5px rgba(255, 255, 255, .05); }
html[data-theme="dark"].pl-on .pl-room::after { background: linear-gradient(180deg, #3a4680, #2c3770); }
html[data-theme="dark"].pl-on .pl-room > span:not(.pl-arch) { background: #2a376f; color: #fff; box-shadow: 0 3px 8px rgba(0, 0, 0, .3), inset 0 0 0 1.5px rgba(255, 255, 255, .16); }   /* нощем надписите бяха бели върху бяло */
/* 🌙 НОЩЕМ главата на сцената: дневното `html body #roomOverlay .ro-panel #roTabs` (светло хапче) биеше
   нощното правило — снимка 22.09: светли табове и бутони с бял текст, нечетими. Същата специфичност + тема. */
html[data-theme="dark"] body #roomOverlay .ro-panel #roTabs { background: rgba(27, 37, 84, .9) !important; border-color: rgba(255, 255, 255, .16) !important; box-shadow: 0 6px 16px rgba(0, 0, 0, .35) !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel #roTabs .st-seg { color: #d6d8ee !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel #roTabs .st-seg.on { background: rgba(229, 109, 153, .28) !important; color: #ffe1ec !important; }
html[data-theme="dark"] body #roomOverlay .ro-panel #roTabs .st-map { background: rgba(255, 255, 255, .10) !important; color: #fff; }
html[data-theme="dark"] body #roomOverlay .ro-panel .ro-head .ro-nav { background: rgba(27, 37, 84, .88) !important; border-color: rgba(255, 255, 255, .18) !important; color: #fff !important; }

/* ═══════════════════════════════════════════════════════════════════════════════
   📒 ВЪВЕДЕНИЕТО = РЕФЕРЕНЦИЯ 18 „Да се запознаем“ (22.09): сцената отзад (бебето с плетеното
   сърце — img/scene/profil.webp, самата референция без интерфейса), тефтер със синя платнена
   подвързия и шев, полета-капсули с иконка в пастелен кръг вляво, филцов избор, гел бутон.
   🪤 Старите правила тук са с #onbOverlay (1,2,1) — материалите от pl-ui.css губеха; затова (1,3,2)+.
   Лепкавият бутон (style.css:1453, 15.09) остава лепкав.
   ═══════════════════════════════════════════════════════════════════════════════ */
html body #onbOverlay.onb-overlay {
  background: #f6ede3 url(../img/scene/profil.webp) 50% 0 / cover no-repeat !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  align-items: flex-end !important; padding: 26vh 12px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
}
html body #onbOverlay .onb-card.onb-card {
  max-height: 100% !important; text-align: center; position: relative;
  background-color: #fffaf3 !important; background-image: var(--ui-felt) !important; background-size: 160px 160px !important; background-blend-mode: multiply !important;
  border: 10px solid #b9cdee !important; border-radius: 34px !important;
  box-shadow: 0 0 0 1.5px #9fb6df, inset 0 0 0 1.5px #e3d2c0, 0 22px 50px rgba(80, 60, 70, .30) !important;
  padding: 20px 18px 14px !important;
}
html body #onbOverlay .onb-ava { display: none !important; }
html body #onbOverlay .onb-card .onb-title { font-size: 30px !important; margin: 2px 0 6px !important; }
html body #onbOverlay .onb-card .onb-text { font-size: 14px !important; line-height: 1.5 !important; margin-bottom: 14px !important; color: var(--pl-ink) !important; }
html body #onbOverlay .onb-card .onb-lbl { display: block; text-align: left; margin: 12px 4px 6px !important; font-family: var(--pl-serif) !important; font-size: 15.5px !important; }
html body #onbOverlay .onb-card .onb-lbl-soft { font-family: Nunito, Nunito-fallback, sans-serif !important; font-size: 13px !important; color: #5d596f !important; }
html body #onbOverlay .onb-card #onbName {
  text-align: left !important; padding-left: 60px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d2a5c' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13.5' r='6.5'/%3E%3Ccircle cx='6.3' cy='7.3' r='2.4'/%3E%3Ccircle cx='17.7' cy='7.3' r='2.4'/%3E%3Cpath d='M10 13h.01M14 13h.01' stroke-width='2.6'/%3E%3Cpath d='M10.6 16.2c.8.6 2 .6 2.8 0'/%3E%3C/svg%3E"), radial-gradient(circle at 31px 50%, #dfeafb 0, #dfeafb 18px, transparent 18.6px) !important;
  background-repeat: no-repeat, no-repeat !important; background-position: 21px 50%, 0 0 !important; background-size: 20px 20px, 100% 100% !important;
}
html body #onbOverlay .onb-card #onbDate {
  text-align: left !important; padding-left: 60px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d2a5c' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4M8 14h.01M12 14h.01M16 14h.01M8 17.3h.01M12 17.3h.01' /%3E%3C/svg%3E"), radial-gradient(circle at 31px 50%, #fde6ef 0, #fde6ef 18px, transparent 18.6px) !important;
  background-repeat: no-repeat, no-repeat !important; background-position: 21px 50%, 0 0 !important; background-size: 20px 20px, 100% 100% !important;
}
html body #onbOverlay .onb-card #onbPreterm {
  text-align: left !important; padding-left: 60px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d2a5c' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.3-8.8-8.4C1.9 8.4 3.8 4.8 7.2 4.8c2 0 3.4 1.1 4.8 2.9 1.4-1.8 2.8-2.9 4.8-2.9 3.4 0 5.3 3.6 4 6.8C19 15.7 12 20 12 20z'/%3E%3C/svg%3E"), radial-gradient(circle at 31px 50%, #fde6ef 0, #fde6ef 18px, transparent 18.6px) !important;
  background-repeat: no-repeat, no-repeat !important; background-position: 21px 50%, 0 0 !important; background-size: 20px 20px, 100% 100% !important;
}
html body #onbOverlay .onb-card #onbMeDate {
  text-align: left !important; padding-left: 60px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d2a5c' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 21a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E"), radial-gradient(circle at 31px 50%, #ece4f8 0, #ece4f8 18px, transparent 18.6px) !important;
  background-repeat: no-repeat, no-repeat !important; background-position: 21px 50%, 0 0 !important; background-size: 20px 20px, 100% 100% !important;
}
html body #onbOverlay .onb-card .onb-sexbtn.onb-sexbtn {
  background-color: #fffaf3 !important; background-image: var(--ui-felt) !important; background-size: 160px 160px !important; background-blend-mode: multiply !important;
  border: 1.5px solid var(--ui-edge) !important; color: var(--pl-navy) !important; border-radius: 18px !important;
  box-shadow: inset 0 1px 0 #fff, 0 2px 0 var(--ui-edge-2), 0 5px 12px rgba(110, 76, 52, .10) !important;
}
html body #onbOverlay .onb-card .onb-sexbtn.onb-sexbtn.on {
  background-color: var(--ui-pick) !important; border-color: var(--ui-pick-edge) !important; color: var(--ui-pick-ink) !important;
  box-shadow: inset 0 0 0 3px var(--ui-pick), inset 0 0 0 4.5px rgba(217, 90, 142, .35), 0 2px 0 #e7a0bd !important;
}
html body #onbOverlay .onb-card #onbSkip { margin-top: 6px; }
/* нощем — същата сцена под нощно синьо було, тефтерът е тъмносин филц */
html[data-theme="dark"] body #onbOverlay.onb-overlay { background-color: #16204a !important; background-blend-mode: multiply !important; }
html[data-theme="dark"] body #onbOverlay .onb-card.onb-card { background-color: #26336b !important; border-color: #3a4a8a !important; box-shadow: 0 0 0 1.5px #52629e, 0 22px 50px rgba(0, 0, 0, .45) !important; }
html[data-theme="dark"] body #onbOverlay .onb-card .onb-title, html[data-theme="dark"] body #onbOverlay .onb-card .onb-lbl { color: #fff !important; }
html[data-theme="dark"] body #onbOverlay .onb-card .onb-text, html[data-theme="dark"] body #onbOverlay .onb-card .onb-lbl-soft { color: #d6d8ee !important; }
html[data-theme="dark"] body #onbOverlay .onb-card .onb-sexbtn.onb-sexbtn { background-color: #2b3872 !important; border-color: rgba(255, 255, 255, .16) !important; color: #f1f2fb !important; box-shadow: 0 2px 0 #18214a !important; }
html[data-theme="dark"] body #onbOverlay .onb-card .onb-sexbtn.onb-sexbtn.on { background-color: #5a2c55 !important; border-color: rgba(245, 156, 187, .6) !important; color: #ffe1ec !important; }

/* ═══ 📅 ЛЕНТАТА НА ДЕНЯ (реф. 20) — часовете на днешните записи, свързани с пунктир ═══
   js/premium-home.js:лентата(). Рисува се само когато ИМА записи; иначе остават трите „+“.
   Цифрите са Nunito (Georgia пише старинни цифри — „0“ се чете „о“). */
#plHome .pl-line { display: flex; align-items: center; gap: 4px; margin: 2px 0 12px; }
#plHome .pl-line[hidden] { display: none; }
#plHome .pl-li {
  flex: 1 1 0; min-width: 0; display: flex; align-items: center; gap: 6px; padding: 7px 7px;
  background: #fffdf9; border: 1px solid #f1e4d9; border-radius: 18px;
  box-shadow: inset 0 1px 0 #fff, 0 3px 8px rgba(110, 76, 52, .10);
}
#plHome .pl-li .pl-art {
  flex: none; width: 28px; height: 28px; border-radius: 50%; background-size: 400% 400%; background-repeat: no-repeat;
  background-color: var(--pl-pink-soft, #fde6ef); background-blend-mode: multiply;
}
#plHome .pl-li.t-sleep .pl-art { background-color: var(--pl-sky, #dfeafb); }
#plHome .pl-li-t { min-width: 0; display: flex; flex-direction: column; line-height: 1.15; }
#plHome .pl-li b { display: block; font-family: Nunito, system-ui, sans-serif; font-weight: 800; font-size: 14px; color: var(--pl-navy, #1d2a5c); font-variant-numeric: tabular-nums; letter-spacing: -.2px; }
#plHome .pl-li small { display: block; font-size: 10.5px; letter-spacing: -.1px; font-weight: 700; color: var(--pl-ink-soft, #6a6682); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#plHome .pl-li-d { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--pl-pink-2, #f59cbb); box-shadow: 0 0 0 3px rgba(245, 156, 187, .25); }
html[data-theme="dark"] #plHome .pl-li { background: rgba(31, 43, 92, .95); border-color: rgba(255, 255, 255, .14); box-shadow: none; }
html[data-theme="dark"] #plHome .pl-li b { color: #fff; }
html[data-theme="dark"] #plHome .pl-li small { color: #c9cbe3; }
html[data-theme="dark"] #plHome .pl-li .pl-art { background-color: #fff; background-blend-mode: normal; }
@media (max-width: 360px) { #plHome .pl-li { padding: 7px 8px; gap: 6px; } #plHome .pl-li .pl-art { width: 28px; height: 28px; } #plHome .pl-li b { font-size: 14px; } }


/* отворените „въпроси“ и „добави ме на телефона“ лягат върху кремав филц — иначе текстът е върху сцената */
html.pl-on.pl-landing .faq, html.pl-on.pl-landing .install {
  margin: 0 12px 18px; padding: 18px 10px 22px; border-radius: 30px;
  background-color: rgba(255, 250, 243, .94); background-image: url(../img/art/felt.webp); background-size: 160px 160px; background-blend-mode: multiply;
  border: 1px solid rgba(214, 186, 158, .6); box-shadow: 0 10px 26px rgba(110, 76, 52, .16);
  outline: 1.5px dashed rgba(196, 160, 124, .45); outline-offset: -8px;
}
html[data-theme="dark"].pl-on.pl-landing .faq, html[data-theme="dark"].pl-on.pl-landing .install { background-color: rgba(31, 43, 92, .95); background-image: none; border-color: rgba(255, 255, 255, .14); outline-color: rgba(255, 255, 255, .2); }

/* ═══ 🧸 ЛЕНТАТА „ПОМОЩНИЧКИТЕ“ на началото (js/premium-home.js) ═══
   Деветте лица от img/art/persony.webp — 3 в ред, всяко отваря своята стая. */
#plHome .pl-pers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0 16px 18px; }
#plHome .pl-per {
  display: grid; justify-items: center; gap: 4px; padding: 10px 4px 8px; border: 0; cursor: pointer;
  border-radius: 22px; background-color: #fffdfb; box-shadow: inset 0 1px 0 #fff, 0 4px 10px rgba(110, 76, 52, .12);
  border: 1px solid rgba(241, 228, 217, .9);
}
#plHome .pl-per i {
  width: 62px; height: 62px; border-radius: 50%;
  background-image: url(../img/art/persony.webp); background-size: 300% 300%; background-repeat: no-repeat; background-color: #fff;
  box-shadow: 0 0 0 3px #fff, 0 0 0 5px rgba(229, 109, 153, .22), 0 5px 12px rgba(110, 76, 52, .18);
}
#plHome .pl-per b { font-family: var(--pl-serif, Georgia, serif); font-size: 14.5px; color: var(--pl-navy, #1d2a5c); }
#plHome .pl-per small { font-size: 11px; font-weight: 700; color: var(--pl-ink-soft, #6a6682); }
#plHome .pl-per:active { transform: translateY(2px); }
html[data-theme="dark"] #plHome .pl-per { background-color: rgba(31, 43, 92, .95); border-color: rgba(255, 255, 255, .14); box-shadow: none; }
html[data-theme="dark"] #plHome .pl-per b { color: #fff; }
html[data-theme="dark"] #plHome .pl-per small { color: #c9cbe3; }

/* ═══ 🔎 „Какво търсим днес?“ на началото (реф. 9) ═══
   Старият вход #searchTrigger живее в скритата секция „Деветте вълшебни стаи“; този бутон вика
   СЪЩОТО търсене (BL_SEARCH.open). js/premium-home.js. */
#plHome .pl-find {
  display: flex; align-items: center; gap: 10px; width: calc(100% - 32px); margin: 0 16px 14px; padding: 12px 14px;
  min-height: 56px; border-radius: 999px; cursor: pointer; text-align: left;
  background-color: #fffdfb; background-image: none; border: 1px solid rgba(241, 228, 217, .95);
  box-shadow: inset 0 2px 0 #fff, 0 6px 14px rgba(110, 76, 52, .14);
  font-family: var(--pl-serif, Georgia, serif); font-size: 16.5px; font-weight: 700; color: var(--pl-navy, #1d2a5c);
}
#plHome .pl-find .pl-art { flex: none; width: 34px; height: 34px; border-radius: 50%; background-size: 400% 400%; background-repeat: no-repeat; background-color: var(--pl-sky, #dfeafb); background-blend-mode: multiply; }
#plHome .pl-find span { flex: 1 1 auto; min-width: 0; }
#plHome .pl-find em { font-style: normal; color: var(--pl-pink, #e56d99); font-weight: 800; }
#plHome .pl-find:active { transform: translateY(2px); }
html[data-theme="dark"] #plHome .pl-find { background-color: rgba(31, 43, 92, .95); border-color: rgba(255, 255, 255, .14); color: #fff; box-shadow: none; }
html[data-theme="dark"] #plHome .pl-find .pl-art { background-color: #fff; background-blend-mode: normal; }

/* ═══ 🧶 СЕКЦИИТЕ НА НАЧАЛОТО СЕ ПРЕОБЛИЧАТ (23.09) ═══
   Първо ги СКРИХ (8400 px стара реклама) — собственикът каза право: това е рязане, не преработка.
   Сега всяка секция под началото остава, но е облечена като останалото: кремав филц с пунктирен шев,
   сериф заглавие, меки карти. Плюшените иконки ги слага js/pl-plyush.js.
   ПЪТ НАЗАД: махни този блок — секциите се връщат към стария си вид (нищо не се маха от страницата). */
html.pl-on main > section:not(#todaySection):not(.pl-krai) {
  margin: 0 12px 20px; padding: 20px 12px 24px; border-radius: 32px;
  background-color: rgba(255, 250, 243, .93); background-image: url(../img/art/felt.webp); background-size: 160px 160px; background-blend-mode: multiply;
  border: 1px solid rgba(214, 186, 158, .55); box-shadow: 0 10px 26px rgba(110, 76, 52, .14);
  outline: 1.5px dashed rgba(196, 160, 124, .40); outline-offset: -9px;
}
html.pl-on main > section .section-title { font-family: var(--pl-serif, Georgia, serif); color: var(--pl-navy, #1d2a5c); font-size: clamp(22px, 6vw, 27px); line-height: 1.15; }
html.pl-on main > section .section-sub { color: var(--pl-ink-soft, #6a6682); font-size: 14.5px; }
/* картите в „Деветте вълшебни стаи“ — кремав филц с арка, както рафта горе */
html.pl-on .rooms .room-card {
  background-color: #fffdfb !important; border: 1px solid rgba(241, 228, 217, .95) !important; border-radius: 26px !important;
  box-shadow: inset 0 1px 0 #fff, 0 6px 14px rgba(110, 76, 52, .14) !important;
}
html.pl-on .rooms .room-card h3, html.pl-on .rooms .room-card .rc-t { font-family: var(--pl-serif, Georgia, serif); color: var(--pl-navy, #1d2a5c); }
html.pl-on .rooms .scene-wrap, html.pl-on .rooms .scene { border-radius: 40px 40px 14px 14px !important; overflow: hidden; }
/* личицата в „А ти как си днес?“ и хапчетата на телефона */
html.pl-on .journal-strip .mood { background: #fffdfb; border: 1px solid rgba(241, 228, 217, .95); border-radius: 18px; }
html.pl-on .install .pt-btn {
  background-color: #fffaf3; background-image: url(../img/art/felt.webp); background-size: 160px 160px; background-blend-mode: multiply;
  border: 1px solid rgba(214, 186, 158, .6); border-radius: 999px; color: var(--pl-navy, #1d2a5c); min-height: 44px;
}
html.pl-on .install .pt-btn.active { background-color: #fde6ef; color: #9e2f5f; box-shadow: inset 0 0 0 1.5px #f0b7cd; }
html[data-theme="dark"].pl-on main > section:not(#todaySection):not(.pl-krai) { background-color: rgba(31, 43, 92, .95); background-image: none; border-color: rgba(255, 255, 255, .14); outline-color: rgba(255, 255, 255, .18); }
html[data-theme="dark"].pl-on .rooms .room-card { background-color: rgba(35, 47, 99, .95) !important; border-color: rgba(255, 255, 255, .14) !important; }
html[data-theme="dark"].pl-on .journal-strip .mood { background: rgba(35, 47, 99, .95); border-color: rgba(255, 255, 255, .14); }

/* ═══ 23.09 · ВЪПРОСИТЕ И ИНСТАЛАЦИЯТА ВЪВ ФИЛЦ ═══
   Секциите „Питат ни често“ и „Как да ме добавиш на телефона“ бяха бели хапчета
   в свят от филц. Сега редът е филцова карта с шев; отвореният получава златния
   кант на премиума. Нищо в логиката им не е пипано (js/home.js ги строи както преди). */
html.pl-on .faq-list { display: flex; flex-direction: column; gap: 10px; }
html.pl-on .faq-item {
  border-radius: 20px;
  background: var(--pl-felt-bg, #fffaf3);
  box-shadow: 0 6px 16px rgba(120, 88, 70, .1), inset 0 0 0 1.5px rgba(214, 178, 148, .32);
  overflow: hidden;
  transition: box-shadow .35s ease, transform .35s cubic-bezier(.22, .9, .3, 1);
}
html.pl-on .faq-item:hover { transform: translateY(-2px); }
html.pl-on .faq-item.open {
  box-shadow: 0 12px 26px rgba(120, 88, 70, .16), inset 0 0 0 2px rgba(224, 168, 96, .5);
}
html.pl-on .faq-q {
  font-family: var(--pl-serif, Georgia, serif);
  font-size: 16px;
  color: var(--pl-navy, #1d2a5c);
  padding: 15px 16px;
  min-height: 52px;
}
html.pl-on .faq-arr { transition: transform .35s cubic-bezier(.22, .9, .3, 1); color: #c98fae; }
html.pl-on .faq-item.open .faq-arr { transform: rotate(180deg); }
html.pl-on .faq-a p { font-size: 14px; line-height: 1.62; color: var(--pl-ink-soft, #6a6682); }

html.pl-on .install .platform-toggle { gap: 10px; }
html.pl-on .install .pt-btn { min-height: 46px; border-radius: 999px; font-size: 14.5px; }
html.pl-on .install .pt-btn.active { transform: translateY(-1px); }

html[data-theme="dark"].pl-on .faq-item { background: rgba(31, 43, 92, .95); box-shadow: 0 6px 16px rgba(0, 0, 0, .4), inset 0 0 0 1.5px rgba(255, 255, 255, .12); }
html[data-theme="dark"].pl-on .faq-q { color: #f2e9ff; }
html[data-theme="dark"].pl-on .faq-a p { color: #c9cbe3; }

/* 🪤 МЕРЕНО (axe, 6 екрана): подписът долу беше #8a8394 върху #f6ede3 = 3.15:1 при 12.5px
   (иска 4.5:1). Причината е opacity:.8 върху и без това светъл --ink-soft (css/style.css:998).
   Не пипам стария файл — премиумът го покрива. Ново: 4.89:1. */
html.pl-on .footer-year { color: #6a6478; opacity: 1; }
html[data-theme="dark"].pl-on .footer-year { color: #c9cbe3; opacity: 1; }

/* ── 29.09 · сцената в главата на стаята диша бавно (нищо рязко, различен ритъм от картите) ── */
@keyframes plRheroDrift {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(-6px, -4px, 0) scale(1.015); }
}
html.pl-on .pl-rhero img { animation: plRheroDrift 14s ease-in-out infinite; will-change: transform; }
@media (prefers-reduced-motion: reduce) { html.pl-on .pl-rhero img { animation: none; } }

/* 🪤 МЕРЕНО (preliv_dnevnik): в стая „Дневник на мама“ #roRoom мереше 393 при 390 —
   украсните петна (.rmx-blob, css/anim.css:664) стърчат извън стаята по замисъл, а
   една карта беше 3px по-широка. Стаята вече реже САМО водоравно (вертикалният скрол
   остава) — петната си играят, но нищо не се влачи настрани. */
html.pl-on #roomOverlay .ro-panel #roRoom { overflow-x: clip; }
html.pl-on #roomOverlay .ro-panel #roRoom > * { max-width: 100%; }
/* картата „Как си днес“ в дневника стои леко наклонена и изместена (transform с
   translate(10px,18px) от стария слой) — затова десният ѝ ъгъл минаваше ръба.
   Свиваме я със същите 10px, вместо да режем ъгъла. */
html.pl-on #roomOverlay .ro-panel #roRoom .ck-card { margin-right: 12px; }

/* 06.10 МЕРЕНО (обиколка): ✕ на бележката от Луна беше 10×16 px — по-малко от
   върха на пръста. Като 📍 и ▾ (mega.css, 04.08): иконата остава същата, расте
   само невидимата пипаема зона, 44×44. Нула промяна в оформлението. */
.brief-x { position: relative; }
.brief-x::after { content: ''; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); }

/* ═══════════════════════════════════════════════════════════════════════════════
   🎀 ТРИТЕ СТАРИ СЕКЦИИ В ПРЕМИУМА · 06.10.2026
   Собственикът: „табове от предишния стил още не пипнати“ — „Едно денонощие с теб“,
   „Какво може Помощникът на мама“, „Пробвай сега“. Бяха розово-лилави градиенти,
   надписи от 6 px, кутия в кутията. Логиката (home.js) не се пипа — тук е само видът;
   малките щрихи в DOM са в premium-home.js („старитеСекции“).
   Бутоните: тъмна роза #c9447a→#a92f63 — бяло върху горния тон = 4.57:1 (по-светлото
   розово на „Добави момент“ държи само за 18 px; тези бутони са 15 px).
   ПЪТ НАЗАД: махни този блок и „старитеСекции“ в premium-home.js.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── общите бутони на трите ── */
html.pl-on .d24-go, html.pl-on .net-go, html.pl-on .askme-form button {
  background: linear-gradient(180deg, #c9447a 0, #a92f63 100%) !important;
  box-shadow: 0 8px 18px rgba(169, 47, 99, .28), inset 0 1px 0 rgba(255, 255, 255, .35);
  color: #fff; font-weight: 800; letter-spacing: .2px; border-radius: 999px;
}

/* ── „Едно денонощие с теб“: пръстенът в злато, картата като „Нашият ден“ ── */
html.pl-on .d24-ring { stroke: #f4e7da; }
html.pl-on .d24-arc { stroke: #e3c39c; }
html.pl-on .d24-tick { stroke: rgba(190, 150, 110, .45); }
html.pl-on .d24-bg { stroke: #ecd8c4; }
html.pl-on .d24-dot.on .d24-bg { fill: var(--pl-pink-soft); stroke: var(--pl-pink-2); filter: drop-shadow(0 4px 10px rgba(229, 109, 153, .35)); }
html.pl-on .d24-lbl { font-size: 9.5px; letter-spacing: .04em; fill: #9a7b5c; }
html.pl-on .d24-card {
  background: var(--pl-card); border: 1px solid var(--pl-line); border-radius: var(--pl-radius);
  box-shadow: var(--pl-shadow-sm); padding: 18px 18px 20px;
}
html.pl-on .d24-t { font-family: var(--pl-serif); font-weight: 700; font-size: 19px; color: var(--pl-navy); }
html.pl-on .d24-s { color: var(--pl-ink); font-size: 15px; }
html.pl-on .d24-s strong { color: #b8406f; }
html.pl-on .d24-go { min-height: 48px; padding: 0 22px; font-size: 15px; }

/* ── „Какво може Помощникът на мама“: едно заглавие, мрежа без празно, четими възли ── */
html.pl-on .net-name { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: inherit; }
html.pl-on .net-nm { font-size: 15px; fill: var(--pl-navy); paint-order: stroke; stroke: rgba(255, 253, 251, .9); stroke-width: 3px; }
html.pl-on .net-cnt { font-size: 13px; }
html.pl-on .net-ct { font-family: var(--pl-serif); fill: #b8406f; }
html.pl-on .net-panel {
  background: var(--pl-card); border: 1px solid var(--pl-line); border-radius: var(--pl-radius);
  box-shadow: var(--pl-shadow-sm);
}
html.pl-on .net-pt { font-family: var(--pl-serif); font-weight: 700; font-size: 19px; color: var(--pl-navy); }
html.pl-on .net-ps { font-size: 13px; color: var(--pl-ink-soft); }
html.pl-on .net-list { gap: 8px; scrollbar-width: thin; scrollbar-color: #ead7c4 transparent; }
html.pl-on .net-chip {
  min-height: 40px; padding: 8px 14px; font-size: 14px; font-weight: 700;
  background: var(--pl-cream); border: 1px solid var(--pl-line); color: var(--pl-navy);
}
html.pl-on .net-chip-x { background: var(--pl-pink-soft); border-color: #f6cadb; }
html.pl-on .net-go { min-height: 48px; font-size: 15px; margin-top: 12px; }

/* ── „Пробвай сега“: без кутия в кутията, балонът е плюшен, полето не реже ── */
html.pl-on .askme-box { background: none; border: 0; box-shadow: none; padding: 6px 2px; gap: 12px; align-items: flex-start; }
html.pl-on .askme-ava { width: 52px; }
html.pl-on .askme-ava .pl-em, html.pl-on .askme-ava img { width: 52px; height: 52px; font-size: 44px; display: block; }
html.pl-on .askme-t { font-family: var(--pl-serif); font-weight: 700; font-size: 19px; line-height: 1.3; color: var(--pl-navy); margin-bottom: 12px; }
html.pl-on .askme-chips { gap: 8px; }
html.pl-on .askme-chip {
  min-height: 44px; padding: 10px 16px; text-align: left;
  background: var(--pl-cream); border: 1px solid var(--pl-line); color: var(--pl-navy);
  font-size: 15px; font-weight: 700; box-shadow: none;
}
html.pl-on .askme-form input {
  min-height: 48px; background: #fff; border: 1px solid var(--pl-line); color: var(--pl-navy); font-size: 15px;
}
html.pl-on .askme-form input:focus { border-color: var(--pl-pink-2); box-shadow: 0 0 0 3px rgba(245, 156, 187, .25); }
html.pl-on .askme-form button { min-height: 48px; padding: 0 20px; font-size: 15px; flex: none; }

/* ── нощем ── */
html[data-theme="dark"].pl-on .d24-ring { stroke: rgba(255, 255, 255, .1); }
html[data-theme="dark"].pl-on .d24-lbl { fill: #d9c7ad; }
html[data-theme="dark"].pl-on .d24-card, html[data-theme="dark"].pl-on .net-panel { background: rgba(31, 43, 92, .95); border-color: rgba(255, 255, 255, .14); }
html[data-theme="dark"].pl-on .d24-t, html[data-theme="dark"].pl-on .net-pt, html[data-theme="dark"].pl-on .askme-t { color: #fff; }
html[data-theme="dark"].pl-on .d24-s, html[data-theme="dark"].pl-on .net-ps { color: #c9cbe3; }
html[data-theme="dark"].pl-on .d24-s strong { color: #ffb3cd; }
html[data-theme="dark"].pl-on .net-nm { fill: #fff; stroke: rgba(20, 28, 70, .85); }
html[data-theme="dark"].pl-on .net-chip, html[data-theme="dark"].pl-on .askme-chip, html[data-theme="dark"].pl-on .askme-form input { background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .16); color: #fff; }
html[data-theme="dark"].pl-on .net-chip-x { background: rgba(229, 109, 153, .2); }
/* мерено 06.10 (DOM): pl-plyush дава на вградената иконка отрицателни полета (−15 px / −8 px вляво),
   за да я „сложи“ в реда — тук това я изкарваше през ръба на картата и върху „е“ в „помощничките“ */
html.pl-on .askme-ava .pl-em { margin: 0 !important; }
html.pl-on .section-title .wobble > .pl-em { margin-left: 0 !important; }
html.pl-on .net-chip .pl-em, html.pl-on .askme-chip .pl-em { margin: -4px .35em -4px 0 !important; }
/* нощем заглавията на секциите оставаха тъмносини върху тъмносиньо */
html[data-theme="dark"].pl-on .day24 .section-title, html[data-theme="dark"].pl-on .netsec .section-title,
html[data-theme="dark"].pl-on .section-title { color: #fff; }
html[data-theme="dark"].pl-on .section-sub { color: #c9cbe3; }

/* ═══════════════════════════════════════════════════════════════════════════════
   🗂️ 20.10 · ПОДРЕДБАТА НА НАЧАЛОТО (gl20) — видът на „20.10 · ПОДРЕДБАТА“ от js/premium-home.js
   Ред: герой → Днес (Нашият ден · Добави момент · ЕДНО напомняне) → стаите (рафтът; „Всички отблизо“)
   → помощничките (лента) → Мира → „Днес“ в три карти → Едно денонощие → „Още за Бейби Ленд“ → краят.
   Всичко е с обхват #plHome / #todaySection / main > … при html.pl-gl20 (класът го слага само началото).
   ПЪТ НАЗАД: махни този блок (до „край 20.10“) и блока „ПОДРЕДБАТА“ в js/premium-home.js.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── картичката на бебето: плътен крем вместо размазване (backdrop-filter се пресмята при всеки кадър) ── */
html.pl-gl20 #plHome .pl-baby { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(255, 252, 248, .96); }
html[data-theme="dark"].pl-gl20 #plHome .pl-baby { background: rgba(31, 43, 92, .95); }

/* ── ЕДНОТО напомняне под „Добави момент“ ── */
html.pl-gl20 #plHome .pl-napomni[hidden] { display: none !important; }
html.pl-gl20 #plHome .pl-napomni {
  position: relative; display: flex; align-items: center; gap: 12px;
  width: calc(100% - 32px); min-height: 66px; margin: 14px 16px 0; padding: 10px 14px 10px 10px;
  border: 1px solid rgba(214, 186, 158, .6); border-radius: 22px; cursor: pointer; text-align: left;
  background: #fffaf3; box-shadow: 0 8px 20px rgba(110, 76, 52, .12);
  font: inherit; color: var(--pl-navy);
  transition: transform .25s cubic-bezier(.25, 1, .5, 1);
}
html.pl-gl20 #plHome .pl-napomni.is-hot { border-color: rgba(229, 109, 153, .45); background: linear-gradient(90deg, #fff4f8 0, #fffaf3 70%); }
html.pl-gl20 #plHome .pl-napomni:active { transform: scale(.98); }
html.pl-gl20 #plHome .pl-np-i {
  position: relative; flex: none; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center;
  background: var(--pl-pink-soft); font-size: 24px; line-height: 1;
}
html.pl-gl20 #plHome .pl-np-i .pl-em { width: 32px !important; height: 32px !important; margin: 0 !important; }
/* дишане: един мек пръстен около иконката — само при важното, само transform/opacity */
html.pl-gl20 #plHome .pl-napomni.is-hot .pl-np-i::after {
  content: ''; position: absolute; inset: 0; border-radius: 50%; box-shadow: 0 0 0 2px rgba(229, 109, 153, .45);
  animation: plGlDish 2.8s cubic-bezier(.45, 0, .55, 1) infinite; pointer-events: none;
}
@keyframes plGlDish { 0% { transform: scale(1); opacity: .9; } 70%, 100% { transform: scale(1.32); opacity: 0; } }
html.pl-gl20 #plHome .pl-np-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
html.pl-gl20 #plHome .pl-np-k { font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #a3365f; }
html.pl-gl20 #plHome .pl-np-t b { font-size: 16px; font-weight: 800; line-height: 1.2; color: var(--pl-navy); }
html.pl-gl20 #plHome .pl-np-t span { font-size: 13px; font-weight: 600; color: var(--pl-ink-soft); line-height: 1.3; }
html.pl-gl20 #plHome .pl-napomni em { flex: none; font-style: normal; font-size: 24px; font-weight: 700; color: var(--pl-pink); }
html[data-theme="dark"].pl-gl20 #plHome .pl-napomni { background: rgba(31, 43, 92, .95); border-color: rgba(255, 255, 255, .16); box-shadow: 0 8px 20px rgba(0, 0, 0, .3); }
html[data-theme="dark"].pl-gl20 #plHome .pl-napomni.is-hot { background: linear-gradient(90deg, rgba(120, 50, 92, .55) 0, rgba(31, 43, 92, .95) 70%); border-color: rgba(245, 156, 187, .4); }
html[data-theme="dark"].pl-gl20 #plHome .pl-np-k { color: #ffb3cd; }
html[data-theme="dark"].pl-gl20 #plHome .pl-np-t b { color: #fff; }
html[data-theme="dark"].pl-gl20 #plHome .pl-np-t span { color: #c9cbe3; }
html[data-theme="dark"].pl-gl20 #plHome .pl-np-i { background: #fff; }

/* ── „Мира е до теб“ — малко повече въздух след лентата ── */
html.pl-gl20 #plHome .pl-mira { margin-top: 14px; }

/* ── „ДНЕС“ В ТРИ КАРТИ ──
   Редовете остават чуждите елементи (rooms2.js, home2.js, chasovnik.js…); тук само губят своя „остров“
   (собствен фон, сянка, шев) и стават редове на обща карта: горе заглавие, между редовете златна
   нишка, долу — „още ▾“. pl-ui.css пише с (1,2,2)+!important → тук (1,5,2)+!important. */
html.pl-gl20 body #todaySection { padding: 0 12px; max-width: 620px; }
html.pl-gl20 body #todaySection .td-inner.pl-dg {
  display: flex !important; flex-direction: column !important; gap: 0 !important;
  padding: 0 !important; margin: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important;
}
html.pl-gl20 body.bl-party #todaySection .td-inner.pl-dg { box-shadow: none !important; }
html.pl-gl20 body #todaySection .td-inner.pl-dg > [data-pl-dg][data-pl-dg] {
  margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important;
  border: 0 !important; border-left: 1px solid rgba(214, 186, 158, .55) !important; border-right: 1px solid rgba(214, 186, 158, .55) !important;
  padding: 13px 16px !important;
  background-color: #fffaf3 !important;
  background-image: linear-gradient(90deg, transparent 16px, rgba(196, 160, 124, .38) 16px, rgba(196, 160, 124, .38) calc(100% - 16px), transparent calc(100% - 16px)) !important;
  background-size: 100% 1px !important; background-repeat: no-repeat !important; background-position: 0 0 !important; background-blend-mode: normal !important;
}
html.pl-gl20 body #todaySection .td-inner.pl-dg > .pl-dg-h.pl-dg-h {
  margin-top: 18px !important; border-top: 1px solid rgba(214, 186, 158, .55) !important;
  border-radius: 26px 26px 0 0 !important; background-image: none !important; padding-top: 16px !important;
}
html.pl-gl20 body #todaySection .td-inner.pl-dg > .pl-dg-end.pl-dg-end {
  border-bottom: 1px solid rgba(214, 186, 158, .55) !important; border-bottom-left-radius: 26px !important; border-bottom-right-radius: 26px !important;
  padding-bottom: 15px !important; box-shadow: 0 18px 26px -18px rgba(110, 76, 52, .45) !important;
}
html.pl-gl20 body #todaySection .td-inner.pl-dg > .pl-dg-skrit.pl-dg-skrit,
html.pl-gl20 body #todaySection .td-inner > .pl-np-vzeto.pl-np-vzeto { display: none !important; }
/* заглавията на картите (моите) */
html.pl-gl20 body #todaySection .td-inner.pl-dg > .pl-dg-hh { display: flex; flex-direction: column; gap: 2px; }
html.pl-gl20 body #todaySection .pl-dg-hh b { font-family: var(--pl-serif); font-weight: 700; font-size: 20px; line-height: 1.15; color: var(--pl-navy); }
html.pl-gl20 body #todaySection .pl-dg-hh small { font-size: 13px; font-weight: 600; color: var(--pl-ink-soft); }
/* „Днес · Алекс е на 7 месеца“ е заглавието на първата карта */
html.pl-gl20 body #todaySection .td-inner.pl-dg > .td-top { gap: 12px; align-items: center; }
html.pl-gl20 body #todaySection .td-inner.pl-dg > .td-top .td-hello { font-size: 22px !important; margin: 0 !important; }
/* „още ▾“ */
html.pl-gl20 body #todaySection .td-inner.pl-dg > .pl-dg-more {
  display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 50px; cursor: pointer;
  font: 800 14px/1.2 Nunito, Nunito-fallback, sans-serif; color: #9e2f5f; text-align: center;
}
html.pl-gl20 body #todaySection .pl-dg-more i { font-style: normal; font-size: 13px; transition: transform .3s cubic-bezier(.25, 1, .5, 1); }
html.pl-gl20 body #todaySection .pl-dg-more:active { background-color: #fdf0e6 !important; }
/* редовете, които сами са карта в картата, губят и вътрешната кутия */
html.pl-gl20 body #todaySection .td-inner.pl-dg > .td-tip, html.pl-gl20 body #todaySection .td-inner.pl-dg > .td-cheer { font-size: 15px; line-height: 1.5; }
/* нощем */
html[data-theme="dark"].pl-gl20 body #todaySection .td-inner.pl-dg > [data-pl-dg][data-pl-dg] {
  background-color: rgba(31, 43, 92, .95) !important; border-color: rgba(255, 255, 255, .14) !important;
  background-image: linear-gradient(90deg, transparent 16px, rgba(255, 255, 255, .14) 16px, rgba(255, 255, 255, .14) calc(100% - 16px), transparent calc(100% - 16px)) !important;
}
html[data-theme="dark"].pl-gl20 body #todaySection .td-inner.pl-dg > .pl-dg-h.pl-dg-h { background-image: none !important; border-top-color: rgba(255, 255, 255, .14) !important; }
html[data-theme="dark"].pl-gl20 body #todaySection .td-inner.pl-dg > .pl-dg-end.pl-dg-end { border-bottom-color: rgba(255, 255, 255, .14) !important; box-shadow: 0 18px 26px -18px rgba(0, 0, 0, .6) !important; }
html[data-theme="dark"].pl-gl20 body #todaySection .pl-dg-hh b { color: #fff; }
html[data-theme="dark"].pl-gl20 body #todaySection .pl-dg-hh small { color: #c9cbe3; }
html[data-theme="dark"].pl-gl20 body #todaySection .td-inner.pl-dg > .pl-dg-more { color: #ffb3cd; }

/* ── СТАИТЕ ОТБЛИЗО: „Деветте вълшебни стаи“ стои прибрана; „Всички отблизо“ я донася в рафта ── */
html.pl-gl20 main > #стаите { display: none !important; }
html.pl-gl20 #plHome .pl-stai-vse[hidden] { display: none !important; }
html.pl-gl20 #plHome .pl-stai-vse { margin: 16px -4px 0; }
html.pl-gl20 #plHome .pl-stai-vse #стаите { margin: 0; padding: 0; background: none; border: 0; box-shadow: none; outline: none; }
html.pl-gl20 #plHome .pl-stai-vse #стаите > .section-title,
html.pl-gl20 #plHome .pl-stai-vse #стаите > .section-sub,
html.pl-gl20 #plHome .pl-stai-vse #стаите > #searchTrigger { display: none !important; }
html.pl-gl20 #plHome .pl-stai-vse .room-grid { padding: 0; gap: 14px; }
/* деветте големи карти са тежки (жива SVG сцена + плюш) — рисуват се само около екрана */
html.pl-gl20 #plHome .pl-stai-vse .room-card { content-visibility: auto; contain-intrinsic-size: auto 430px; }
html.pl-gl20 #plHome .pl-vse-dolu { display: flex; margin: 14px auto 2px; }

/* ── „ОЩЕ ЗА БЕЙБИ ЛЕНД“: шестте стари секции — редове в една карта; един допир разгъва цялата ── */
html.pl-gl20 main > .pl-oshte-h {
  display: flex; align-items: center; justify-content: center; gap: 12px; margin: 30px 16px 12px;
  font-family: var(--pl-serif); font-weight: 700; font-size: 20px; color: var(--pl-navy);
}
html.pl-gl20 main > .pl-oshte-h::before, html.pl-gl20 main > .pl-oshte-h::after { content: ''; width: 28px; height: 2px; border-radius: 2px; background: #d9b98f; }
html.pl-gl20 main > section.pl-svit:not(.pl-svit-on):not(#todaySection) {
  margin: 0 12px; padding: 0; border-radius: 0; box-shadow: none; outline: none;
  border-top-width: 0; border-bottom-width: 0;
}
html.pl-gl20 main > section.pl-svit:not(.pl-svit-on):not(#todaySection) > :not(.pl-svit-b) { display: none !important; }
html.pl-gl20 main > section.pl-svit.pl-svit-1:not(.pl-svit-on):not(#todaySection) { border-top-width: 1px; border-radius: 26px 26px 0 0; }
html.pl-gl20 main > section.pl-svit.pl-svit-z:not(.pl-svit-on):not(#todaySection) { border-bottom-width: 1px; border-radius: 0 0 26px 26px; box-shadow: 0 18px 26px -18px rgba(110, 76, 52, .45); margin-bottom: 8px; }
html.pl-gl20 main > section.pl-svit.pl-svit-1.pl-svit-z:not(.pl-svit-on):not(#todaySection) { border-radius: 26px; }
html.pl-gl20 main > section.pl-svit.pl-svit-on:not(#todaySection) { margin: 10px 12px; padding-top: 0; }
html.pl-gl20 main > section.pl-svit-on > .section-title, html.pl-gl20 main > section.pl-svit-on .journal-inner > .section-title { display: none; }
html.pl-gl20 main > section.pl-svit > .pl-svit-b {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 64px; padding: 12px 18px; margin: 0;
  border: 0; background: none; cursor: pointer; text-align: left; font: inherit; color: var(--pl-navy);
}
html.pl-gl20 main > section.pl-svit:not(.pl-svit-1):not(.pl-svit-on) > .pl-svit-b {
  background: linear-gradient(90deg, transparent 18px, rgba(196, 160, 124, .38) 18px, rgba(196, 160, 124, .38) calc(100% - 18px), transparent calc(100% - 18px)) 0 0 / 100% 1px no-repeat;
}
html.pl-gl20 main > section.pl-svit-on > .pl-svit-b { margin: 0 -12px 8px; width: calc(100% + 24px); }
html.pl-gl20 .pl-svit-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
html.pl-gl20 .pl-svit-t b { font-family: var(--pl-serif); font-weight: 700; font-size: 16.5px; line-height: 1.2; color: var(--pl-navy); }
html.pl-gl20 .pl-svit-t small { font-size: 13px; font-weight: 600; color: var(--pl-ink-soft); }
html.pl-gl20 .pl-svit-b > i { flex: none; font-style: normal; font-size: 14px; color: #a07a4e; transition: transform .35s cubic-bezier(.25, 1, .5, 1); }
html.pl-gl20 .pl-svit-on > .pl-svit-b > i { transform: rotate(180deg); }
html.pl-gl20 .pl-svit-b:active { background-color: rgba(253, 240, 230, .8); }
html[data-theme="dark"].pl-gl20 main > .pl-oshte-h { color: #fff; }
html[data-theme="dark"].pl-gl20 .pl-svit-t b { color: #fff; }
html[data-theme="dark"].pl-gl20 .pl-svit-t small { color: #c9cbe3; }
html[data-theme="dark"].pl-gl20 .pl-svit-b > i { color: #e3c39c; }
html[data-theme="dark"].pl-gl20 main > section.pl-svit:not(.pl-svit-1):not(.pl-svit-on) > .pl-svit-b {
  background: linear-gradient(90deg, transparent 18px, rgba(255, 255, 255, .14) 18px, rgba(255, 255, 255, .14) calc(100% - 18px), transparent calc(100% - 18px)) 0 0 / 100% 1px no-repeat;
}

/* ── долу: краят и подписът се рисуват само около екрана ── */
html.pl-gl20 main > .pl-krai, html.pl-gl20 body > footer.footer { content-visibility: auto; contain-intrinsic-size: auto 320px; }

/* ── празникът (today8.js: балони при месечнина) летеше НАД картите и ги цапаше — сега е зад тях ── */
html.pl-gl20 body > #t8Party { z-index: -1; }

@media (prefers-reduced-motion: reduce) {
  html.pl-gl20 #plHome .pl-napomni.is-hot .pl-np-i::after { animation: none; opacity: .6; }
  html.pl-gl20 #plHome .pl-napomni, html.pl-gl20 .pl-svit-b > i, html.pl-gl20 body #todaySection .pl-dg-more i { transition: none; }
}
/* край 20.10 */

/* 20.10 · „Под ръка“: хапчетата (td-chip) бяха 3D възглавници на цял ред (мерено: gl20_c2_t03 — 7 една под
   друга ≈ 750 px). В картата стават леки хапчета един до друг: тънък кант, без релеф; важните — розов оттенък.
   ПЪТ НАЗАД: махни този блок. */
html.pl-gl20 body #todaySection .td-inner.pl-dg > .td-chips { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
html.pl-gl20 body #todaySection .td-inner.pl-dg > .td-chips .td-chip.td-chip {
  min-height: 40px !important; padding: 8px 14px !important; margin: 0 !important; text-align: left !important;
  font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important;
  background: #fffdf8 !important; border: 1px solid rgba(214, 186, 158, .7) !important; border-radius: 999px !important;
  box-shadow: none !important; color: var(--pl-navy) !important;
}
html.pl-gl20 body #todaySection .td-inner.pl-dg > .td-chips .td-chip.td-chip.td-accent { background: #fdeef3 !important; border-color: rgba(229, 109, 153, .4) !important; color: #8e2a55 !important; }
html[data-theme="dark"].pl-gl20 body #todaySection .td-inner.pl-dg > .td-chips .td-chip.td-chip { background: rgba(255, 255, 255, .06) !important; border-color: rgba(255, 255, 255, .18) !important; color: #fff !important; }
html[data-theme="dark"].pl-gl20 body #todaySection .td-inner.pl-dg > .td-chips .td-chip.td-chip.td-accent { background: rgba(229, 109, 153, .2) !important; border-color: rgba(245, 156, 187, .4) !important; color: #ffd6e5 !important; }
/* край 20.10 */

/* 20.10 · „Още за Бейби Ленд“: редът до разгъната секция получава свой ръб (мерено: gl20_c3D_t12 — висеше без горен кант);
   дребните надписи в „Днес“ (10.5–11 px: ch-legal, wk-l, fd-qn) — до 11.5–12.5 px. Текстът им не е пипан.
   ПЪТ НАЗАД: махни този блок. */
html.pl-gl20 main > section.pl-svit-on + section.pl-svit:not(.pl-svit-on):not(#todaySection) { border-top-width: 1px; border-top-left-radius: 26px; border-top-right-radius: 26px; }
html.pl-gl20 main > section.pl-svit-on + section.pl-svit:not(.pl-svit-on) > .pl-svit-b { background: none; }
html.pl-gl20 main > section.pl-svit:not(.pl-svit-on):not(#todaySection):has(+ section.pl-svit-on) { border-bottom-width: 1px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; margin-bottom: 0; }
html.pl-gl20 body #todaySection .td-inner.pl-dg .ch-legal { font-size: 12.5px !important; line-height: 1.5 !important; }
html.pl-gl20 body #todaySection .td-inner.pl-dg .wk-l { font-size: 12px !important; }
html.pl-gl20 body #todaySection .td-inner.pl-dg .fd-qn { font-size: 11.5px !important; }
/* край 20.10 */

/* 20.10 · на широк екран началото е една колона (като телефона), не карти, разтегнати на 1250 px
   (мерено: gl20_shirok.png, 1280×800). Сцената зад нея е до 820 px (pl-zhivo.css). ПЪТ НАЗАД: махни този блок. */
@media (min-width: 760px) {
  html.pl-gl20 #plHome, html.pl-gl20 body > main { max-width: 680px; margin-left: auto; margin-right: auto; }
}
/* край 20.10 */

/* 20.10 · взетото за „Важно днес“ се прибира и когато е хапче ВЪТРЕ в .td-chips (мерено: gl20_sled_L_03 — „Хепатит Б…“
   стоеше и горе, и в „Под ръка“; правилото горе гледаше само преките деца). ПЪТ НАЗАД: махни този ред. */
html.pl-gl20 body #todaySection .pl-np-vzeto.pl-np-vzeto { display: none !important; }
/* край 20.10 */

/* ⏱️ 21.10 · БЕЗ РАЗМАЗВАНЕ ЗАД ЗАКОВАНИТЕ ЛЕНТИ — backdrop-filter върху лента над превъртащо се съдържание
   се пресмята при ВСЕКИ кадър на скрола (докладвано от агентите на началото и стаите; мерено: кадри над
   20 ms на телефон). Фоновете и без това са 84–96% плътни → правим ги почти плътни, без размазване.
   ПЪТ НАЗАД: махни този блок. */
html .bottom-nav, html body #roomOverlay .ro-panel .ro-head .ro-nav, html body #roomOverlay .ro-panel #roTabs, html #roForm.ro-inputbar {
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
html:not([data-theme="dark"]) .bottom-nav { background: rgba(255, 253, 250, .985) !important; }
html:not([data-theme="dark"]) body #roomOverlay .ro-panel .ro-head .ro-nav { background: rgba(255, 252, 247, .97) !important; }
html:not([data-theme="dark"]) body #roomOverlay .ro-panel #roTabs { background: rgba(255, 250, 244, .97) !important; }
html:not([data-theme="dark"]) #roForm.ro-inputbar { background: rgba(255, 252, 249, .99) !important; }
html[data-theme="dark"] .bottom-nav { background: rgba(30, 40, 86, .97) !important; }
/* край 21.10 */

/* 🌙 21.10 · БАНЕРЪТ НА СТАЯТА НОЩЕМ — банерите (img/art/stai/banner_*.webp) са с кремав фон; нощем се
   затъмняваха до бежов ПРАВОЪГЪЛНИК върху синята сцена (видяно: gl21_blur_D.png, „Моето бебе“ — зад облачето).
   Нощем маската е овална и меко гасне — остава светлина като от нощна лампа, без ръбове. Денем — непипнато.
   ПЪТ НАЗАД: махни този блок. */
html[data-theme="dark"] body #roomOverlay .pl-rhero img {
  -webkit-mask-image: radial-gradient(ellipse 50% 54% at 58% 52%, #000 34%, rgba(0, 0, 0, .55) 60%, transparent 82%);
  mask-image: radial-gradient(ellipse 50% 54% at 58% 52%, #000 34%, rgba(0, 0, 0, .55) 60%, transparent 82%);
  -webkit-mask-composite: source-over; mask-composite: add;
  filter: brightness(.6) saturate(.85) !important;
}
/* край 21.10 · банерът нощем */

/* 🧹 21.10 · ОБЩИТЕ ОСТАТЪЦИ ОТ СТАРИЯ СВЯТ — намерени от агентите на стаите (Бременност, Моето бебе),
   важат за ВСИЧКИ стаи, затова са тук, а не по стаите:
   1 · тихите часове (html.bl-night, 21/23–06/07 ч.) правеха подзаглавията на картите opacity .72 → 2.98:1
       (dark.css:186) — „по-малко шум“ не струва нечетим текст в 3 сутринта;
   2 · тъмна тема: .jr-win лилаво-черно #342f4e (dark.css:72) → нощно синьо стъкло;
   3 · тъмна тема: копчето .jr-winbtn вътре в реда .jr-win получаваше филца (pl-ui.css:420) — кутия в кутия;
   4 · розово→лилавите ленти .bg-fill (mega.css:840), лавандуловите кутийки .pn-txt / .ct-row / .bb-histrow.
   ПЪТ НАЗАД: махни този блок. */
html.bl-night body .jr-sub, html.bl-night body .jr-privacy { opacity: 1 !important; }
html[data-theme="dark"] body .jr-win.jr-win { background: rgba(255, 255, 255, .05) !important; border-color: rgba(255, 255, 255, .12) !important; }
html[data-theme="dark"] body .jr-win .jr-winbtn.jr-winbtn {
  background: transparent !important; background-color: transparent !important; background-image: none !important;
  border: 0 !important; box-shadow: none !important;
}
html:not(.bl-night) body .bg-fill { background: linear-gradient(90deg, #f59cbb, #e56d99 62%, #d9b98f) !important; }
html:not([data-theme="dark"]) body .pn-txt, html:not([data-theme="dark"]) body .ct-row, html:not([data-theme="dark"]) body .bb-histrow {
  background: #fff8f2 !important; border: 1px solid #f1e4d9;
}
html[data-theme="dark"] body .pn-txt, html[data-theme="dark"] body .ct-row, html[data-theme="dark"] body .bb-histrow {
  background: rgba(255, 255, 255, .05) !important; border: 1px solid rgba(255, 255, 255, .1); color: #e8e9f5;
}
/* край 21.10 · общите остатъци */

/* 🧹 21.10 · ОБЩИТЕ ОСТАТЪЦИ, ВТОРИ ПРОХОД (докладвани от агента на „Здраве и SOS“; той ги оправи само в
   своята стая — тук важат за всички):
   1 · тъмна тема: листът .jr-paper (#221d36, dark.css:110) и редовете .vx-row (#342f4e) — лилаво-черно → нощно синьо;
   2 · кръгчето за отметка .jr-check — лилав пръстен (rooms.css:263) → златен;
   3 · редовете в списъците .nt-row — #faf8ff (лилавеещо, rooms.css:787) → крем;
   4 · датата .ph-date — max-width 130 px режеше „гггг“ (mega.css:164) → поле по съдържание;
   5 · картата с помощничката: „на линия“ 10.5 px · 4.43:1 и редът под нея с opacity .7 · 3.62:1 → четими.
   ПЪТ НАЗАД: махни този блок. */
html[data-theme="dark"] body .jr-paper.jr-paper { background: repeating-linear-gradient(180deg, #1f2a5c 0 26px, #26326a 26px 27px) !important; }
html[data-theme="dark"] body .vx-row.vx-row { background: rgba(255, 255, 255, .05) !important; border-color: rgba(255, 255, 255, .12) !important; }
html:not([data-theme="dark"]) body .jr-check { box-shadow: inset 0 0 0 2px #d9b98f; }
html:not([data-theme="dark"]) body .nt-row { background: #fff8f2; border: 1px solid #f1e4d9; }
html[data-theme="dark"] body .nt-row { background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); }
html body .ph-date { max-width: none; min-width: 9.5em; }
html:not([data-theme="dark"]) body .ask-live { font-size: 11.5px; color: #22675a; }
html body #roomOverlay .ask-line { opacity: 1; }
/* край 21.10 · втори проход */

/* 🧸 21.10 · ЕДНА РИСУНКА В МЕДАЛА — навсякъде. Медалът на картата (.jr-medal) става плюшена рисунка, а вътре
   плюшът обвиваше същото емоджи още веднъж (.pl-em) → два кръга един в друг, изместени. Намерено и поправено
   поотделно в 4 стаи (Здраве, Захранване, Бременност, Моето бебе) — тук важи за всички. Вътрешното се скрива
   визуално; буквата остава в textContent (стар код сравнява заглавия). ПЪТ НАЗАД: махни този блок. */
html body #roomOverlay .jr-medal.pl-pl > .pl-em, html body #roomOverlay .pg20-fruit.pl-pl > .pl-em {
  position: absolute !important; left: 0 !important; top: 0 !important;
  width: 1px !important; height: 1px !important; min-width: 0 !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important; overflow: hidden !important;
  clip-path: inset(50%) !important; opacity: 0 !important; pointer-events: none !important;
  box-shadow: none !important; border: 0 !important;
}
html body #roomOverlay .jr-medal.pl-pl, html body #roomOverlay .pg20-fruit.pl-pl { position: relative; }
/* край 21.10 · една рисунка */

/* 🧹 21.10 · ОБЩИТЕ ОСТАТЪЦИ, ТРЕТИ ПРОХОД (докладвани от агентите на 5 стаи — всеки го оправяше само у себе си):
   1 · броячът на раздела .sec-n (mega.css:595): 9.5 px и #c24d7b върху #fde6ef = 3.82:1 → 12 px, 7:1; нощем —
       сливово #3a3355 (mega.css:618) → нощна роза;
   2 · „на линия“ в картата с помощничката нощем — 10.5 px → 11.5 px (денем вече беше);
   3 · дишането: кръгът (.br-circle, 96 px) расте ×1.7 при вдишване, а мястото около него не — покриваше
       „кръг N от 4“ (mega.css:1047). Мястото вече е за големия кръг; цветът — роза и злато вместо розово→лилаво.
   ПЪТ НАЗАД: махни този блок. */
html body #roomOverlay #roRoom .sec-head .sec-n { font-size: 12px; }
html:not([data-theme="dark"]) body #roomOverlay #roRoom .sec-head .sec-n { color: #8e2350; background: #fde6ef; }
html[data-theme="dark"] body #roomOverlay #roRoom .sec-head .sec-n { color: #ffd0e1; background: rgba(229, 109, 153, .24); }
html[data-theme="dark"] body .ask-live { font-size: 11.5px; }
html body .br-circle { margin-top: 36px; margin-bottom: 36px; background: radial-gradient(circle, rgba(245, 156, 187, .38), rgba(217, 185, 143, .22)); }
/* край 21.10 · трети проход */