@charset "UTF-8"; /* --- common.css --- */ /* common.css Общие вспомогательные классы для страниц сайта. Подключается ПОСЛЕ media/css/template.css. Содержит утилитарный класс .visually-hidden — для скрытого, но доступного скринридерам и поисковикам текста (хлебные крошки, FAQ, заголовки h1, подписи для зон-картинок). В template.css такого класса нет, а .hidden (display:none!important) полностью убирает контент и из визуального отображения, и из дерева доступности — поэтому для текста, который должен оставаться доступным (например, скрытый

или хлебные крошки), используется именно .visually-hidden. */ /* ОТКАТ (04.07.2026): пробовали два подхода к выравниванию страниц со скроллом (scrollbar-gutter, затем принудительный overflow-y:scroll на глобально) — оба вмешивались во все страницы сайта сразу и в итоге сломали вёрстку (горизонтальный скролл, задвоенный вертикальный скролл на длинных страницах). Откачено полностью — здесь больше нет никаких правил про overflow/скроллбары. Страницы ведут себя стандартно: скролл появляется сам, только когда контента больше высоты окна, как было изначально до этих экспериментов. */ .visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; border: 0; padding: 0; margin: -1px; } /* Маркеры списков (1., 2., •) рисуются в "marker box" за пределами основного блока элемента и не всегда скрываются overflow/clip — убираем их явно для скрытых списков (например, хлебных крошек). */ .visually-hidden ol, .visually-hidden ul { list-style: none; } /* На печати показываем скрытый текстовый контент — это удобно для текстовых версий / экспорта в PDF */ @media print { .visually-hidden { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; margin: 0; } } /* Яндекс.Браузер показывает кнопку «Поиск по картинке» при наведении на . Отключаем события мыши на картинках — клики проходят к ссылкам-зонам (), обёрткам (превью, пагинация) и другим интерактивным элементам. */ img { pointer-events: none; -webkit-user-drag: none; user-select: none; } /* --- index.css --- */ /* для удобства форматирования зададим несколько базовых стилей */ /*@font-face { font-family: '_Verdana'; src: url('../fonts/Verdana.ttf') format('truetype'); speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } @font-face { font-family: '_Verdana'; src: url('../fonts/Verdana_b.ttf') format('truetype'); font-weight: bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } @font-face { font-family: '_Verdana'; src: url('../fonts/Verdana_i.ttf') format('truetype'); font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } @font-face { font-family: '_Verdana'; src: url('../fonts/Verdana_z.ttf') format('truetype'); font-weight: bold; font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }*/ *, *:before, *:after { /* учитывать padding и border в размерах элементов. подробнее http://htmlbook.ru/css/box-sizing пример: если мы укажем ширину элемента в 100 пикселей, рамку(border) 1 пиксель, внутренний отступ(padding) 15 пикселей, то размер контента будет 100 - 15 * 2 - 1 * 2 = 68 пикселей */ box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-text-size-adjust: none; margin: 0; padding: 0; border: 0; outline: 0; } html { font-size: 1.23047vw; /*line-height: $vw-relative-line-height;*/ font-weight: bold; /*font-family: _Verdana;*/ font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; white-space: nowrap; } html, html body { width: 100%; height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff; } html[data-theme="dark"], html[data-theme="dark"] body { background: #000; } html { color-scheme: light; } html[data-theme="dark"] { color-scheme: dark; } html body a { text-decoration: underline; color: #787878; } html body > .content { /* элемент с классом content выполняет роль контейнера с заданным соотношением сторон 16/9 */ position: relative; /* выравнивание по ширине 100% ширины экрана */ /*width: 100vw;*/ width: 81.26984rem; /* выравнивание по высоте 56.25% ширины экрана (16:9) */ height: 45.71429rem; margin: 0 auto; /*overflow: hidden;*/ /*padding-top: getFontRelativeSize(460px);*/ } html body > .content .zone { /* все зоны с классом "zone" будут позиционироваться абсолютно */ position: absolute; } html body > .content .zone-logo-image { /* ЛОГОТИП */ /* left: 0px */ left: 0%; /* top: 0px */ top: 0%; /* width: 5120px */ width: 100%; /* height: 340px */ height: 11.8055548%; } html body > .content .zone-menu { /* МЕНЮ */ /* left: 0px */ left: 0%; /* width: 5120px */ width: 100%; display: flex; } html body > .content .zone-menu img { height: 100%; } html body > .content .zone-menu, html body > .content [class*="zone-menu-"] { /* МЕНЮ - КНОПКИ */ /* top: 325px */ top: 11.2847215%; /* height: 150px */ height: 5.208333%; } html body > .content .content { /* left: 160px */ left: 3.125%; /* top: 460px */ top: 15.9722212%; /* width: 4800px */ width: 93.75%; /* height: 2420px */ height: 84.0277724%; } html body > .content.page-home { /* стили главной страницы */ /* Created on : 20.09.2017, 20:49:14 Author : reset */ /* grafit */ } html body > .content.page-home .zone-image-0 { /* left: 160px */ left: 3.125%; /* top: 0px */ top: 0%; /* width: 4800px */ width: 93.75%; /* height: 340px */ height: 11.0%; } html body > .content.page-home .zone-image-1 { /* left: 160px */ left: 3.125%; /* top: 340px */ top: 11.8055548%; /* width: 4800px */ width: 93.75%; /* height: 120px */ height: 4.1666666666666666667%; } html body > .content.page-home .zone-image-1-2 { /* left: 654px */ left: 12.7734375%; /* top: 340px */ top: 11.8055548%; /* width: 528px */ width: 10.3125%; /* height: 120px */ height: 4.1666666666666666667%; } html body > .content.page-home .zone-image-1-3 { /* left: 1182px */ left: 23.0859375%; /* top: 340px */ top: 11.8055548%; /* width: 463px */ width: 9.04296875%; /* height: 120px */ height: 4.1666666666666666667%; } html body > .content.page-home .zone-image-1-4 { /* left: 1645px */ left: 32.1289062%; /* top: 340px */ top: 11.8055548%; /* width: 524px */ width: 10.234375%; /* height: 120px */ height: 4.1666666666666666667%; } /* Utilities */ .visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; border: 0; padding: 0; margin: -1px; } .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; border: 0; padding: 0; margin: -1px; } .skip-link { position: fixed; top: -9999px; left: -9999px; z-index: 9999; padding: 0.5rem 1rem; background: #fff; color: #000; text-decoration: none; font-size: 1rem; } .skip-link:focus { top: 0; left: 0; } /* Маркеры списков (1., 2., •) рисуются в "marker box" за пределами основного блока элемента и не всегда скрываются overflow/clip — убираем их явно для скрытых списков (например, хлебных крошек). */ .visually-hidden ol, .visually-hidden ul { list-style: none; } /* На печати показываем скрытый текстовый контент — удобно для текстовых версий / экспорта в PDF. white-space: normal обязателен, т.к. на задан nowrap. */ @media print { .visually-hidden { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; margin: 0; } } /* Text utilities */ .text-justify { text-align: justify; } html body > .content.page-home .zone-image-1-5 { /* left: 2169px */ left: 42.36057%; /* top: 340px */ top: 11.8055548%; /* width: 448px */ width: 8.75%; /* height: 120px */ height: 4.1666666666666666667%; } html body > .content.page-home .zone-image-1-6 { /* left: 2617px */ left: 51.1132812%; /* top: 340px */ top: 11.8055548%; /* width: 541px */ width: 10.5664062%; /* height: 120px */ height: 4.1666666666666666667%; } html body > .content.page-home .zone-image-1-7 { /* left: 3158px */ left: 61.6796875%; /* top: 340px */ top: 11.8055548%; /* width: 354px */ width: 6.9140625%; /* height: 120px */ height: 4.1666666666666666667%; } html body > .content.page-home .zone-image-1-8 { /* left: 3512px */ left: 68.59375%; /* top: 340px */ top: 11.8055548%; /* width: 455px */ width: 8.88671875%; /* height: 120px */ height: 4.1666666666666666667%; } html body > .content.page-home .zone-image-1-9 { /* left: 3967px */ left: 77.4804688%; /* top: 340px */ top: 11.8055548%; /* width: 437px */ width: 8.53515625%; /* height: 120px */ height: 4.1666666666666666667%; } html body > .content.page-home .zone-image-1-10 { /* left: 4404px */ left: 86.015625%; /* top: 340px */ top: 11.8055548%; /* width: 556px */ width: 10.859375%; /* height: 120px */ height: 4.1666666666666666667%; } html body > .content.page-home .zone-image-2 { /* left: 160px */ left: 3.125%; /* top: 475px */ top: 16.4930545%; /* width: 910px */ width: 17.7734375%; /* height: 910px */ height: 31.5972202%; } html body > .content.page-home .zone-image-2-0 { /* left: 160px */ left: 3.125%; /* top: 541px */ top: 18.0%; /* width: 910px */ width: 17.7734375%; /* height: 910px */ height: 30.1041647%; } html body > .content.page-home .zone-image-3 { /* left: 1070px */ left: 20.8984375%; /* top: 490px */ top: 16.4930545%; /* width: 2074px */ width: 42.265625%; /* height: 910px */ height: 31.5972202%; } html body > .content.page-home .zone-image-3-0 { /* left: 990px */ left: 22.3359375%; /* top: 757px */ top: 26.284722222222222222%; /* width: 958px */ width: 21.5%; /* height: 75px */ height: 2.6041666666666666667%; } html body > .content.page-home .zone-image-3-1 { /* left: 1339px */ left: 28.7%; /* top: 988px */ top: 34.305555555555555556%; /* width: 575px */ width: 13.7%; /* height: 75px */ height: 2.6041666666666666667%; } html body > .content.page-home .zone-image-3-2 { /* left: 1377px */ left: 29.89453125%; /* top: 1222px */ top: 40.0%; /* width: 1050px */ width: 20.8%; /* height: 75px */ height: 2.6041666666666666667%; } html body > .content.page-home .zone-image-4 { /* right: 160px */ right: 3.125%; /* top: 460px */ top: 16.4930545%; /* width: 1824px */ width: 35.625%; /* height: 910px */ height: 31.5972202%; } html body > .content.page-home .zone-image-4-bg { z-index: 1; } /* home.png 2164×910 — html=63px в макете 5120×2880 */ html body > .content.page-home .zone-text-home { z-index: 3; box-sizing: border-box; padding: 0.873016rem 0 0 1.238095rem; white-space: normal; overflow: hidden; pointer-events: none; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.952381rem; color: #777777; } html body > .content.page-home .zone-text-home .home-line { margin: 0; padding: 0; } html body > .content.page-home .zone-text-home .home-line-gold { position: relative; top: 0.015873rem; margin-top: -0.317460rem; font-size: 1.269841rem; line-height: 1.507937rem; color: #d9b052; letter-spacing: calc(0.952381rem / 27); -webkit-text-stroke: 0.015873rem #d9b052; paint-order: stroke fill; } html body > .content.page-home .zone-text-home .home-line-title { position: relative; top: -0.492063rem; margin-top: 0.539683rem; font-size: 1.269841rem; line-height: 1.412698rem; color: #333333; -webkit-text-stroke: 0.015873rem #333333; paint-order: stroke fill; } html body > .content.page-home .zone-text-home .home-vv { position: relative; left: -0.031746rem; } html body > .content.page-home .zone-text-home .home-uragan { position: relative; left: -0.095238rem; letter-spacing: 0; } html body > .content.page-home .zone-text-home .home-line-trainer { margin-top: 0.380952rem; font-size: 0.952381rem; line-height: 1.238095rem; color: #515151; text-decoration: underline; text-decoration-color: #bfbfbf; text-decoration-thickness: 0.095238rem; text-underline-offset: 0.063492rem; } html body > .content.page-home .zone-text-home .home-line-body:nth-child(4) .home-boyu { position: relative; left: -0.142857rem; } html body > .content.page-home .zone-text-home .home-line-body:nth-child(4) { margin-top: 0.031746rem; font-size: 0.952381rem; line-height: 1.238095rem; word-spacing: calc(0.968254rem / 5); } html body > .content.page-home .zone-text-home .home-line-body:nth-child(5) { margin-top: -0.015873rem; font-size: 0.952381rem; line-height: 1.238095rem; } html body > .content.page-home .zone-text-home .home-line-body:nth-child(6) .home-boevogo { position: relative; left: 0.079365rem; } html body > .content.page-home .zone-text-home .home-line-body:nth-child(6) .home-russian { position: relative; left: 0.142857rem; } html body > .content.page-home .zone-text-home .home-line-body:nth-child(6) .home-underline { position: relative; left: 0.047619rem; } html body > .content.page-home .zone-text-home .home-line-body:nth-child(6) { margin-top: 0; font-size: 0.952381rem; line-height: 1.238095rem; word-spacing: calc(-0.523810rem / 6); } html body > .content.page-home .zone-text-home .home-line-body:nth-child(7) { margin-top: 0.015873rem; font-size: 0.952381rem; line-height: 1.238095rem; word-spacing: calc(0.142857rem / 6); } html body > .content.page-home .zone-text-home .home-line-body:nth-child(8) .home-dlya-vas { position: relative; left: -0.031746rem; } html body > .content.page-home .zone-text-home .home-line-body:nth-child(8) { margin-top: 0.015873rem; font-size: 0.952381rem; line-height: 1.238095rem; } html body > .content.page-home .zone-text-home .home-line-body:nth-child(9) { margin-top: 0.047619rem; font-size: 0.952381rem; line-height: 1.238095rem; } html body > .content.page-home .zone-text-home .home-em { font-weight: bold; color: #777777; } html body > .content.page-home .home-underline { font-weight: bold; color: #515151; text-decoration: underline; text-decoration-color: #bfbfbf; text-decoration-thickness: 0.095238rem; text-underline-offset: 0.063492rem; } html body > .content.page-home .zone-image-3-0, html body > .content.page-home .zone-image-3-1, html body > .content.page-home .zone-image-3-2 { z-index: 4; } html body > .content.page-home .zone-image-4-0 { /* left: 160px */ right: 3.125%; /* top: 541px */ top: 18.0%; /* width: 910px */ width: 35.625%; /* height: 867px */ height: 30.1041647%; } html body > .content.page-home .zone-image-5 { /* left: 160px */ left: 3.125%; /* top: 1384px */ top: 48.0902747%; /* width: 1933px */ width: 37.75390625%; /* height: 220px */ height: 7.6388884%; } html body > .content.page-home .zone-image-5-0 { /* left: 731px */ left: 13.7%; /* top: 1509px */ top: 51.8%; /* width: 591px */ width: 11.9%; /* height: 84px */ height: 3.0%; z-index: 3; } html body > .content.page-home .zone-text-image-5 { /* совпадает с zone-image-5: 1933×220 */ left: 3.125%; top: 48.0902747%; width: 37.75390625%; height: 7.6388884%; z-index: 2; overflow: hidden; white-space: nowrap; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; } html body > .content.page-home .zone-text-image-5-line1, html body > .content.page-home .zone-text-image-5-line2 { position: absolute; left: -0.111111rem; margin: 0; padding: 0; font-size: 1.111111rem; line-height: 1.111111rem; letter-spacing: 0; } html body > .content.page-home .zone-text-image-5-line1 { top: 0.380952rem; } html body > .content.page-home .zone-text-image-5-line2 { top: 1.746032rem; } html body > .content.page-home .zone-image-6 { /* right: 160px */ right: 3.125%; /* top: 460px */ top: 48.0902747%; /* width: 2867px */ width: 55.99609380%; /* height: 220px */ height: 7.6388884%; } html body > .content.page-home .zone-image-6-0 { /* right: 160px */ right: 3.125%; /* top: 460px */ top: 48.9722212%; /* width: 2800px */ width: 54.6875%; /* height: 184px */ height: 6.38888848%; } html body > .content.page-home .zone-image-8 { /* left: 924px */ left: 3.125%; /* top: 1605px */ top: 55.7291631%; /* width: 4800px */ width: 93.75%; /* height: 1000px */ height: 34.72222%; } /* zone-image-8 4800×1000 — html=63px в макете 5120×2880 */ html body > .content.page-home .zone-image-8.zone-text-principles { z-index: 2; box-sizing: border-box; padding: 1.015873rem 0 0 0; white-space: normal; overflow: hidden; pointer-events: none; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.952381rem; line-height: 1.238095rem; text-align: justify; color: #777777; } html body > .content.page-home .zone-text-principles .principles-title { color: #000000; text-decoration: underline; text-decoration-color: #bfbfbf; text-decoration-thickness: 0.095238rem; text-underline-offset: 0.063492rem; } html body > .content.page-home .zone-text-principles .principles-main { display: block; width: 100%; } html body > .content.page-home .zone-text-principles .principles-line1, html body > .content.page-home .zone-text-principles .principles-line2, html body > .content.page-home .zone-text-principles .principles-line3, html body > .content.page-home .zone-text-principles .principles-line4, html body > .content.page-home .zone-text-principles .principles-line5, html body > .content.page-home .zone-text-principles .principles-line6, html body > .content.page-home .zone-text-principles .principles-line7, html body > .content.page-home .zone-text-principles .principles-line8, html body > .content.page-home .zone-text-principles .principles-line9 { display: block; width: 100%; height: 1.238095rem; overflow: hidden; line-height: 1.238095rem; word-spacing: normal; white-space: normal; text-align: justify; text-align-last: justify; } html body > .content.page-home .zone-text-principles .principles-line10 { display: block; width: 100%; text-align: left; } html body > .content.page-home .zone-text-principles .principles-line1::after, html body > .content.page-home .zone-text-principles .principles-line2::after, html body > .content.page-home .zone-text-principles .principles-line3::after, html body > .content.page-home .zone-text-principles .principles-line4::after, html body > .content.page-home .zone-text-principles .principles-line5::after, html body > .content.page-home .zone-text-principles .principles-line6::after, html body > .content.page-home .zone-text-principles .principles-line7::after, html body > .content.page-home .zone-text-principles .principles-line8::after, html body > .content.page-home .zone-text-principles .principles-line9::after { content: ''; display: inline-block; width: 100%; } html body > .content.page-home .zone-text-principles .color-gray { color: #777777; } html body > .content.page-home .zone-text-principles p { margin: 0; padding: 0; } html body > .content.page-home .zone-text-principles .principles-last { margin-top: 0.825397rem; position: relative; top: -0.523810rem; font-size: 0.952381rem; line-height: 1.238095rem; text-align: left; color: #000000; } html body > .content.page-home .zone-image-8-0 { /* left: 966px */ left: 3.125%; /* top: 1653px */ top: 58.395833333333333333%; /* width: 1207px */ width: 25.57421875%; /* height: 75px */ height: 2.8%; } html body > .content.page-home .zone-image-9 { /* left: 160px */ left: 3.125%; /* top: 2607px */ top: 90.4513831%; /* width: 902px */ width: 93.75%; /* height: 270px */ height: 9.3749994%; } html body > .content.page-home .zone-image-9-1 { /* left: 260px */ left: 3.125%; /* top: 2607px */ top: 92.0%; /* width: 802px */ width: 16.10%; /* height: 273px */ height: 6.46%; } html body > .content.page-home .zone-image-9-2 { /* left: 260px */ left: 21.45%; /* top: 2607px */ top: 92.0%; /* width: 802px */ width: 20.80%; /* height: 273px */ height: 6.46%; } html body > .content.page-home .zone-image-9-3 { /* left: 1062px */ left: 44.40%; /* top: 2607px */ top: 92.0%; /* width: 224px */ width: 11.37%; /* height: 273px */ height: 6.46%; } html body > .content.page-home .zone-image-9-5 { /* left: 2621px */ left: 57.90%; /* top: 2737px */ top: 92.0%; /* width: 496px */ width: 14.60%; /* height: 78px */ height: 6.46%; } html body > .content.page-home .zone-image-9-6 { /* left: 3834px */ left: 74.5703125%; /* top: 2607px */ top: 88.0%; /* width: 462px */ width: 22.3046875%; /* height: 66px */ height: 4.79166636%; } html body > .content.page-home .zone-image-10 { /* left: 3818px */ left: 74.5703125%; /* top: 2693px */ top: 93.506944444444444444%; /* width: 1142px */ width: 22.3046875%; /* height: 187px */ height: 4.79166636%; } html body > .content.page-home .zone-image-10-0 { /* left: 3818px */ left: 74.5703125%; /* top: 2697px */ top: 93.506944444444444444%; /* width: 1142px */ width: 22.3046875%; /* height: 138px */ height: 4.79166636%; } html body > .content.page-home .zone-image-15 { /* left: 0px */ left: 0%; /* top: 0px */ top: 0%; /* width: 5120px */ width: 100%; /* height: 2880px */ height: 100%; } .color-gray-lighter { color: #bfbfbf; } .color-gray { color: #777; } .color-gray-darker { color: #333; } .color-green { color: #090; } .color-gold { color: #c93; } .color-red { color: #c00; } .color-black { color: #000; } .hidden { display: none !important; } .heading-3, .heading-4, .heading-5, .heading-6 { /* Сохраняем стили как у h3-h6 */ font-weight: bold; margin: 0; padding: 0; border: 0; outline: 0; } /* если формат видимой области становится шире 16:9 - переключение адаптации размера по высоте экрана(по умолчанию адаптаци идет по ширине) */ @media screen and (min-aspect-ratio: 16 / 9) { html { font-size: 2.1875vh; line-height: 2.70833vh; } } /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/ /* ДЛЯ ОТКЛЮЧЕНИЯ МАСШТАБИРОВАНИЯ РАСКОММЕНТИРОВАТЬ БЛОКИ НИЖЕ */ html { /* font-size: 63px; line-height: 78px;*/ } /* ДЛЯ ОТКЛЮЧЕНИЯ МАСШТАБИРОВАНИЯ РАСКОММЕНТИРОВАТЬ БЛОКИ ВЫШЕ */ /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/ /*dev*/ img { /*opacity: 0.5;*/ } /* F5: только фон (veil), без слоя поверх картинок */ html.index-dark-veil, html.index-dark-veil body { background: #000 !important; color-scheme: dark; } html.index-light-veil, html.index-light-veil body { background: #fff !important; color-scheme: light; } /* Клик по теме: покрывало (z-index 4000), текст 4100, картинки 4200 */ html.index-theme-switch body > .content.page-home .zone-text-home, html.index-theme-switch body > .content.page-home .zone-text-image-5, html.index-theme-switch body > .content.page-home .zone-text-principles { z-index: 4100; visibility: visible !important; } html.index-theme-switch body > .content.page-home .js-theme-toggle { z-index: 4300; } html.index-theme-switch body > .content.page-home img.zone { opacity: 0 !important; z-index: 4200; } html.index-theme-switch body > .content.page-home img.zone.index-switch-ready { opacity: 1 !important; } /* Смена темы кнопкой: покрывало ПОВЕРХ старых картинок */ html.index-theme-cover-dark, html.index-theme-cover-dark body { background: #000 !important; color-scheme: dark; } html.index-theme-cover-light, html.index-theme-cover-light body { background: #fff !important; color-scheme: light; } /* дублируется выше для boot+switch — оставляем для cover-классов при клике */ html.index-theme-cover-dark body::before, html.index-theme-cover-light body::before { content: ''; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 4000; pointer-events: none; } html.index-theme-cover-dark body::before { background: #000; } html.index-theme-cover-light body::before { background: #fff; } /* Светлая тема при смене и F5: текст сразу читаем на белом покрывале */ html.index-theme-switch[data-theme="light"] body > .content.page-home .zone-text-home { color: #777777; } html.index-theme-switch[data-theme="light"] body > .content.page-home .zone-text-home .home-line-gold { color: #d9b052; -webkit-text-stroke: 0.015873rem #d9b052; } html.index-theme-switch[data-theme="light"] body > .content.page-home .zone-text-home .home-line-title { color: #333333; -webkit-text-stroke: 0.015873rem #333333; } html.index-theme-switch[data-theme="light"] body > .content.page-home .zone-text-image-5 { color: #333333; } html.index-theme-switch[data-theme="light"] body > .content.page-home .zone-text-principles { color: #777777; } html.index-theme-switch[data-theme="light"] body > .content.page-home .zone-text-principles .principles-title { color: #333333; } html.index-theme-switch[data-theme="light"] body > .content.page-home .zone-text-principles .principles-last { color: #333333; } /* --- theme.css --- */ /* Тёмная тема: только цвета и фон. Вёрстка — в index.css / template.css / common.css */ .theme-dark-only { display: none !important; } html[data-theme="dark"] { color-scheme: dark; background: #000; } html[data-theme="dark"] body { background: #000; } html[data-theme="dark"] .theme-light-only { display: none !important; } html[data-theme="dark"] .theme-dark-only { display: block !important; } html[data-theme="dark"] .skip-link:focus { background: #111; color: #fff; } /* --- index.html: цвета текста (позиции как в светлой теме) --- */ html[data-theme="dark"] body > .content.page-home .zone-text-home { color: #7e7e7e; } html[data-theme="dark"] body > .content.page-home .zone-text-home .home-line-gold { color: #f2ce88; -webkit-text-stroke-color: #f2ce88; } html[data-theme="dark"] body > .content.page-home .zone-text-home .home-line-title { color: #fff; -webkit-text-stroke-color: #fff; } html[data-theme="dark"] body > .content.page-home .zone-text-home .home-line-trainer { color: #fff; text-decoration-color: #999; } html[data-theme="dark"] body > .content.page-home .zone-text-home .home-line-body { color: #7e7e7e; } html[data-theme="dark"] body > .content.page-home .zone-text-home .home-em { color: #7e7e7e; } html[data-theme="dark"] body > .content.page-home .zone-text-home .home-line-body:nth-child(5), html[data-theme="dark"] body > .content.page-home .zone-text-home .home-line-body:nth-child(5) .home-em { color: #999999; } html[data-theme="dark"] body > .content.page-home .home-underline { color: #fff; text-decoration-color: #999; } html[data-theme="dark"] body > .content.page-home .zone-text-image-5, html[data-theme="dark"] body > .content.page-home .zone-text-image-5 .home-underline { color: #fff; text-decoration-color: #999; } html[data-theme="dark"] body > .content.page-home .zone-text-principles { color: #7e7e7e; } html[data-theme="dark"] body > .content.page-home .zone-text-principles .principles-title { color: #fff; text-decoration-color: #999; } html[data-theme="dark"] body > .content.page-home .zone-text-principles .color-gray { color: #7e7e7e; } html[data-theme="dark"] body > .content.page-home .zone-text-principles .principles-last { color: #fff; } /* --- video / reviews --- */ html[data-theme="dark"] .page-video-all .video-grid .row .item .description .video-desc { background-color: #202020; } html[data-theme="dark"] .page-video-all .video-grid .row:first-of-type .item:first-of-type .description .video-desc { background-color: transparent; } html[data-theme="dark"] .page-video-page .video-grid .row .item .description p { background-color: #202020 !important; } html[data-theme="dark"] .page-reviews .page-content { color: #fff; } html[data-theme="dark"] .page-reviews .page-content a:not([style*="color"]) { color: #fff; } html[data-theme="dark"] .page-reviews .page-content .reviews-container .review { border-color: #393939; } html[data-theme="dark"] .page-reviews .page-content .reviews-container .review .review-title { background-color: #262626; color: #fff; } html[data-theme="dark"] .page-reviews .page-content .reviews-container .review .review-content { background-color: #141414; border-top-color: #262626; color: #fff; }