/* CTS: светлая тема Soft Sand + переключатель — общий файл для всех страниц */
  /* проба: светлый фон Soft Sand по кнопке в меню */
  html.sand-bg body{background:#E3D5BB;}
  /* на светлом фоне — инвертированный (тёмный) текст */
  html.sand-bg{--pearl:#141210;--pearl-dim:#2B2519;--pearl-muted:#4A4130;}
  /* внутри тёмных карточек текст остаётся светлым */
  html.sand-bg .benefit,html.sand-bg .module,html.sand-bg .club-card,html.sand-bg .price-card,
  html.sand-bg .faq-item,html.sand-bg .review-card,html.sand-bg .offer-detail-inner,
  html.sand-bg .blog-card,html.sand-bg .form-wrap,html.sand-bg .pkg,html.sand-bg .offer-tag,
  html.sand-bg .faq-cat-btn,html.sand-bg .filter-btn,html.sand-bg nav,html.sand-bg .hero{--pearl:#FBF7EE;--pearl-dim:#E6DDCB;--pearl-muted:#C8BEAA;}
  /* «Показать ещё» на песочном фоне: золото темнее */
  html.sand-bg .load-more{color:#8A6A2E;border-color:#8A6A2E;}
  /* золотые слова на песочном фоне — темнее */
  html.sand-bg .gold-word{background:linear-gradient(48.2deg,#7A5D1F,#A9842C);
    -webkit-background-clip:text;background-clip:text;}
  /* выделения в текстах на открытом фоне — темнее */
  html.sand-bg .about p strong,html.sand-bg .chapter-lead strong,
  html.sand-bg .offer-lead strong,html.sand-bg .offer-lead em{color:#8A6A2E;}
  /* названия разделов и их линии — темнее */
  html.sand-bg .exp-lead .exp-desc .gold-word{-webkit-text-stroke:.6px #8A6A2E;}
  /* фото методиста на светлой теме — натуральная яркость (в тёмной оно приглушено инлайн-фильтром) */
  html.sand-bg .portrait img{filter:none!important;}
  /* витрувианский человек на песочном фоне — чуть темнее (multiply вместо screen) */
  html.sand-bg .about-vitruvian{mix-blend-mode:multiply;opacity:.22;}
  /* числа статистики — тёмное золото */
  html.sand-bg .stat .num{color:#8A6A2E;}
  html.sand-bg .modules-label{color:#8A6A2E;}
  html.sand-bg .eyebrow-text{color:#8A6A2E;}
  html.sand-bg .eyebrow-line{background:#8A6A2E;}
  /* линии-разделители секций — темнее */
  html.sand-bg .divider-line{background:linear-gradient(to right,transparent,#8A6A2E,transparent);height:2px;}
  /* на песочном фоне — без золотых рамок (кантов) у карточек, плашек и видео */
  html.sand-bg{--gold-frame:linear-gradient(transparent,transparent);}
  html.sand-bg .phone::after{border-color:transparent;}
  html.sand-bg .benefit:hover,html.sand-bg .module.open,
  html.sand-bg .offer-tag:hover,html.sand-bg .club-card:hover{border-color:transparent;}
  /* у бейджиков вообще нет рамки: толщина рамки переведена в паддинг, размер тот же */
  html.sand-bg .offer-tag{border:0;padding:13px 21px;}
  html.sand-bg .faq-cat-btn{border:0;padding:13px 22px;}
  html.sand-bg .filter-btn{border:0;padding:11px 20px;}
  html.sand-bg .lang-switch{border:0;padding:4.5px;box-shadow:none;}
  /* отзывы: стрелки без рамок, модалка со светлым текстом, аватар в цвет логотипа */
  html.sand-bg .rv-arrow,html.sand-bg .rv-arrow:hover{border-color:transparent;box-shadow:none;}
  html.sand-bg .rv-modal-box{--pearl:#FBF7EE;--pearl-dim:#E6DDCB;--pearl-muted:#C8BEAA;}
  html.sand-bg .review-avatar{background:linear-gradient(48.2deg,#7A5D1F,#A9842C);}
  /* активные бейджики без тёмной рамки и тени-прямоугольника; при наведении тоже */
  html.sand-bg .offer-tag.active,html.sand-bg .faq-cat-btn.active,html.sand-bg .filter-btn.active,
  html.sand-bg .offer-tag:hover,html.sand-bg .offer-tag.active:hover{border-color:transparent;box-shadow:none;}
  /* у видео убрать светлую кромку: рамка в ноль, скругления по внешнему радиусу */
  html.sand-bg .phone{border:0;}
  html.sand-bg .phone::after,html.sand-bg .phone video{border-radius:var(--phone-r);}
  /* декоративные иконки и орнамент — заранее перекрашенные в #ACA18D файлы (img/sand/),
     без CSS-фильтров: Safari при анимации терял фильтр и иконки темнели */
  html.sand-bg .deco-icon,html.sand-bg .deco-ornament{filter:none;}
  /* меню: на хиро прозрачное (как в тёмной теме), при скролле той же анимацией
     переходит в цвет фона; пункты меню при этом инвертируются в тёмные */
  html.sand-bg nav.scrolled,html.sand-bg nav.solid{background:#E3D5BB;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;}
  html.sand-bg nav::after{background:linear-gradient(to right,transparent,#8A6A2E,transparent);height:2px;}
  /* полоса прогресса — темнее, как логотип */
  html.sand-bg .progress{background:linear-gradient(90deg,#7A5D1F,#A9842C);}
  html.sand-bg nav.scrolled .nav-link,html.sand-bg nav.solid .nav-link{color:#2B2519;}
  html.sand-bg nav.scrolled .nav-link:hover,html.sand-bg nav.solid .nav-link:hover{color:#8A6A2E;}
  html.sand-bg nav.scrolled .nav-link.active,html.sand-bg nav.solid .nav-link.active{color:#8A6A2E!important;}
  html.sand-bg nav.scrolled .nav-link::after,html.sand-bg nav.solid .nav-link::after{background:#8A6A2E;}
  /* логотип на светлом фоне — темнее */
  html.sand-bg .brand-cts,html.sand-bg .brand-sub{background:linear-gradient(48.2deg,#7A5D1F,#A9842C);
    -webkit-background-clip:text;background-clip:text;}
  /* кнопка «Записаться» в меню — темнее, текст светлый */
  html.sand-bg .nav-cta{background:linear-gradient(48.2deg,#7A5D1F,#A9842C);color:#FBF7EE;
    box-shadow:0 4px 18px rgba(122,93,31,.30);}
  /* все золотые кнопки и выделенные бейджики — в цвет логотипа, текст светлый */
  html.sand-bg .btn-primary,html.sand-bg .blog-card-link,html.sand-bg .lang.active,
  html.sand-bg .offer-tag.active,html.sand-bg .faq-cat-btn.active,html.sand-bg .filter-btn.active{
    background:linear-gradient(48.2deg,#7A5D1F,#A9842C);color:#FBF7EE;}
  html.sand-bg .blog-card:hover .blog-card-link{background:#A9842C;}
  html.sand-bg .rv-arrow:hover{background:linear-gradient(48.2deg,#7A5D1F,#A9842C);color:#FBF7EE;}
  @media(max-width:960px){
    /* гамбургер — тёмное золото на светлом фоне */
    html.sand-bg .nav-toggle{background:rgba(122,93,31,.08);border-color:#8A6A2E;}
    html.sand-bg .nav-toggle span{background:#7A5D1F;}
    html.sand-bg .nav-right{background:#E3D5BB;border-color:#8A6A2E;}
    html.sand-bg .nav-right .nav-link{color:#2B2519;}
    html.sand-bg .nav-right .nav-link.active{color:#8A6A2E!important;}
    /* проба (RU): видео главы не липнет поверх блоков — обычный блок в начале главы,
       проигрывается 5 секунд при появлении, затем уходит вверх вместе со страницей */
    .chapter-media{position:static;z-index:auto;margin-bottom:14px;}
    .chapter .scrub-hint{display:none;}
    /* видео главы — во всю высоту экрана (за вычетом шапки) */
    .chapter .phone{aspect-ratio:auto;max-height:none;height:calc(100vh - 88px);height:calc(100svh - 88px);}
  }
  /* футер в цвет фона, текст тёмный */
  html.sand-bg footer{background:#E3D5BB;-webkit-backdrop-filter:none;backdrop-filter:none;}
  html.sand-bg footer::before{background:linear-gradient(to right,transparent,#8A6A2E,transparent);height:2px;}
  html.sand-bg footer a{color:#8A6A2E;}
  html.sand-bg footer a:hover{color:#7A5D1F;}
  /* переключатель тем: на тёмной — солнце на песочном фоне, на светлой — луна на чёрном */
  .bg-toggle{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.35);cursor:pointer;padding:0;flex-shrink:0;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141210' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4.2' fill='%23141210' stroke='none'/%3E%3Cpath d='M12 1.8v3M12 19.2v3M1.8 12h3M19.2 12h3M4.8 4.8l2.1 2.1M17.1 17.1l2.1 2.1M4.8 19.2l2.1-2.1M17.1 6.9l2.1-2.1'/%3E%3C/svg%3E") center/15px 15px no-repeat,linear-gradient(48.2deg,#C19241,#F8D160);}
  html.sand-bg .bg-toggle{border-color:rgba(20,18,16,.35);
    background:#0A0906 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E3D5BB'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z'/%3E%3C/svg%3E") center/14px 14px no-repeat;}
  .bg-toggle:hover{transform:scale(1.1);}
  /* статьи блога */
  html.sand-bg .art-wrap{--pearl:#FBF7EE;--pearl-dim:#E6DDCB;--pearl-muted:#C8BEAA;}
  html.sand-bg .art-section::after{background:linear-gradient(to right,transparent,#8A6A2E,transparent);height:2px;}
  html.sand-bg .art-back{color:#8A6A2E;}html.sand-bg .art-back:hover{color:#7A5D1F;}

  /* логотип-картинка: тёмный вариант на светлом фоне */
  html.sand-bg .brand-img{content:url("img/logo-dark.png");}
