/* ============================================================
   SLOTLY · AURA — публичный сайт (с 06.10.2026)
   ------------------------------------------------------------
   Подключается ПОСЛЕ aura.css на страницах сайта: лендинг, нишевые страницы
   (for-*.html), статьи-сравнения, каталог, карта, акции, о компании, FAQ, справка,
   оферта, политика. Токены — из aura.css; здесь только компоненты сайта
   (словарь clay.css / landing-clay.css / niche-clay.css / public-clay.css /
   content-clay.css), приведённые к той же системе, что и приложение:
   заголовки EB Garamond, кнопки-таблетки без «ступеньки», стекло, круглые значки.

   Нишевые страницы раньше красили всё в свой цвет (фиолетовый у салонов, синий у
   клиник…). Теперь бренд один: оранжевый — главное действие, мята и жёлтый — акценты.
   ============================================================ */

/* Цвет ниши больше не перекрашивает бренд. */
html:root[data-niche], html:root[data-niche][data-theme] {
  --accent: var(--a-accent); --accent-soft: #ff8442; --accent-deep: #c43200;
  --accent-tint: var(--a-accent-soft); --accent-text: var(--a-accent-text);
}

/* ---------- типографика ---------- */
html[data-theme] .display,
html[data-theme] .h1,
html[data-theme] .h2,
html[data-theme] .h3,
html[data-theme] .hero h1,
html[data-theme] .nhero h1,
html[data-theme] .cphero h1,
html[data-theme] .phead h1,
html[data-theme] .legal h1,
html[data-theme] .legal h2,
html[data-theme] .finalcta h2,
html[data-theme] .faq-group__title,
html[data-theme] .seo-block-inner h2,
html[data-theme] .help-block h2,
html[data-theme] .nf__num {
  font-family: var(--a-serif) !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;
}
html[data-theme] .h1, html[data-theme] .hero h1, html[data-theme] .nhero h1 { line-height: 1.02 !important; }
html[data-theme] .h3 { font-size: 24px !important; }
/* Выделенная строка заголовка — курсивом того же цвета, а не переливом. */
html[data-theme] .hl,
html[data-theme] .hero h1 .hl,
html[data-theme] .nhero h1 .hl {
  background: none !important; -webkit-text-fill-color: currentColor !important;
  color: var(--a-accent-text) !important; font-style: italic; animation: none !important;
}
html[data-theme] .lead { color: var(--a-ink-2) !important; }
html[data-theme] .eyebrow {
  border-radius: 999px !important; background: var(--a-glass-strong) !important;
  border: 1px solid var(--a-glass-line) !important; box-shadow: var(--a-shadow) !important;
  color: var(--a-ink-2) !important; letter-spacing: 0 !important; text-transform: none !important;
}
html[data-theme] .eyebrow .dot { background: var(--a-accent) !important; }
html[data-theme] .hstat b,
html[data-theme] .about-stat b,
html[data-theme] .ai-kpi b,
html[data-theme] .method__num,
html[data-theme] .step__num { font-family: var(--a-sans) !important; }

/* ---------- верхнее меню: плавающая стеклянная полоса ---------- */
html[data-theme] .nav { background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html[data-theme] .nav__inner {
  margin-top: 12px !important; padding: 10px 12px 10px 20px !important; border-radius: 999px;
  background: var(--a-glass) !important; border: 1px solid var(--a-glass-line);
  box-shadow: var(--a-shadow);
  -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4);
  max-width: calc(var(--maxw, 1200px) - 32px) !important;
}
html[data-theme] .nav.scrolled .nav__inner { background: var(--a-glass-strong) !important; }
html[data-theme] .nav__links a { color: var(--a-ink-2) !important; }
html[data-theme] .nav__links a:hover { color: var(--a-ink) !important; }
html[data-theme] .brandmark { font-family: var(--a-serif) !important; font-weight: 500 !important; font-size: 24px !important; }
html[data-theme] .theme-toggle,
html[data-theme] .burger {
  border-radius: 50% !important; background: var(--a-glass-strong) !important;
  border: 1px solid var(--a-glass-line) !important; box-shadow: none !important;
}
html[data-theme] .mobile-menu {
  background: var(--a-modal) !important; border-radius: 0 0 28px 28px;
  -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px);
}
@media (max-width: 900px) {
  html[data-theme] .nav__inner { margin: 8px 10px 0 !important; }
}

/* ---------- кнопки ---------- */
html[data-theme] .cbtn { border-radius: 999px !important; }
html[data-theme] .cbtn--primary {
  background: var(--a-accent) !important; color: #fff !important; border: none !important;
  box-shadow: 0 14px 26px -14px rgba(254, 66, 8, .95) !important;
}
html[data-theme] .cbtn--primary:hover { background: var(--a-accent-hover) !important; transform: translateY(-1px) !important; }
html[data-theme] .cbtn--primary:active { transform: translateY(1px) !important; }
html[data-theme] .cbtn--soft,
html[data-theme] .cbtn--outline-w {
  background: var(--a-glass-strong) !important; color: var(--a-ink) !important;
  border: 1px solid var(--a-glass-line) !important; box-shadow: var(--a-shadow) !important;
}
html[data-theme] .cbtn--white { background: #fff !important; color: #222226 !important; box-shadow: none !important; border-radius: 999px !important; }
html[data-theme] .cbtn--ghost { color: var(--a-ink) !important; box-shadow: none !important; }
html[data-theme] .cbtn--sm { box-shadow: none !important; }
html[data-theme] .cbtn--sm.cbtn--primary { box-shadow: 0 10px 20px -12px rgba(254, 66, 8, .9) !important; }

/* ---------- карточки, чипы, значки ---------- */
html[data-theme] .claycard,
html[data-theme] .feat,
html[data-theme] .faq__item,
html[data-theme] .helpcard,
html[data-theme] .teamcard,
html[data-theme] .value,
html[data-theme] .nben,
html[data-theme] .nsvc,
html[data-theme] .ntest,
html[data-theme] .bizcard,
html[data-theme] .sharecard,
html[data-theme] .mapitem,
html[data-theme] .maplist,
html[data-theme] .legal__toc,
html[data-theme] .ai-mock,
html[data-theme] .ai-pillar,
html[data-theme] .method,
html[data-theme] .about-stat {
  background: var(--a-glass) !important; border: 1px solid var(--a-glass-line) !important;
  border-radius: var(--a-r-panel) !important; box-shadow: var(--a-shadow) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.3); backdrop-filter: blur(18px) saturate(1.3);
}
html[data-theme] .claycard--hover:hover,
html[data-theme] .bizcard:hover,
html[data-theme] .sharecard:hover,
html[data-theme] .helpcard:hover { transform: translateY(-2px) !important; background: var(--a-glass-strong) !important; }
html[data-theme] .chip,
html[data-theme] .fchip,
html[data-theme] .nsw,
html[data-theme] .mq-item,
html[data-theme] .hv-bubble {
  border-radius: 999px !important; background: var(--a-glass-strong) !important;
  border: 1px solid var(--a-glass-line) !important; box-shadow: none !important; color: var(--a-ink-2) !important;
}
html[data-theme] .fchip.on, html[data-theme] .fchip.active,
html[data-theme] .nsw.on, html[data-theme] .nsw.active, html[data-theme] .nsw[aria-current="page"] {
  background: var(--a-ink) !important; color: var(--a-base) !important; border-color: var(--a-ink) !important;
}
html[data-theme] .pill { border-radius: 999px !important; background: var(--a-accent-soft) !important; color: var(--a-accent-text) !important; }
html[data-theme] .itile,
html[data-theme] .nf__coin,
html[data-theme] .hv-coin,
html[data-theme] .hv-ava,
html[data-theme] .teamcard__ava,
html[data-theme] .bizcard__logo,
html[data-theme] .mapitem__logo,
html[data-theme] .ntest__ava {
  border-radius: 50% !important; color: #fff !important; border: none !important;
  background: linear-gradient(150deg, #ff8442 0%, #fe4208 70%) !important;
  box-shadow: 0 10px 20px -10px rgba(254, 66, 8, .85), inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}
html[data-theme] .itile--teal { background: var(--a-mint) !important; color: #0b3b22 !important; box-shadow: 0 10px 20px -10px rgba(34, 180, 110, .8) !important; }
html[data-theme] .itile--gold { background: var(--a-butter) !important; color: #5a3d00 !important; box-shadow: 0 10px 20px -10px rgba(200, 150, 40, .7) !important; }
html[data-theme] .itile--plum { background: var(--a-ink) !important; color: var(--a-base) !important; box-shadow: none !important; }
html[data-theme] .bizcard__logo img, html[data-theme] .mapitem__logo img { border-radius: 50%; }

/* ---------- первый экран ---------- */
/* Пятна и «лучи» прежнего фона убираем: подсветка теперь общая, под стеклом. */
html[data-theme] .hero__bg,
html[data-theme] .hero__beam,
html[data-theme] .hero__mote,
html[data-theme] .cphero__bg,
html[data-theme] .phead__bg { display: none !important; }
html[data-theme] .hero, html[data-theme] .nhero, html[data-theme] .cphero, html[data-theme] .phead { background: transparent !important; }
html[data-theme] .hv-card,
html[data-theme] .hv-mini,
html[data-theme] .hv-plane {
  background: var(--a-glass-strong) !important; border: 1px solid var(--a-glass-line) !important;
  border-radius: var(--a-r-panel) !important; box-shadow: var(--a-shadow-lg) !important;
}
html[data-theme] .hv-card__name { font-family: var(--a-sans) !important; }
html[data-theme] .hv-slot {
  border-radius: 999px !important; background: var(--a-glass-soft) !important;
  border: 1px solid var(--a-hair) !important; box-shadow: none !important;
}
html[data-theme] .hv-slot.on { background: var(--a-accent) !important; color: #fff !important; border-color: transparent !important; }
html[data-theme] .hv-confirm {
  border-radius: 999px !important; background: var(--a-accent) !important; color: #fff !important;
  box-shadow: 0 14px 26px -14px rgba(254, 66, 8, .95) !important;
}
html[data-theme] .hv-bubble { background: var(--a-ink) !important; color: var(--a-base) !important; border-color: var(--a-ink) !important; }

/* ---------- блоки лендинга ---------- */
html[data-theme] .niche {
  border-radius: 20px !important; background: var(--a-glass) !important; border: 1px solid var(--a-glass-line) !important;
  box-shadow: var(--a-shadow) !important;
}
html[data-theme] .niche:hover { background: var(--a-glass-strong) !important; transform: translateY(-2px); }
/* Номера шагов — крупные цифры гарнитурой заголовков, без кругов и обводки. */
html[data-theme] .step__num {
  font-family: var(--a-serif) !important; font-weight: 500 !important; font-size: 64px !important;
  color: var(--a-accent) !important; -webkit-text-stroke: 0 !important; opacity: 1 !important;
  background: none !important; box-shadow: none !important;
}
html[data-theme] .method__num {
  font-family: var(--a-sans) !important; color: var(--a-accent-text) !important;
  background: none !important; box-shadow: none !important; letter-spacing: .02em !important;
}
html[data-theme] .step__line { background: var(--a-hair-2) !important; }
html[data-theme] .method__tag { border-radius: 999px !important; background: var(--a-mint-soft) !important; color: var(--a-mint-text) !important; }
/* Метка «Бесплатно сейчас» — таблетка над карточкой, а не полоса во всю ширину. */
html[data-theme] .plan__badge {
  position: absolute !important; top: -14px !important; left: 50% !important; transform: translateX(-50%) !important;
  width: auto !important; white-space: nowrap; padding: 6px 14px !important; border-radius: 999px !important;
  background: var(--a-mint) !important; color: #0b3b22 !important; font-weight: 700 !important; box-shadow: none !important;
}
html[data-theme] .faq__q { font-family: var(--a-sans) !important; }
/* Финальный призыв — тёмная панель: одно сильное место на странице. */
html[data-theme] .finalcta {
  background: var(--a-ink) !important; color: var(--a-base) !important; border: none !important;
  border-radius: 36px !important; box-shadow: var(--a-shadow-lg) !important;
}
html[data-theme] .finalcta::before, html[data-theme] .finalcta::after { display: none !important; }
html[data-theme] .finalcta h2, html[data-theme] .finalcta .h2 { color: var(--a-base) !important; }
html[data-theme] .finalcta .lead, html[data-theme] .finalcta p { color: color-mix(in srgb, var(--a-base) 78%, transparent) !important; }
html[data-theme="dark"] .finalcta { background: #f6f1eb !important; color: #222226 !important; }
html[data-theme="dark"] .finalcta h2, html[data-theme="dark"] .finalcta .h2 { color: #222226 !important; }
html[data-theme="dark"] .finalcta .lead, html[data-theme="dark"] .finalcta p { color: #4c4950 !important; }
html[data-theme] .marquee { background: transparent !important; }
html[data-theme] .show__phone,
html[data-theme] .show__screen { border-radius: 36px !important; }
html[data-theme] .ai-act { border-radius: 999px !important; }
html[data-theme] .ai-quote { font-family: var(--a-serif) !important; font-size: 22px !important; }

/* ---------- нишевые страницы ---------- */
html[data-theme] .niche-switch__inner {
  border-radius: 28px !important; background: var(--a-glass) !important; border: 1px solid var(--a-glass-line) !important;
  box-shadow: var(--a-shadow) !important;
}
html[data-theme] .nobj, html[data-theme] .nobj--tile, html[data-theme] .nobj--big, html[data-theme] .nobj--mid {
  border-radius: 50% !important; background: linear-gradient(150deg, #ff8442 0%, #fe4208 70%) !important;
  box-shadow: 0 18px 30px -16px rgba(254, 66, 8, .9) !important; color: #fff !important;
}
html[data-theme] .nobj__sh { display: none !important; }
html[data-theme] .nsvc__name { font-family: var(--a-sans) !important; }
html[data-theme] .ntest__quote { font-family: var(--a-serif) !important; font-size: 20px !important; line-height: 1.35 !important; }
html[data-theme] .ntest__stars { color: #f2b23a !important; }

/* ---------- каталог, карта, акции ---------- */
html[data-theme] .filters { background: transparent !important; box-shadow: none !important; border: none !important; }
html[data-theme] .bizcard__cover { border-radius: 20px 20px 0 0; }
html[data-theme] .bizcard__name, html[data-theme] .sharecard__title, html[data-theme] .mapitem__name { font-family: var(--a-sans) !important; }
html[data-theme] .sharecard__tag { border-radius: 999px !important; }
html[data-theme] .pin { filter: none !important; }
html[data-theme] .crumbs a { color: var(--a-accent-text) !important; }

/* ---------- о компании, FAQ, справка, юридические ---------- */
html[data-theme] .help-search,
html[data-theme] .faq-search-box {
  border-radius: 999px !important; background: var(--a-glass-strong) !important; border: 1px solid var(--a-glass-line) !important;
}
html[data-theme] .faq-group__title { font-size: 26px !important; }
html[data-theme] .legal a { color: var(--a-accent-text) !important; }
html[data-theme] .nf__num { font-size: clamp(90px, 14vw, 180px) !important; }

/* ---------- подвал ---------- */
/* Одна стеклянная панель той же ширины, что и блоки страницы над ней. Сверху бренд и три
   колонки ссылок, ниже — указатель «Для кого / Каталог по городам» строкой через точки:
   прежние 23 плашки разной ширины рвали ряд как попало. Разметку строит site-footer.js. */
html[data-theme] .foot {
  width: min(1200px, calc(100% - 32px)); margin: 28px auto 16px; padding: 48px 48px 24px !important;
  background: var(--a-glass-soft) !important; border: 1px solid var(--a-glass-line) !important;
  border-radius: 32px; box-shadow: var(--a-shadow);
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
}
html[data-theme] .foot__top { display: grid; grid-template-columns: minmax(230px, 1.3fr) repeat(3, minmax(0, 1fr)); gap: 40px; }
html[data-theme] .foot .brandmark { margin-bottom: 16px; }
html[data-theme] .foot__desc { margin: 0; max-width: 300px; color: var(--a-ink-2); font-size: 14.5px; line-height: 1.6; }
html[data-theme] .foot h4 {
  margin: 6px 0 16px !important; font-size: 13px !important; font-weight: 700 !important;
  text-transform: none !important; letter-spacing: 0 !important; color: var(--a-ink-3) !important;
}
html[data-theme] .foot__col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
html[data-theme] .foot__col a { font-size: 14.5px; font-weight: 600; line-height: 1.35; color: var(--a-ink) !important; text-decoration: none; }
html[data-theme] .foot a:hover,
html[data-theme] .foot a[aria-current="page"] { color: var(--a-accent-text) !important; }

html[data-theme] .foot__index { margin-top: 44px; border-top: 1px solid var(--a-hair); }
html[data-theme] .foot__row {
  display: grid; grid-template-columns: minmax(230px, 1.3fr) repeat(3, minmax(0, 1fr)); gap: 40px; align-items: baseline;
  padding: 22px 0; border-bottom: 1px solid var(--a-hair);
}
/* Та же сетка, что у колонок сверху: список начинается ровно под «Продуктом». */
html[data-theme] .foot__row > .foot__flow { grid-column: 2 / -1; }
html[data-theme] .foot__label { font-size: 13px; font-weight: 700; color: var(--a-ink-3); }
/* Точка стоит ПЕРЕД каждым пунктом; список сдвинут влево на ширину точки с отступами, а
   .foot__flow её срезает — у первого пункта строки точки не видно. */
html[data-theme] .foot__flow { overflow: hidden; padding: 2px 0 2px 4px; margin-left: -4px; }
html[data-theme] .foot__list { list-style: none; margin: 0 0 0 -26px; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; gap: 2px 0; }
html[data-theme] .foot__list li { position: relative; padding-left: 26px; }
html[data-theme] .foot__list li::before {
  content: ""; position: absolute; left: 10px; top: 50%; width: 6px; height: 6px; margin-top: -2px;
  border-radius: 50%; background: var(--a-accent); opacity: .5;
}
html[data-theme] .foot__list a {
  font-family: var(--a-serif); font-size: 21px; font-weight: 500; line-height: 1.5; white-space: nowrap;
  color: var(--a-ink) !important; text-decoration: none;
  background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;
  transition: background-size .2s ease, color .15s ease;
}
html[data-theme] .foot__list a:hover,
html[data-theme] .foot__list a:focus-visible,
html[data-theme] .foot__list a[aria-current="page"] { background-size: 100% 1px; }

html[data-theme] .foot__bottom {
  max-width: none; margin: 0; padding: 22px 0 0; border-top: none !important;
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px;
  font-size: 13px; font-weight: 600; color: var(--a-ink-3);
}
@media (max-width: 900px) {
  html[data-theme] .foot__top { grid-template-columns: 1fr 1fr; gap: 30px 24px; }
  html[data-theme] .foot__brand { grid-column: 1 / -1; }
  html[data-theme] .foot__row { grid-template-columns: 1fr; gap: 8px; }
  html[data-theme] .foot__row > .foot__flow { grid-column: auto; }
}
@media (max-width: 640px) {
  html[data-theme] .foot { width: calc(100% - 20px); margin: 20px auto 10px; padding: 30px 22px 22px !important; border-radius: 26px; }
  html[data-theme] .foot__index { margin-top: 32px; }
  html[data-theme] .foot__row { padding: 18px 0; }
  html[data-theme] .foot__list { margin-left: -22px; }
  html[data-theme] .foot__list li { padding-left: 22px; }
  html[data-theme] .foot__list li::before { left: 8px; width: 5px; height: 5px; }
  html[data-theme] .foot__list a { font-size: 18px; }
  html[data-theme] .foot__bottom { flex-direction: column; }
  /* На телефоне колонки в две узкие полосы переносили почти каждую ссылку на вторую
     строку. Группа ссылок идёт строкой через точки — так же, как указатель ниже. */
  html[data-theme] .foot__top { grid-template-columns: 1fr; gap: 26px; }
  html[data-theme] .foot__col { overflow: hidden; padding-left: 4px; margin-left: -4px; }
  html[data-theme] .foot__col h4 { margin: 0 0 8px !important; }
  html[data-theme] .foot__col ul { flex-direction: row; flex-wrap: wrap; gap: 4px 0; margin-left: -20px; }
  html[data-theme] .foot__col li { position: relative; padding-left: 20px; }
  html[data-theme] .foot__col li::before {
    content: ""; position: absolute; left: 7px; top: 50%; width: 5px; height: 5px; margin-top: -2px;
    border-radius: 50%; background: var(--a-accent); opacity: .5;
  }
  html[data-theme] .foot__col a { font-size: 15px; line-height: 1.6; white-space: nowrap; }
}
/* Строка перелинковки над подвалом: была оранжевыми ссылками и спорила с ним. */
html[data-theme] .seo-related-links { color: var(--a-ink-3) !important; font-weight: 500 !important; max-width: 980px; }
html[data-theme] .seo-related-links a {
  color: var(--a-ink-2) !important; text-decoration: underline;
  text-decoration-color: var(--a-hair); text-underline-offset: 3px;
}
html[data-theme] .seo-related-links a:hover { color: var(--a-accent-text) !important; text-decoration-color: currentColor; }

/* ---------- телефон на лендинге («Всё крутится вокруг записи») ---------- */
/* Экран — сплошной: стекло поверх чёрного корпуса читалось серой плашкой. */
html[data-theme] .show__screen { background: var(--a-base) !important; }
html[data-theme] .show__srow { background: #fff !important; border-radius: 16px !important; }
html[data-theme="dark"] .show__srow { background: rgba(255, 255, 255, .06) !important; }
html[data-theme] .show__sbtn { border-radius: 999px !important; box-shadow: none !important; background: var(--a-accent) !important; color: #fff !important; }
html[data-theme] .show__sbar { background: var(--a-accent) !important; }
html[data-theme] .show__shead b { font-family: var(--a-serif) !important; font-weight: 500 !important; font-size: 17px !important; }
html[data-theme] .show__sdot, html[data-theme] .show__coin .ic { border-radius: 50% !important; }
html[data-theme] .show__srow:nth-child(3n+1) .show__sdot, html[data-theme] .show__coin.f1 .ic, html[data-theme] .show__coin.f5 .ic {
  background: linear-gradient(150deg, #ff8442 0%, #fe4208 70%) !important; color: #fff !important;
}
html[data-theme] .show__srow:nth-child(3n+2) .show__sdot, html[data-theme] .show__coin.f2 .ic { background: var(--a-mint) !important; color: #0b3b22 !important; }
html[data-theme] .show__srow:nth-child(3n) .show__sdot, html[data-theme] .show__coin.f3 .ic { background: var(--a-ink) !important; color: var(--a-base) !important; }
html[data-theme] .show__coin.f4 .ic { background: var(--a-butter) !important; color: #5a3d00 !important; }
/* Подписи вокруг телефона — стеклянные таблетки. */
html[data-theme] .show__coin {
  border-radius: 999px !important; padding: 8px 16px 8px 8px !important;
  background: var(--a-glass-strong) !important; border: 1px solid var(--a-glass-line) !important;
  box-shadow: var(--a-shadow) !important; color: var(--a-ink) !important;
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
}
html[data-theme] .show__coin small { color: var(--a-ink-3) !important; }

/* ---------- каталог: плитки категорий ---------- */
html[data-theme] .category-card { border-radius: 18px !important; }
html[data-theme] .category-card .ib { border-radius: 50% !important; }
html[data-theme] .category-card.active {
  background: var(--a-ink) !important; color: var(--a-base) !important; border-color: var(--a-ink) !important; box-shadow: none !important;
}
html[data-theme] .category-card.active .ib { background: rgba(255, 255, 255, .16) !important; color: var(--a-base) !important; }

/* ---------- лендинг: пакеты записей ---------- */
html[data-theme] .pack { border-radius: 18px !important; box-shadow: none !important; }
html[data-theme] .pack--best { box-shadow: 0 0 0 2px var(--a-accent) !important; }

/* Ссылка «перейти к содержимому» видна только с клавиатуры — и тоже таблеткой. */
html[data-theme] .skip-link { border-radius: 999px !important; box-shadow: none !important; background: var(--a-accent) !important; }

/* ---------- «Как выглядит Slotly изнутри» (demo.html) ----------
   Макеты экранов должны показывать ТЕКУЩИЙ интерфейс: круглые значки палитры Aura,
   таблетки, оранжевый только у главного действия. */
html[data-theme] .demo-desc ul li i { border-radius: 50% !important; background: var(--a-mint) !important; color: #0b3b22 !important; box-shadow: none !important; }
html[data-theme] .phone-inner { background: var(--a-base) !important; }
html[data-theme] .browser-frame { border-radius: 24px !important; background: var(--a-glass-strong) !important; box-shadow: var(--a-shadow-lg) !important; }
html[data-theme] .dk-stat,
html[data-theme] .dk-menu-item,
html[data-theme] .dk-booking,
html[data-theme] .dk-upcoming-card,
html[data-theme] .dk-ai-kpi,
html[data-theme] .dk-ai-narr,
html[data-theme] .dk-ai-card,
html[data-theme] .dk-tier,
html[data-theme] .dk-search {
  background: #fff !important; border: 1px solid var(--a-hair) !important; border-radius: 18px !important; box-shadow: none !important;
}
html[data-theme="dark"] .dk-stat, html[data-theme="dark"] .dk-menu-item, html[data-theme="dark"] .dk-booking,
html[data-theme="dark"] .dk-upcoming-card, html[data-theme="dark"] .dk-ai-kpi, html[data-theme="dark"] .dk-ai-narr,
html[data-theme="dark"] .dk-ai-card, html[data-theme="dark"] .dk-tier, html[data-theme="dark"] .dk-search {
  background: rgba(255, 255, 255, .05) !important;
}
html[data-theme] .dk-search { border-radius: 999px !important; }
html[data-theme] .dk-stat-icon,
html[data-theme] .dk-menu-icon { border-radius: 50% !important; box-shadow: none !important; }
html[data-theme] .dk-stat-icon.orange,
html[data-theme] .dk-menu-item:nth-child(4n+1) .dk-menu-icon { background: linear-gradient(150deg, #ff8442 0%, #fe4208 70%) !important; color: #fff !important; }
html[data-theme] .dk-stat-icon.green,
html[data-theme] .dk-menu-item:nth-child(4n+2) .dk-menu-icon { background: var(--a-mint) !important; color: #0b3b22 !important; }
html[data-theme] .dk-stat-icon.purple,
html[data-theme] .dk-menu-item:nth-child(4n+3) .dk-menu-icon { background: var(--a-butter) !important; color: #5a3d00 !important; }
html[data-theme] .dk-stat-icon.blue,
html[data-theme] .dk-menu-item:nth-child(4n) .dk-menu-icon { background: var(--a-ink) !important; color: var(--a-base) !important; }
html[data-theme] .dk-booking-time { background: var(--a-accent) !important; color: #fff !important; border-radius: 999px !important; }
html[data-theme] .dk-pill, html[data-theme] .dk-ai-tab { border-radius: 999px !important; box-shadow: none !important; }
html[data-theme] .dk-pill.active,
html[data-theme] .dk-ai-tab.active { background: var(--a-ink) !important; color: var(--a-base) !important; border-color: var(--a-ink) !important; box-shadow: none !important; }
html[data-theme] .dk-ai-btn,
html[data-theme] .dk-menu-badge { background: var(--a-accent) !important; color: #fff !important; border-radius: 999px !important; box-shadow: none !important; }
html[data-theme] .dk-tier-name { color: var(--a-ink) !important; }
html[data-theme] .dk-badge { border-radius: 999px !important; }

/* Кнопки «Открыть в MAX / Telegram» — второстепенные: оранжевым на первом экране
   остаётся одно главное действие («Начать бесплатно»). */
html[data-theme] .botbtn {
  background: var(--a-glass-strong) !important; color: var(--a-ink) !important;
  border: 1px solid var(--a-glass-line) !important; box-shadow: var(--a-shadow) !important; border-radius: 999px !important;
}
html[data-theme] .show__li i, html[data-theme] .show__li .ic, html[data-theme] .show__list i { border-radius: 50% !important; }
html[data-theme] .money h3 { font-family: var(--a-serif) !important; font-weight: 500 !important; font-size: 26px !important; }
/* В тёмной теме финальная панель светлая — белая кнопка на ней теряется. */
html[data-theme="dark"] .finalcta .cbtn--white { background: var(--a-accent) !important; color: #fff !important; }
html[data-theme="dark"] .finalcta .cbtn--outline-w,
html[data-theme="dark"] .finalcta .cbtn--soft { background: #222226 !important; color: #f6f1eb !important; border-color: #222226 !important; }

/* Число в цифре первого экрана («2 мин.», «+25%») обёрнуто в span для счётчика, и правило
   подписи (.hstat span — мелкий серый текст блоком) мельчило саму цифру и рвало «+» и
   «25%» на две строки. Цифра — целиком крупная. */
html[data-theme] .hstat b span { display: inline !important; font: inherit !important; color: inherit !important; }

/* Подписи вокруг телефона на узком экране уезжали за правый край («Кэшбэк 1», «AI-со»). */
@media (max-width: 560px) {
  html[data-theme] .show__coin { font-size: 12.5px !important; padding: 6px 12px 6px 6px !important; }
  html[data-theme] .show__coin .ic { width: 26px !important; height: 26px !important; font-size: 11px !important; }
  html[data-theme] .show__coin small { display: none !important; }
  html[data-theme] .show__coin.f2 { transform: translate(30px, -190px) !important; }
  html[data-theme] .show__coin.f3 { transform: translate(40px, -20px) !important; }
  html[data-theme] .show__coin.f5 { transform: translate(20px, 150px) !important; }
}

/* ---------- подписи капсом — убраны везде (сверка 06.10) ----------
   В Aura подпись — обычный регистр, без разрядки. Список собран скриптом по всем
   таблицам стилей приложения и сайта; плюс подписи, где капс зашит прямо в style="…"
   скриптом (ловим по атрибуту). Промокод (.promo-input-wrapper input) — исключение:
   коды вводят и показывают заглавными намеренно. */
html[data-theme] .aside__group, html[data-theme] .atable th, html[data-theme] .admrail__group,
html[data-theme] .booking-status, html[data-theme] .settings-group-title, html[data-theme] .ai-action-group-title,
html[data-theme] .forecast-card .forecast-day .day-name, html[data-theme] .leaderboard-table th,
html[data-theme] .employee-status-badge, html[data-theme] .wlabel, html[data-theme] .foot h4,
html[data-theme] .cnext__lbl, html[data-theme] #location-modal .modal-body.csheet__body .form-group label,
html[data-theme] .booking-month, html[data-theme] .settings-section h3, html[data-theme] .promo-badge,
html[data-theme] .featured-badge, html[data-theme] .ai-badge, html[data-theme] .position-label,
html[data-theme] .queue-big-position .big-label, html[data-theme] .gb-status, html[data-theme] .hv-label,
html[data-theme] .schedule-col-header, html[data-theme] .logo-role, html[data-theme] .data-table th,
html[data-theme] .ticket-list-status, html[data-theme] .wunits__label, html[data-theme] .svc-emp-head,
html[data-theme] .svc-emp-flabel, html[data-theme] .biz-section-label, html[data-theme] .svc-cat-label,
html[data-theme] .cal-dow, html[data-theme] .confirm-label, html[data-theme] .quick-slots__head,
html[data-theme] [style*="text-transform:uppercase"], html[data-theme] [style*="text-transform: uppercase"] {
  text-transform: none !important; letter-spacing: 0 !important;
}

/* Шаги в статьях — тем же гарамондом, что и на лендинге. */
html[data-theme] .step h3 { font-family: var(--a-serif) !important; font-weight: 500 !important; font-size: 24px !important; }
/* Демо-страница: аватары клиентов и полосы загрузки — в палитре. */
html[data-theme] .dk-client-avatar { background: linear-gradient(150deg, #ff8442 0%, #fe4208 70%) !important; color: #fff !important; border-radius: 50% !important; }
html[data-theme] .dk-client-avatar:nth-of-type(3n+2) { background: var(--a-mint) !important; color: #0b3b22 !important; }
html[data-theme] .dk-load-fill { background: var(--a-accent) !important; box-shadow: none !important; }
html[data-theme] .browser-dot.g { background: var(--a-mint) !important; }
html[data-theme] .browser-dot.y { background: var(--a-butter) !important; }
html[data-theme] .browser-dot.r { background: #ff8a6b !important; }

/* Пустые состояния сайта (акции, каталог, карта) — значок в круге, как в приложении. */
html[data-theme] .shares-empty > i,
html[data-theme] .catalog-empty-icon > i,
html[data-theme] .catalog-empty > i,
html[data-theme] .map-empty > i {
  display: inline-grid !important; place-items: center; width: 76px; height: 76px; font-size: 28px !important;
  border-radius: 50%; color: #fff !important; opacity: 1 !important; margin-bottom: 14px;
  background: linear-gradient(150deg, #ff8442 0%, #fe4208 70%) !important;
  box-shadow: 0 10px 20px -10px rgba(254, 66, 8, .85) !important;
}
/* Выноска в оферте/политике — жёлтая «важно», без оранжевой полосы прежнего стиля. */
html[data-theme] .legal__hi {
  background: var(--a-butter-soft) !important; border-left: none !important; border-radius: 18px !important;
  border: 1px solid var(--a-butter) !important; color: var(--a-ink) !important;
}
/* Карта: список и карта — панели со скруглением и отступом от края экрана. */
html[data-theme] .maplayout { gap: 14px; padding: 0 16px 16px; }
html[data-theme] .maplist { border-radius: var(--a-r-panel) !important; overflow: hidden; }
html[data-theme] .mapcanvas, html[data-theme] .maplayout > :not(.maplist) { border-radius: var(--a-r-panel); overflow: hidden; }

/* Демо: на мятной заливке текст тёмный — белый на мяте не читается. */
html[data-theme] [style*="#6ff0ad,#43e592"], html[data-theme] [style*="#6ff0ad,#43e592"] * { color: #0b3b22 !important; }