:root {
    --bg:#120D0A; --bg2:#1C1410; --surf:#261B15;
    --fade:23,16,10;            /* чем растушёвывается край ленты — цвет страницы */
    /* --ink3 был #6F6354: контраст 2,87–3,30 при норме 4,5 — подписи полей
       и мелкие строки «плохо заметны» (замечание клиента 14.10). Поднят
       до запаса 5,5 на самом трудном фоне surf. Оттенок прежний, тёплый. */
    --ink:#F1E9DC; --ink-soft:#D6CBB8; --ink2:#B7A994; --ink3:#A09281;
    --gold:#EFD079; --gold2:#F7E6AE; --gold-deep:#C9A66B;
    --line:rgba(239,208,121,0.22); --line-soft:rgba(239,208,121,0.14); --line-strong:rgba(239,208,121,0.45);
    --veil:rgba(18,13,10,0.92); --glass:rgba(28,20,16,0.55);
    --shadow:0 30px 80px -40px rgba(0,0,0,0.9);
    --on-ink:#F6EFE2; --on-ink2:#DACFBC; --on-gold:#EFD079;
    --ui-ink:#F6EFE2; --ui-ink2:#C9BCA6; --ui-gold:#EFD079; --ui-wash:rgba(239,208,121,0.16);
  }
  [data-theme="day"] {
    --bg:#F7F2E9; --bg2:#EFE7D8; --surf:#FFFCF6;
    --fade:247,242,233;
    --ink:#2A1D14; --ink-soft:#4A382B; --ink2:#6E5B49; --ink3:#66594A;
    /* Золотой дневной темы был #B4863B: на бумаге контраст 2,55–3,20 при норме 4,5 —
       цены, номера разделов и «+» в вопросах читались плохо. Тон 37° сохранён,
       светлота опущена до запаса 4,7 на самом трудном светлом фоне. Ночную тему
       это не затрагивает. Линии переведены на тот же новый золотой. */
    --gold:#805C20; --gold2:#72511D; --gold-deep:#805C20;
    --line:rgba(128,92,32,0.3); --line-soft:rgba(128,92,32,0.18); --line-strong:rgba(128,92,32,0.5);
    --veil:rgba(247,242,233,0.92); --glass:rgba(255,252,246,0.7);
    --shadow:0 30px 70px -45px rgba(90,60,25,0.5);
    --ui-ink:#2A1D14; --ui-ink2:#6E5B49; --ui-gold:#72511D; --ui-wash:rgba(114,81,29,0.14);
  }
  html, body { margin:0; padding:0; background:var(--bg); transition:background .6s ease; }
  body { -webkit-font-smoothing:antialiased; }
  body, body * { font-variant-numeric:lining-nums proportional-nums; font-feature-settings:"lnum" 1, "pnum" 1; }
  * { box-sizing:border-box; }
  a { color:#C9A66B; text-decoration:none; }
  a:hover { color:#E6CFA0; }
  /* На бумаге #C9A66B давал 2,24 — «Узнать подробнее» и «Смотреть отзывы» не читались. */
  /* Полупрозрачные золотые подписи (номера разделов, иероглифы, кавычка) на
     бумаге бледнеют: 2,01–3,71 при норме 3,0/4,5. В дневной теме — в полную силу. */
  [data-theme="day"] [data-dekor], [data-theme="day"] [data-nav-num] { opacity:1 !important; }
  [data-theme="day"] a { color:#805C20; }
  [data-theme="day"] a:hover { color:#5E4215; }
  ::selection { background:#4E2D17; color:#F1E9DC; }
  input, select, textarea, button { font-family:'Manrope', sans-serif; }
  input::placeholder { color:var(--ink3); }
  [data-theme="day"] select option { background:#FFFCF6; color:#2A1D14; }
  @keyframes lsRise { from { transform:translateY(24px); } to { transform:none; } }
  @keyframes lsShine { 0% { transform:translateX(-120%); } 60%,100% { transform:translateX(220%); } }
  @keyframes lsDrift { 0% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(4%,-6%,0) scale(1.12); } 100% { transform:translate3d(0,0,0) scale(1); } }
  @keyframes lsRipple { 0% { transform:scale(.6); opacity:.5; } 100% { transform:scale(1.9); opacity:0; } }
  @keyframes lsWave { 0% { background-position:0 0; } 100% { background-position:1200px 0; } }
  @keyframes lsSpinSlow { to { transform:rotate(360deg); } }
  @keyframes lsBlink { 0%,100% { opacity:.25; } 50% { opacity:1; } }
  @keyframes lsRippleOut { 0% { transform:scale(.35); opacity:0; } 18% { opacity:.5; } 100% { transform:scale(1.6); opacity:0; } }
  @keyframes lsSheen { 0%,100% { opacity:.25; transform:translateY(0); } 50% { opacity:.6; transform:translateY(-14px); } }
  @keyframes lsBreathe { 0%,100% { transform:scale(1) rotate(0deg); opacity:.05; } 50% { transform:scale(1.06) rotate(2deg); opacity:.1; } }
  @keyframes lsWaveX { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }
  @keyframes lsKen { from { transform:scale(1); } to { transform:scale(1.07); } }
  @keyframes lsFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-6px); } }
  @keyframes lsScrollHint { 0% { transform:translateY(0); opacity:0; } 35% { opacity:1; } 100% { transform:translateY(22px); opacity:0; } }
  /* Полоса прокрутки внутри окон. На машинах, где полосы не наложенные, браузер
     рисует свою серую со стрелками — она выбивается из оформления. Красим в палитру:
     тонкая, золотая, со скруглением, ярче под курсором. overscroll-behavior не даёт
     прокрутке «перетечь» на страницу под окном, когда список доскроллен до конца. */
  .ls-skroll { scrollbar-width:thin; scrollbar-color:rgba(239,208,121,0.42) rgba(239,208,121,0.07); overscroll-behavior:contain; }
  .ls-skroll::-webkit-scrollbar { width:6px; height:6px; }
  .ls-skroll::-webkit-scrollbar-track { background:rgba(239,208,121,0.07); border-radius:3px; }
  .ls-skroll::-webkit-scrollbar-thumb { background:rgba(239,208,121,0.42); border-radius:3px; }
  .ls-skroll::-webkit-scrollbar-thumb:hover { background:rgba(239,208,121,0.72); }
  .ls-skroll::-webkit-scrollbar-corner { background:transparent; }
  [data-select-list] { scrollbar-width:thin; scrollbar-color:rgba(239,208,121,0.42) rgba(239,208,121,0.07); overscroll-behavior:contain; }
  [data-select-list]::-webkit-scrollbar { width:6px; }
  [data-select-list]::-webkit-scrollbar-track { background:rgba(239,208,121,0.07); border-radius:3px; }
  [data-select-list]::-webkit-scrollbar-thumb { background:rgba(239,208,121,0.42); border-radius:3px; }
  [data-select-list]::-webkit-scrollbar-thumb:hover { background:rgba(239,208,121,0.72); }
  /* Карточка услуги теперь во весь снимок. На телефоне при ширине 232 px подписи
     занимали её целиком: снимка не оставалось, а номер налезал на заголовок.
     Даём карточке больше ширины — высота идёт за пропорцией 2:3. */
  @media (max-width:760px) {
    [data-row][data-card] { width:min(88vw, 350px) !important; }
    /* У ритуалов подписей больше, чем у услуг: на узкой карточке они занимали
       её почти целиком и снимка не оставалось. Даём ширины — высота идёт
       за пропорцией 2:3, и сверху открывается чистая фотография. */
    [data-screen-label="Rituals"] [data-card] { min-width:min(92vw, 360px) !important; }
    /* Плывущие пятна-подсветки (lsDrift) двигают и МАСШТАБИРУЮТ слои до 620 px.
       Замер на телефоне при замедлении ×4: с ними p95 = 24,3 мс и кадр на 43,6;
       без них — 17,7 мс и худший 19,7. На телефоне пятна стоят неподвижно:
       внешне разницы нет, прокрутка перестаёт дёргаться. */
    [style*="lsDrift"] { animation:none !important; }
  }
  /* Если человек просил систему убрать движение — убираем всё бесконечное. */
  @media (prefers-reduced-motion: reduce) {
    [style*="infinite"] { animation:none !important; }
  }
  /* Окно с полным прайсом лазерной эпиляции: на большом экране — коробка по центру,
     на телефоне во весь экран с прокруткой, вкладки сверху остаются на месте. */
  .ls-lz { padding:clamp(0px,4vw,40px); }
  .ls-lz__box { width:min(760px,100%); max-height:min(88vh,900px); }
  @media (max-width:760px) {
    .ls-lz { padding:0; }
    .ls-lz__box { width:100%; height:100%; max-height:none; border:none; }
  }
  [data-rail]::-webkit-scrollbar { display:none; width:0; height:0; }
  [data-rail] { scrollbar-width:none; }
  /* Полоса прокрутки ленты была 3 px и почти прозрачная — её не видно
     и не ухватить мышью (замечание владельца 14.10). Делаем 8 px и заметной. */
  [data-hscroll] img, [data-rail] img { -webkit-user-drag:none; user-select:none; }
  /* Своя полоса прокрутки под лентой: браузерная накладная — её не видно
     и не ухватить. Эта всегда на месте и тянется мышью. */
  .ls-pol { position:relative; height:3px; margin:18px clamp(20px,6vw,96px) 0;
            background:rgba(201,166,107,0.16); cursor:pointer; touch-action:none; }
  .ls-pol i { position:absolute; top:-3px; bottom:-3px; left:0; width:30%;
              background:var(--gold); opacity:.85; border-radius:1px; }
  .ls-pol:hover i { opacity:1; }
  /* Полос прокрутки у ленты «Пространство» было ДВЕ: родная (её видно на машинах,
     где полосы не наложенные) и своя .ls-pol. Родную убираем — как у ленты услуг. */
  [data-hscroll] { cursor:grab; scrollbar-width:none; }
  [data-hscroll]:active { cursor:grabbing; }
  [data-hscroll]::-webkit-scrollbar { display:none; width:0; height:0; }
  /* Кнопки-чипы брали фон у браузера (#efefef) — светло-серая плашка под
     бежевым текстом, контраст 1,6 : 1. Явно задаём прозрачный фон. */
  [data-chip] { background-color:transparent; }

  /* Кому движение мешает (настройка в системе) — страница стоит на месте.
     Вёрстка та же: выключается только движение и плавные переходы. */
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation-duration: .001ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: .001ms !important;
      scroll-behavior: auto !important;
    }
  }

  /* Обводка при ходьбе по странице с клавиатуры: мышью её не видно. */
  a:focus-visible, button:focus-visible, input:focus-visible,
  textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 3px;
    border-radius: 2px;
  }