/* Этап 3 (06.11): аккуратное форматирование старых блоков конструктора на /test/. Правила — поверх абсолютной вёрстки, только на тестовой странице. */ /* A. Все кнопки заявки в одном стиле: зелёный градиент, белый текст, 16px, радиус 14 */ #ko-old-page .ko-elem[data-elem-type="button"].btn_glare_light > .ko-atom, #ko-old-page .ko-elem[data-elem-type="button"].btn_glare_light a.ko-atom, #ko-old-page .ko-elem[data-elem-type="button"].btn > .ko-atom, #ko-old-page .ko-elem[data-elem-type="button"].btn a.ko-atom, #ko-old-page .ko-elem[data-elem-id="900000000000100"] a.ko-atom { background: linear-gradient(90deg, #08b86b, #2b8f9e) !important; color: #fff !important; border-radius: 14px !important; font-size: 16px !important; font-weight: 700 !important; box-shadow: 0 8px 20px rgba(8,184,107,.22) !important; } #ko-old-page .ko-elem[data-elem-type="button"].btn_glare_light .ko-atom__button-text, #ko-old-page .ko-elem[data-elem-type="button"].btn_glare_light .ko-atom__button-content, #ko-old-page .ko-elem[data-elem-type="button"].btn_glare_light span, #ko-old-page .ko-elem[data-elem-type="button"].btn .ko-atom__button-text, #ko-old-page .ko-elem[data-elem-type="button"].btn .ko-atom__button-content, #ko-old-page .ko-elem[data-elem-type="button"].btn span { color: #fff !important; font-size: 16px !important; font-weight: 700 !important; } /* заголовок шага 2 стоял в блоке высотой 72px и центрировался ниже остальных */ #ko-block-1613490771 .ko-elem[data-elem-id="175685843432042700"] { height: 24px !important; } /* кнопка на зелёной карточке «Пришлите фото купюр» — белая, чтобы читалась */ #ko-old-page #ko-block-1613539531 .ko-elem[data-elem-type="button"].btn[data-elem-id="175685341684425970"] a.ko-atom { background: #fff !important; color: #0f5f3f !important; box-shadow: 0 8px 20px rgba(0,0,0,.12) !important; } #ko-old-page #ko-block-1613539531 .ko-elem[data-elem-type="button"].btn[data-elem-id="175685341684425970"] .ko-atom__button-text, #ko-old-page #ko-block-1613539531 .ko-elem[data-elem-type="button"].btn[data-elem-id="175685341684425970"] .ko-atom__button-content, #ko-old-page #ko-block-1613539531 .ko-elem[data-elem-type="button"].btn[data-elem-id="175685341684425970"] span { color: #0f5f3f !important; } /* кнопка Telegram в контактах остаётся синей */ #ko-block-1613539531 .ko-elem[data-elem-id="1770978297809000002"] a.ko-atom { background: #1d9bf0 !important; box-shadow: none !important; } /* иконка Telegram рядом с «Оставить заявку» в шаге 1 — без градиента */ #ko-block-1613490771 .ko-elem[data-elem-id="1766997296443000002"] a.ko-atom { background: transparent !important; box-shadow: none !important; } /* B. «Как мы принимаем»: все 8 карточек одной высоты */ @media screen and (min-width: 1240px) { #ko-block-1613539451 .ko-elem[data-elem-id="175686659532558050"], #ko-block-1613539451 .ko-elem[data-elem-id="175686692316833580"], #ko-block-1613539451 .ko-elem[data-elem-id="175686693558633730"], #ko-block-1613539451 .ko-elem[data-elem-id="175686693560633380"], #ko-block-1613539451 .ko-elem[data-elem-id="175686702636829130"], #ko-block-1613539451 .ko-elem[data-elem-id="175686702639037570"], #ko-block-1613539451 .ko-elem[data-elem-id="175686702641524730"], #ko-block-1613539451 .ko-elem[data-elem-id="175686702643589330"] { height: 212px !important; } } /* C. «4 шага»: кнопки шагов 1 и 2 одного размера и на одной высоте, текст шага 2 не заходит под картинку */ @media screen and (min-width: 1240px) { #ko-block-1613490771 .ko-elem[data-elem-id="175685843435224650"], #ko-block-1613490771 .ko-elem[data-elem-id="175685843432515120"] { top: 455px !important; width: 190px !important; height: 48px !important; } #ko-block-1613490771 .ko-elem[data-elem-id="1766997296443000002"] { left: calc(50% - 620px + 244px) !important; top: 457px !important; } #ko-block-1613490771 .ko-elem[data-elem-id="1766997296443000003"] { left: calc(50% - 620px + 249px) !important; top: 462px !important; } #ko-block-1613490771 .ko-elem[data-elem-id="175685843431639730"] { width: 280px !important; top: 341px !important; } /* карточки 05 и 06 стояли на 2px выше 07 и 08 */ #ko-block-1613539451 .ko-elem[data-elem-id="175686693558633730"], #ko-block-1613539451 .ko-elem[data-elem-id="175686693560633380"] { top: 549px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686693559172840"], #ko-block-1613539451 .ko-elem[data-elem-id="175686693560154250"], #ko-block-1613539451 .ko-elem[data-elem-id="175686693560955210"], #ko-block-1613539451 .ko-elem[data-elem-id="175686693562287500"] { top: 564px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686693559988100"], #ko-block-1613539451 .ko-elem[data-elem-id="175686693562030880"] { top: 629px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686693559597780"], #ko-block-1613539451 .ko-elem[data-elem-id="175686693561568600"] { top: 687px !important; } #ko-block-1613490771 .ko-elem[data-elem-id="175685843434418240"] { width: 290px !important; } /* D. «Курс держим до конца дня»: заголовок в две строки, не наезжает на текст */ #ko-block-1613539511 .ko-elem[data-elem-id="175685322222966130"] { width: 560px !important; } /* E. Контакты: адрес в одну строку */ #ko-block-1613539531 .ko-elem[data-elem-id="175689811681150060"] { width: 320px !important; } #ko-block-1613490761 .ko-elem[data-elem-id="175685379972396110"] { width: 350px !important; } } @media screen and (max-width: 1239px) { #ko-block-1613490771 .ko-elem[data-elem-id="175685843435224650"] { top: 391px !important; width: 170px !important; height: 44px !important; } #ko-block-1613490771 .ko-elem[data-elem-id="1766997296443000002"] { left: calc(50% - 185px + 225px) !important; top: 395px !important; } #ko-block-1613490771 .ko-elem[data-elem-id="1766997296443000003"] { left: calc(50% - 185px + 229px) !important; top: 399px !important; } #ko-block-1613490771 .ko-elem[data-elem-id="175685843432515120"] { top: 846px !important; width: 170px !important; height: 44px !important; } #ko-block-1613490771 .ko-elem[data-elem-id="175685843431639730"] { top: 753px !important; } #ko-block-1613539531 .ko-elem[data-elem-id="175689811681150060"], #ko-block-1613490761 .ko-elem[data-elem-id="175685379972396110"] { width: 230px !important; } /* контакты на телефоне: адрес в две строки, «Телефон» ниже, чтобы не наезжал */ #ko-block-1613539531 .ko-elem[data-elem-id="175689814086399600"] { top: 215px !important; } #ko-block-1613539531 .ko-elem[data-elem-id="175689814086917990"] { top: 216px !important; } #ko-block-1613539531 .ko-elem[data-elem-id="175689814085626550"] { top: 237px !important; } /* B. «Как мы принимаем» на телефоне: карточка 02 выше на 22px (текст в три строки), всё ниже сдвинуто */ #ko-block-1613539451 .ko-elem[data-elem-id="175686702641524730"] { height: 212px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686702639037570"] { top: 697px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686702639497730"] { top: 712px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686702641042430"] { top: 712px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686702640718810"] { top: 777px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686702640033180"] { top: 835px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686702636829130"] { top: 939px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686702637340140"] { top: 954px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686702638662830"] { top: 954px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686702638148880"] { top: 1019px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686702637739270"] { top: 1077px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686693560633380"] { top: 1164px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686693560955210"] { top: 1179px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686693562287500"] { top: 1179px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686693562030880"] { top: 1244px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686693561568600"] { top: 1302px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686693558633730"] { top: 1406px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686693559172840"] { top: 1421px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686693560154250"] { top: 1421px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686693559988100"] { top: 1486px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686693559597780"] { top: 1544px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686692316833580"] { top: 1631px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686692317365860"] { top: 1646px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686692318565040"] { top: 1646px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686692318273240"] { top: 1711px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686692317857620"] { top: 1769px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686659532558050"] { top: 1856px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686659533385450"] { top: 1871px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686659532943910"] { top: 1871px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686659534236560"] { top: 1936px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="175686659533870000"] { top: 1994px !important; } #ko-block-1613539451 .ko-elem[data-elem-id="900000000000100"] { top: 2132px !important; } #ko-block-1613539451 .ko396__artboard, #ko-block-1613539451 .ko396__filter, #ko-block-1613539451 .ko396__carrier { height: 2202px !important; } }