/* AC-PRO: слой только для страниц старой оболочки (95 страниц). Подключается последним, после site.css. Производные цвета считаются поканально в sRGB, половина округляется вверх (palette-derivatives.json). Проверенный Ритм этот файл не получает и сохраняет прежние значения трёх токенов из theme.css (разница не больше двух уровней на канал). */ /* мелкие красные подписи в строках .caps: красный текст допустим только крупным (D3), красной остаётся метка-линия рядом */ .caps .red{color:var(--ink)} .band-dark .caps .red,.on-dark .caps .red{color:var(--on-night)} /* подпись кнопки формы переносится на узком экране и не выходит за её границы */ .lead-form .lead-submit{white-space:normal;height:auto;min-height:46px;max-width:100%;line-height:1.2;text-align:center} b,strong{font-weight:500} /* выделение в тексте Roboto — 500 (роль стандарта), без веса 900 от bolder */ :is(h1,h2,h3,h4,h5,h6) :is(b,strong){font-weight:700} :root{--display-ws-tight:0} /* DIN Condensed не сжимает межсловный пробел, как прежний шрифт: отрицательный интервал склеивает слова */ /* крупная подпись плитки на панораме: длинное казахское слово без DIN не помещалось в узкую плитку (переполнение страницы на 1201–1301 px) */ .b-dark-t{overflow-wrap:anywhere;hyphens:auto} /* без системного DIN запасной шрифт шире (имитация на всех страницах): длинные слова крупных подписей переносятся, номер телефона на контактах уменьшается, подписи кнопок в боковой колонке статьи переносятся вместо обрезки */ .acp-nodin :is(.poster-h1,.c-urv-h,.nf-t,.acp-ch-t,.h-cta-t,.cat-cta-t,.sp-cta-t,.bcard-t){overflow-wrap:anywhere;hyphens:auto} .acp-nodin .cat-count-big{flex-wrap:wrap} .acp-nodin .cat-count-w{font-size:clamp(24px,2vw,30px)} .acp-nodin .ph-num{font-size:clamp(56px,4.4vw,72px)} .acp-nodin .nf-code{font-size:clamp(110px,20vw,280px)} .acp-nodin .acp-chain,.acp-nodin .c-urv-grid>*{min-width:0} .acp-nodin .k-phone-n{font-size:min(42px,9vw)} .acp-nodin .art-help .btn{white-space:normal;height:auto;line-height:1.2;text-align:center} .kicker-line{flex-wrap:wrap} /* KZ-главная при 320 px: строка «Қазақстан · Алматы · 2018 жылдан» шире колонки */ /* боковая колонка статьи прокручивается целиком: блоки в ней не сжимаются по высоте и не обрезают кнопки (низкий экран, запасной шрифт) */ .art-aside-in>*{flex-shrink:0} /* призыв на главной при 320 px: ряд кнопок шире колонки и обрезался краем блока — кнопки переносятся */ .h-cta-in>div{min-width:0} .h-cta-btns{flex-wrap:wrap} /* узкий экран до 400 px: подпись кнопки переносится, кнопка не шире колонки и не срезается краем блока (главная, «Направления», «Внедрение», «Безопасность», «О компании») */ @media (max-width:400px){.btn{white-space:normal;max-width:100%;line-height:1.2;text-align:center}} /* KZ-главная при 320 px: слово «технологиялар» шире колонки при наименьшем кегле — кегль уменьшается по ширине экрана; верхняя граница и доля ширины те же, что у RU после замечания 30 (44–80 px, 6vw), иначе KZ-постер остаётся выше RU */ .sheet .poster-h1:lang(kk){font-size:clamp(min(44px,14.4vw),6vw,80px)} /* KZ-главная без DIN: запасной шрифт шире, слово «технологиялар» занимает 9,15 кегля — кегль по ширине экрана, чтобы слово не рвалось без дефиса (для казахского в браузере нет словаря переносов) */ .acp-nodin .sheet .poster-h1:lang(kk){font-size:clamp(26px,6.2vw,112px)} @media (max-width:1000px){.acp-nodin .sheet .poster-h1:lang(kk){font-size:8.4vw}} /* казахские длинные слова с DIN рвались без дефиса (у браузера нет словаря переносов для kk): кегль по ширине колонки. Замер: «Телефоннан» 4,3 кегля в ячейке 188–258 px; «интеграцияланған» 6,6 и «айналасындағы» 6,0 кегля в колонке 254 px при 320 px */ .stat-v:lang(kk){font-size:clamp(36px,4vw,56px)} @media (max-width:400px){.sheet .sp-h1:lang(kk){font-size:min(38px,11.4vw)}.sheet .cat-poster .page-head-title:lang(kk){font-size:min(52px,13vw)}} :root,:root[data-theme=light]{--card-3:#D0C8BF} :root[data-theme=dark]{--card:#252524;--card-3:#3A3937;--ok:#92A6B1;--ok-soft:rgba(233,224,213,.12);--warn:#92A6B1} @media (prefers-color-scheme:dark){:root:not([data-theme=light]){--card:#252524;--card-3:#3A3937;--ok:#92A6B1;--ok-soft:rgba(233,224,213,.12);--warn:#92A6B1}} /* G4 (v3.1, В7): затемнение панорамы под текстом убрано (G3), сама панорама в пяти блоках призыва не показывается; текст стоит на плашке */ .sp-cta-img,.art-cta-img,.ctaband-img,.h-cta-img,.k-map-img{display:none} /* ---------- SITE-WHOLE-3: правки FIX07 для страниц старой оболочки ---------- */ /* R8: на телефоне текст постера начинался на 20 px выше низа фото и перекрывал его */ @media (max-width:860px){.poster .poster-content{margin-top:0}} /* R9: треугольник призыва каталога при 861–1070 px заходил на кнопку */ @media (max-width:1070px){.cat-cta .cat-cta-tri{width:60px;height:40px}} /* R13: цифра и подпись заливки каталога растягивались на высоту строки и закрашивали соседа */ .cat-fill .cat-fill-n,.cat-fill .cat-fill-l{align-self:flex-start;background-color:inherit} /* ---------- Главная, замечания 15–23 (HOME-NOTE-20261013-01…09) и 28, 30, 30-A1 (OWNER-NOTE, SITE-WHOLE-4) ---------- Левой панели нет — постер на все 12 колонок. Текст в левой колонке (56 % ширины), фото справа (42 %) и не под текстом; слоган, абзацы, плашка и треугольники удалены, роль H1 перенесена на заголовок «Технологии для реального бизнеса». 28: из трёх кнопок осталась одна — «Бесплатный аудит базы» стоит внизу блока с тем же отступом от края, что строка «Казахстан | Алматы | с 2018 года» сверху (колонка текста — flex-столбец на всю высоту ячейки); крупный заголовок центрирован по вертикали между этой строкой и кнопкой. 30 и 30-A1: высота блока меньше примерно на треть (min-height 560 → 400 px, кегль заголовка clamp 56–112 → 44–80 px), пустоты под кнопками нет, фото кадрировано ниже (object-position 55 % 40 % вместо 22 %): лишнего неба меньше, лицо и корпус человека в кадре. До 860 px фото сверху (360 px), текст под ним */ .sheet .poster{grid-column:span 12;min-height:400px;padding:34px 40px} .sheet .poster-photo{position:absolute;top:0;right:0;bottom:0;width:42%;height:100%;object-fit:cover;object-position:55% 40%} .sheet .poster-content{display:flex;flex-direction:column;gap:0;width:56%;max-width:56%;padding-right:16px} .sheet .poster-content .kicker-line{margin:0} .sheet .poster-h1{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;margin:16px 0;font-size:clamp(44px,6vw,80px)} .sheet .poster-lede{max-width:100%} .sheet .poster-cta{display:flex;flex-wrap:wrap;gap:12px;max-width:none;margin:0} .sheet .poster-cta .btn{flex:0 0 auto;min-width:0;height:auto;min-height:52px;padding:14px 22px;white-space:normal;overflow-wrap:normal;hyphens:manual;line-height:1.2;text-align:center} /* Без системного DIN запасной шрифт шире: в колонке 56 % слова «ТЕХНОЛОГИИ» и «ТЕХНОЛОГИЯЛАР» рвались переносом (hyphens:auto). Кегль по ширине экрана, чтобы слово помещалось в колонку целиком; до 860 px колонка на всю ширину — свой кегль. Замер: ширина слова ≈ 0,7 кегля на букву (запасной sans-serif) */ .acp-nodin .sheet .poster-h1:lang(ru){font-size:clamp(26px,6.4vw,80px)} .acp-nodin .sheet .poster-h1:lang(kk){font-size:clamp(26px,4.8vw,63px)} /* лист не шире 1320 px, поэтому кегль ограничен сверху (80/63 px); красные строки KZ наследуют кегль заголовка: правила N1 для .poster-h1 .red (49/58/86 px) подобраны под прежнюю широкую колонку */ html.acp-nodin .sheet .poster-h1 .red:lang(kk){font-size:inherit} @media (max-width:860px){.acp-nodin .sheet .poster-h1:lang(ru){font-size:clamp(26px,11.5vw,56px)}.acp-nodin .sheet .poster-h1:lang(kk){font-size:clamp(26px,8.4vw,56px)}} @media (max-width:860px){ .sheet .poster{display:flex;flex-direction:column;align-items:stretch;padding:0 0 28px;min-height:0} .sheet .poster-photo{position:relative;right:auto;bottom:auto;width:100%;height:360px;order:-1;object-position:55% 30%} .sheet .poster-content{width:100%;max-width:100%;padding:0 20px;margin-top:0} .sheet .poster-h1{margin:14px 0 18px} .sheet .poster-cta{gap:8px} } @media (max-width:360px){.sheet .poster-content{padding:0 16px}} /* ---------- SITE-WHOLE-4: главная, замечания 32–34 и 35 ---------- 33, 34: карточки «Программы 1С · цены» и «Сопровождение 1С:ИТС» удалены — освободившийся ряд занимает карточка «AC-PRO: Ритм» на все 12 колонок; 32: текст слева (4 из 12 долей), четыре шага цепочки в ряд справа (правила .acp-chain--row в site.css); до 1000 px — текст над цепочкой (при 861–1000 px левая колонка 270 px узка для «КОНТРОЛЕМ»/«БАҚЫЛАУЫҢЫЗДА» при 40 px и для четырёх шагов — замер стенда 860,5 px) */ .sheet .c-urv{grid-column:span 12} .sheet .c-urv-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 36px;align-items:center} @media (max-width:1000px){.sheet .c-urv-grid{grid-template-columns:1fr}} /* при 861–1180 px «Наши принципы» и «Интеграции» в исходных таблицах занимают по 6 колонок, а «ИИ внутри 1С» — 12: после удаления карточки ИТС (34) «Принципы» остались в ряду одни и рядом появлялась пустая половина (замечание reviewer R1; в R2 пустая половина была рядом с «Интеграциями»). Оба блока на всю ширину ряда — пустых ячеек нет */ @media (max-width:1180px){.sheet .d-princ,.sheet .d-int{grid-column:span 12}} /* 35: контактный блок у формы главной — как на «Ритме» (11): «Оксана» над номером, значки messengers-v1 (вариант 1, 32 px, шаг пары 60 px) справа от номера, почта под номером; те же классы и значения, что в ritm.css (на главной ritm.css не подключается) */ .ritm-contact{display:block;margin:4px 0 2px;font:500 18px/1.3 var(--sans)} .ritm-contact-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px} .ritm-msgrs{display:inline-flex;align-items:center;gap:28px;margin-left:4px} .ritm-msgr{display:inline-flex;width:32px;height:32px;border-radius:4px} .ritm-msgr img{display:block;width:32px;height:32px} .ritm-contact-mail{display:inline-block;margin-top:6px;padding:2px 0;min-height:24px;font:500 17px/1.3 var(--sans);color:var(--ink);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere} /* колонка прямой связи на главной узкая (внутри 253 px при 1320): чтобы номер и значки стояли в одну строку, как на образце, кегль номера по ширине контейнера формы (22–32 px, при 1320 ≈ 26 px), шаг значков 12 px; без DIN запасной шрифт шире (20–26 px) — значки переносятся под номер, ничего не обрезается */ .lead-direct .ritm-contact-row{gap:10px 10px} .lead-direct .ritm-msgrs{gap:12px;margin-left:0} .lead-direct .lead-phone{display:inline-block;min-height:24px;line-height:1.2;font-size:clamp(22px,3.5cqi,32px)} /* цель касания номера не ниже 24 px при кегле 22 px (320–390 px) */ .acp-nodin .lead-direct .lead-phone{font-size:clamp(20px,3cqi,26px)} /* ---------- SITE-WHOLE-5: главная, замечание 42 ---------- Блок «Технологии. Люди. Результаты.» (.b-dark): в светлой теме он уже тёмный (#1B1B1B, исходная таблица); в тёмной теме — светлый #E9E0D5 с тёмным текстом, подпись #3A4A56, ссылка и стрелка #1B1B1B, наведение чуть темнее светлого (#DDD4CA), рамка фокуса тёмная. Соседние направления (.b-dirs) не меняются */ :root[data-theme=dark] .sheet .b-dark.band-dark{background:#E9E0D5;background-color:#E9E0D5;color:#1B1B1B} :root[data-theme=dark] .sheet .b-dark .b-dark-t{color:#1B1B1B} :root[data-theme=dark] .sheet .b-dark .b-dark-s{color:#3A4A56} :root[data-theme=dark] .sheet .b-dark .tile-go{color:#1B1B1B} :root[data-theme=dark] .sheet .b-dark.tile:hover{background-color:#DDD4CA} :root[data-theme=dark] .sheet .b-dark :focus-visible{outline-color:#1B1B1B!important} @media (prefers-color-scheme:dark){ :root:not([data-theme=light]) .sheet .b-dark.band-dark{background:#E9E0D5;background-color:#E9E0D5;color:#1B1B1B} :root:not([data-theme=light]) .sheet .b-dark .b-dark-t{color:#1B1B1B} :root:not([data-theme=light]) .sheet .b-dark .b-dark-s{color:#3A4A56} :root:not([data-theme=light]) .sheet .b-dark .tile-go{color:#1B1B1B} :root:not([data-theme=light]) .sheet .b-dark.tile:hover{background-color:#DDD4CA} :root:not([data-theme=light]) .sheet .b-dark :focus-visible{outline-color:#1B1B1B!important} } /* ---------- SITE-WHOLE-13: 24, 46, 51 (OWNER-NOTE-20261015) ---------- 46: в блоке «Готовы навести порядок в 1С?» телефон — обычная ссылка (не кнопка), рядом значки WhatsApp и Telegram варианта 1: знак 32 px в области 48 px, шаг 60 px, как в подвале и у формы главной; цвет текста — цвет блока в обеих темах (color:inherit) */ .ctaband-contact{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px 18px;min-width:0} .ctaband-contact .ctaband-phone{display:inline-flex;align-items:center;min-height:48px;font:500 clamp(22px,3cqi,30px)/1.2 var(--sans);letter-spacing:0;color:inherit;text-decoration:none} .ctaband-contact .ctaband-phone:hover{text-decoration:underline;text-underline-offset:4px} .ctaband-msgrs{display:inline-flex;align-items:center;gap:12px} .ctaband-msgr{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px} .ctaband-msgr img{display:block;width:32px;height:32px} .ctaband-contact a:focus-visible{outline:2px solid currentColor;outline-offset:2px} /* 51: строка 02 «С чем работаем» — ссылка на продукт в цвете строки */ .sk-t a{color:inherit;text-decoration:underline;text-underline-offset:3px} .sk-t a:hover{color:var(--accent)} /* 24: пояснение аудита и следующего шага в шапке формы главной под подзаголовком; кегль подзаголовка, цвет основного текста */ .lead-head .lead-audit{position:relative;z-index:1;margin:4px 36px 0 0;max-width:44ch;font-size:15px;line-height:1.5;color:var(--ink)} .lead-head .lead-audit p{margin:0 0 8px} .lead-head .lead-audit .lead-audit-h{font-weight:500} /* ---------- SITE-WHOLE-14 ---------- B13-01: подпись источника под таблицей прайса — как строка «Цены в тенге…» (13 px, цвет muted), ссылка цветом текста с подчёркиванием */ .sp-psrc{margin:8px 0 0;padding-left:34px;font-size:13px;line-height:1.5;color:var(--muted)} .sp-psrc a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere} /* №52: строка блокировки над полями формы (V4-GPT1 п.4) — текст основного цвета на подложке карточки, красная метка слева */ .lead-block-note{margin:0 0 12px;padding:10px 12px 10px 14px;border-left:3px solid var(--accent);background:var(--card);color:var(--ink);font-size:14px;line-height:1.45} .lead-block-note[hidden]{display:none} .acp-lead-panel .lead-wait{margin:6px 0 0;font-size:14px;color:var(--ink)} .acp-lead-panel .lead-wait[hidden]{display:none} /* ---------- SITE-WHOLE-21: №55–56 (OWNER-NOTE-20261017) ---------- 55: пара «Бесплатный аудит базы» + форма на 93 страницах услуг. Повтор заголовка «Оставьте заявку», черта и треугольник убраны из разметки (height_contacts_21); часы и обещание ответа остаются над полями без линии; меньше вертикальные отступы ячеек и промежутки формы. Кегли, высота полей и textarea (3 строки, растягивается) прежние. Линии между частями формы рисовал фон сетки .lead-grid в промежутках 1 px; без промежутков он просвечивал полоской по дробному краю, поэтому фон снят, линии заданы явно: над прямой связью и, в две колонки (контейнер ≥ 700 px), слева от полей. На узком экране у левой колонки нет принудительной высоты 460 px */ .sp-sheet>.sp-cta{min-height:0} .sp-sheet>.sp-form,.sp-cta .sp-cta-in{padding-block:18px} .sp-form .lead-grid{gap:0;background:none} @container lead (min-width:700px){.sp-form .lead .lead-grid>.lead-main{border-left:1px solid var(--border-strong)}} .sp-form .lead .lead-grid>*{padding-block:14px} .sp-form .lead .lead-grid>.lead-head{padding-bottom:0;gap:6px} .sp-form .lead-sub{max-width:none;margin-right:0} .sp-form .lead-form{gap:12px} .sp-form .lead-direct{gap:6px;border-top:1px solid var(--border-strong)} /* ---------- SITE-WHOLE-23, REVIEW22-02: показатели главной в две колонки (≤860 px; правило заменено в SITE-WHOLE-24, ниже) ---------- Значение .f-v одной строкой 32 px выходило за ячейку: на 320 px «12 → 38%» с DIN 103 px при 92 px, без DIN 149 px; на 390 px без DIN 149 px при 127 px. Кегль значения считается от ширины ячейки (cqi) и не больше прежних 32 px; без DIN множитель меньше, потому что запасное начертание шире. Семейство, цвет, отступы и запрет переноса прежние; подписи .f-l не меняются. */ /* ---------- SITE-WHOLE-24, REVIEW23-01/02 (поручение SITE-WHOLE-LAYOUT-COPY-20261017-28) ---------- 01: правило 23 действовало только при ≤ 860 px; без DIN при ≥ 1181 px «12 → 38%» и «380–620» выходили за ячейку на 6–55 px. Теперь кегль на всех ширинах — прежний clamp(32px, 3.2vw, 46px), но не больше доли ширины ячейки; с DIN доля нигде не меньше clamp, кегль прежний. 02: плитки «Направления» без DIN: длинные названия (KZ «Автоматтандыру» ≈ 10,6 em, RU «Автоматизация» ≈ 9,8 em) не помещались в две колонки на 320–414 px и в пять колонок на 861–1920 px. Без DIN кегль названия — не больше доли ширины плитки; до 400 px плитки в одну колонку. Названия, ссылки и разметка прежние. Крупный текст (main уже 16em, например текст ×2 на 320 px): показатели и плитки в одну колонку, чтобы слова помещались целиком. */ .f-grid .f-m{container-type:inline-size}.f-grid .f-m .f-v{font-size:max(1.125rem,min(clamp(32px,3.2vw,46px),29cqi))}.acp-nodin .f-grid .f-m .f-v{font-size:max(1.125rem,min(clamp(32px,3.2vw,46px),20cqi))} html.acp-nodin .b-row .b-item{container-type:inline-size}html.acp-nodin .b-row .b-item .b-t{font-size:min(17px,9.6cqi)}html.acp-nodin .b-row .b-item .b-t:lang(kk){font-size:min(16px,9cqi)} @media (max-width:400px){html.acp-nodin .b-row{grid-template-columns:1fr}html.acp-nodin .b-row .b-item{border-left:0}html.acp-nodin .b-row .b-item:nth-child(2){border-top:1px solid var(--border-strong)}} @container acp-text (max-width:16em){main .f-metrics .f-grid,main .cell>.b-row{grid-template-columns:1fr}main .cell>.b-row>.b-item:nth-child(n){border-left:0}main .cell>.b-row>.b-item:nth-child(2){border-top:1px solid var(--border-strong)}} /* SITE-WHOLE-24, REVIEW23-03: значения .stat-v блока цифр на страницах услуг (Autopilot и ещё 30 услуг × RU/EN). Кегль clamp(44px, 4.6vw, 68px) в колонке 91–150 px (896–1280 px) не вмещал короткие части: с overflow-wrap:anywhere значения рвались внутри знака и слова («+14/%», «MONT/H», «620/K»). Кегль — не больше доли ширины колонки: с DIN 43 % (самое широкое короткое слово MONTH ≈ 2,2 em), без DIN 26 % (≈ 3,7 em). На 320–860 px и с DIN на 1024–1280 px кегль прежний. KZ не меняется: у него свои размеры (N1). Длинные слова шире колонки (WORKSTATIONS, МЕНЕДЖЕРУ) по-прежнему переносились внутри; правило заменено в SITE-WHOLE-25, ниже. */ /* ---------- SITE-WHOLE-25 (поручение SITE-WHOLE-RESPONSIVE-20261017-29): общие компоненты целиком ---------- REVIEW24-02, блок цифр услуг: правило 24 (общая доля колонки) заменено границей для каждого значения: --wd/--wn — ширина самого длинного неразрывного куска в em с DIN и без DIN (ставит tools/responsive_layer.py по таблице знаков), кегль не больше 95 % колонки на эту ширину. Короткие числа остаются крупными, текстовая фраза получает кегль по своей колонке; единица, знак и одиночная буква приклеены неразрывным пробелом. KZ — с его исходным clamp(36px, 4vw, 56px). REVIEW24-01, плитки страницы 404: название не больше доли ширины плитки, до 400 px одна колонка; при крупном тексте меньше боковой отступ и разрядка. Каталог «Направления»: при крупном тексте номер категории над заголовком, а не рядом (иначе заголовку остаётся 85 px, по букве в строке, в WebKit — прокрутка). REVIEW24-03/04, поле «Задача или вопрос» и кнопки форм: правила в src/assets/site.css (#zayavka), потому что формы «Ритма» этот слой не подключают. */ .statrow>.stat{container-type:inline-size}.statrow>.stat>.stat-v{font-size:min(clamp(44px,4.6vw,68px),calc(95cqi / var(--wd,2)))}html.acp-nodin .statrow>.stat>.stat-v{font-size:min(clamp(44px,4.6vw,68px),calc(95cqi / var(--wn,3)))} .statrow>.stat>.stat-v:lang(kk){font-size:min(clamp(36px,4vw,56px),calc(95cqi / var(--wd,2)))}html.acp-nodin .statrow>.stat>.stat-v:lang(kk){font-size:min(clamp(36px,4vw,56px),calc(95cqi / var(--wn,3)))} main .nf-grid>li>.nf-tile{container-type:inline-size}main .nf-grid>li>.nf-tile>.nf-t{font-size:min(19px,9cqi)} @media (max-width:400px){main .hair-grid.nf-grid{grid-template-columns:1fr}main .hair-grid.nf-grid>li:nth-child(1):first-child{grid-column:auto}} @container acp-text (max-width:16em){main .hair-grid.nf-grid>li>.nf-tile{padding-left:12px;padding-right:12px}main .nf-grid>li>.nf-tile>.nf-t,main .cell>.b-row>.b-item>.b-t{letter-spacing:.01em}main .cat-head>.cat-head-in{grid-template-columns:minmax(0,1fr)}main .cat-head-in>.cat-head-n{grid-row:auto}} /* N1: казахские заголовки без DIN — явный кегль по диапазону ширины */ @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .ap-title:lang(kk){font-size:35px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .ap-title:lang(kk){font-size:43px}}} @media not all and (max-width:1400px){html.acp-nodin .ap-title:lang(kk){font-size:47px}} @media (max-width:400px){html.acp-nodin .art-prose h2:lang(kk){font-size:18px}} @media (max-width:400px){html.acp-nodin .art-prose th:lang(kk){font-size:12px}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .art-prose th:lang(kk){font-size:12px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .art-prose th:lang(kk){font-size:12px}}} @media not all and (max-width:1400px){html.acp-nodin .art-prose th:lang(kk){font-size:12px}} @media not all and (max-width:400px){@media (max-width:640px){html.acp-nodin .art-prose th:lang(kk){font-size:12px}}} @media not all and (max-width:640px){@media (max-width:860px){html.acp-nodin .art-prose th:lang(kk){font-size:12px}}} @media not all and (max-width:860px){@media (max-width:1000px){html.acp-nodin .art-prose th:lang(kk){font-size:12px}}} @media (max-width:400px){html.acp-nodin .b-dark-t:lang(kk){font-size:27px}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .b-dark-t:lang(kk){font-size:24px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .b-dark-t:lang(kk){font-size:24px}}} @media not all and (max-width:1400px){html.acp-nodin .b-dark-t:lang(kk){font-size:27px}} @media (max-width:400px){html.acp-nodin .b-t:lang(kk){font-size:16px}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .b-t:lang(kk){font-size:16px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .b-t:lang(kk){font-size:16px}}} @media not all and (max-width:1400px){html.acp-nodin .b-t:lang(kk){font-size:16px}} @media not all and (max-width:400px){@media (max-width:640px){html.acp-nodin .b-t:lang(kk){font-size:16px}}} @media not all and (max-width:640px){@media (max-width:860px){html.acp-nodin .b-t:lang(kk){font-size:16px}}} @media not all and (max-width:860px){@media (max-width:1000px){html.acp-nodin .b-t:lang(kk){font-size:16px}}} @media (max-width:400px){html.acp-nodin .bi-cta-t:lang(kk){font-size:28px}} @media (max-width:400px){html.acp-nodin .bi-h1 span:lang(kk){font-size:37px}} @media not all and (max-width:1400px){html.acp-nodin .bi-h1 span:lang(kk){font-size:90px}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .c-its-big:lang(kk){font-size:111px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .c-its-big:lang(kk){font-size:113px}}} @media not all and (max-width:1400px){html.acp-nodin .c-its-big:lang(kk){font-size:125px}} @media (max-width:400px){html.acp-nodin .c-urv-h:lang(kk){font-size:25px}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .c-urv-h:lang(kk){font-size:21px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .c-urv-h:lang(kk){font-size:22px}}} @media not all and (max-width:1400px){html.acp-nodin .c-urv-h:lang(kk){font-size:24px}} @media not all and (max-width:400px){@media (max-width:640px){html.acp-nodin .c-urv-h:lang(kk){font-size:33px}}} @media not all and (max-width:860px){@media (max-width:1000px){html.acp-nodin .c-urv-h:lang(kk){font-size:33px}}} @media (max-width:400px){html.acp-nodin .cat-cta-t:lang(kk){font-size:36px}} @media (max-width:400px){html.acp-nodin .cat-head-t:lang(kk){font-size:15px}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .cat-head-t:lang(kk){font-size:18px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .cat-head-t:lang(kk){font-size:22px}}} @media not all and (max-width:1400px){html.acp-nodin .cat-head-t:lang(kk){font-size:24px}} @media not all and (max-width:400px){@media (max-width:640px){html.acp-nodin .cat-head-t:lang(kk){font-size:22px}}} @media (max-width:400px){html.acp-nodin .cell-label span:lang(kk){font-size:12px}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .cell-label span:lang(kk){font-size:13px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .cell-label span:lang(kk){font-size:13px}}} @media not all and (max-width:1400px){html.acp-nodin .cell-label span:lang(kk){font-size:13px}} @media not all and (max-width:400px){@media (max-width:640px){html.acp-nodin .cell-label span:lang(kk){font-size:13px}}} @media not all and (max-width:640px){@media (max-width:860px){html.acp-nodin .cell-label span:lang(kk){font-size:13px}}} @media not all and (max-width:860px){@media (max-width:1000px){html.acp-nodin .cell-label span:lang(kk){font-size:13px}}} @media (max-width:400px){html.acp-nodin .cn-t:lang(kk){font-size:12px;letter-spacing:-0.05em}} @media (max-width:400px){html.acp-nodin .faq-t:lang(kk){font-size:12px}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .lead-title:lang(kk){font-size:30px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .lead-title:lang(kk){font-size:30px}}} @media not all and (max-width:1400px){html.acp-nodin .lead-title:lang(kk){font-size:30px}} @media not all and (max-width:640px){@media (max-width:860px){html.acp-nodin .lead-title:lang(kk){font-size:31px}}} @media not all and (max-width:860px){@media (max-width:1000px){html.acp-nodin .lead-title:lang(kk){font-size:32px}}} @media (max-width:400px){html.acp-nodin .nf-t:lang(kk){font-size:12px}} @media not all and (max-width:640px){@media (max-width:860px){html.acp-nodin .nf-t:lang(kk){font-size:14px}}} @media (max-width:400px){html.acp-nodin .page-head-title:lang(kk){font-size:27px}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .page-head-title:lang(kk){font-size:49px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .page-head-title:lang(kk){font-size:59px}}} @media not all and (max-width:1400px){html.acp-nodin .page-head-title:lang(kk){font-size:65px}} @media not all and (max-width:400px){@media (max-width:640px){html.acp-nodin .page-head-title:lang(kk){font-size:35px}}} @media not all and (max-width:860px){@media (max-width:1000px){html.acp-nodin .page-head-title:lang(kk){font-size:42px}}} @media (max-width:400px){html.acp-nodin .page-head-title .ph-part:lang(kk){font-size:31px}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .page-head-title .ph-part:lang(kk){font-size:57px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .page-head-title .ph-part:lang(kk){font-size:68px}}} @media not all and (max-width:1400px){html.acp-nodin .page-head-title .ph-part:lang(kk){font-size:75px}} @media not all and (max-width:400px){@media (max-width:640px){html.acp-nodin .page-head-title .ph-part:lang(kk){font-size:41px}}} @media not all and (max-width:860px){@media (max-width:1000px){html.acp-nodin .page-head-title .ph-part:lang(kk){font-size:49px}}} @media (max-width:400px){html.acp-nodin .page-head-title span:lang(kk){font-size:24px}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .page-head-title span:lang(kk){font-size:56px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .page-head-title span:lang(kk){font-size:76px}}} @media not all and (max-width:1400px){html.acp-nodin .page-head-title span:lang(kk){font-size:84px}} @media not all and (max-width:400px){@media (max-width:640px){html.acp-nodin .page-head-title span:lang(kk){font-size:32px}}} @media (max-width:400px){html.acp-nodin .ph-poster .pv-title:lang(kk){font-size:32px}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .poster-h1 .red:lang(kk){font-size:58px}}} @media not all and (max-width:1400px){html.acp-nodin .poster-h1 .red:lang(kk){font-size:86px}} @media not all and (max-width:860px){@media (max-width:1000px){html.acp-nodin .poster-h1 .red:lang(kk){font-size:49px}}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .scard-t:lang(kk){font-size:16px}}} @media (max-width:400px){html.acp-nodin .sh-title:lang(kk){font-size:13px}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .sh-title:lang(kk){font-size:13px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .sh-title:lang(kk){font-size:13px}}} @media not all and (max-width:1400px){html.acp-nodin .sh-title:lang(kk){font-size:13px}} @media not all and (max-width:400px){@media (max-width:640px){html.acp-nodin .sh-title:lang(kk){font-size:13px}}} @media not all and (max-width:640px){@media (max-width:860px){html.acp-nodin .sh-title:lang(kk){font-size:13px}}} @media not all and (max-width:860px){@media (max-width:1000px){html.acp-nodin .sh-title:lang(kk){font-size:13px}}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .sp-cat-t:lang(kk){font-size:14px}}} @media not all and (max-width:400px){@media (max-width:640px){html.acp-nodin .sp-cat-t:lang(kk){font-size:13px}}} @media not all and (max-width:860px){@media (max-width:1000px){html.acp-nodin .sp-cat-t:lang(kk){font-size:15px}}} @media (max-width:400px){html.acp-nodin .sp-cta-t:lang(kk){font-size:35px}} @media (max-width:400px){html.acp-nodin .sp-h1:lang(kk){font-size:21px}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .sp-h1:lang(kk){font-size:42px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .sp-h1:lang(kk){font-size:49px}}} @media not all and (max-width:1400px){html.acp-nodin .sp-h1:lang(kk){font-size:54px}} @media not all and (max-width:400px){@media (max-width:640px){html.acp-nodin .sp-h1:lang(kk){font-size:28px}}} @media not all and (max-width:860px){@media (max-width:1000px){html.acp-nodin .sp-h1:lang(kk){font-size:35px}}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .sp-price-v:lang(kk){font-size:37px}}} @media not all and (max-width:1400px){html.acp-nodin .sp-price-v:lang(kk){font-size:46px}} @media not all and (max-width:400px){@media (max-width:640px){html.acp-nodin .sp-price-v:lang(kk){font-size:36px}}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .sp-pval:lang(kk){font-size:25px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .sp-pval:lang(kk){font-size:29px}}} @media not all and (max-width:1400px){html.acp-nodin .sp-pval:lang(kk){font-size:32px}} @media not all and (max-width:640px){@media (max-width:860px){html.acp-nodin .sp-pval:lang(kk){font-size:25px}}} @media not all and (max-width:860px){@media (max-width:1000px){html.acp-nodin .sp-pval:lang(kk){font-size:25px}}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .sp-rel-t:lang(kk){font-size:14px}}} @media (max-width:400px){html.acp-nodin .stat-v:lang(kk){font-size:28px}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .stat-v:lang(kk){font-size:24px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .stat-v:lang(kk){font-size:30px}}} @media not all and (max-width:1400px){html.acp-nodin .stat-v:lang(kk){font-size:34px}} @media not all and (max-width:400px){@media (max-width:640px){html.acp-nodin .stat-v:lang(kk){font-size:22px}}} @media not all and (max-width:640px){@media (max-width:860px){html.acp-nodin .stat-v:lang(kk){font-size:29px}}} @media not all and (max-width:860px){@media (max-width:1000px){html.acp-nodin .stat-v:lang(kk){font-size:20px}}} @media (max-width:400px){html.acp-nodin .step-title:lang(kk){font-size:12px;letter-spacing:-0.05em}} @media not all and (max-width:1000px){@media (max-width:1200px){html.acp-nodin .step-title:lang(kk){font-size:12px;letter-spacing:-1px}}} @media not all and (max-width:1200px){@media (max-width:1400px){html.acp-nodin .step-title:lang(kk){font-size:13px}}} @media not all and (max-width:1400px){html.acp-nodin .step-title:lang(kk){font-size:14px}}