/* ============================================================ GST KOREA / Hyundai — ПОЛНЫЙ набор «Пользовательских CSS-стилей» (Настройки сайта → Вставка кода → «Пользовательские CSS-стили») Этим файлом можно ЗАМЕНИТЬ всё содержимое поля целиком. Обновлено 2026-06-08: шапка nowrap до 1599 (UZ-меню длиннее), убран дублирующийся блок шапки. ============================================================ */ /* === Кнопки моделей в столбик (Sertifikat / Katalog / 3D) === */ .gh .btns, div.flex.flex-wrap:has(> button), div.flex.flex-wrap:has(> a), .hy-btn-col{ display:flex !important; flex-direction:column !important; align-items:center !important; flex-wrap:nowrap !important; gap:14px !important; } .gh .btns > .btn, div.flex.flex-wrap:has(> button) > button, div.flex.flex-wrap:has(> button) > a, div.flex.flex-wrap:has(> a) > a, .hy-btn-col > button, .hy-btn-col > a{ width:100% !important; max-width:460px !important; box-sizing:border-box !important; text-align:center !important; } /* === Таблицы характеристик на мобиле (≤640px) === */ @media screen and (max-width:640px){ /* Вариант A — Tailwind-таблица */ .overflow-x-auto>table{width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:12px!important} .overflow-x-auto>table th,.overflow-x-auto>table td{padding:8px 4px!important;line-height:1.32!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important} .overflow-x-auto>table th:first-child,.overflow-x-auto>table td:first-child{width:25%!important} .overflow-x-auto>table th:nth-child(2),.overflow-x-auto>table td:nth-child(2){width:33%!important} .overflow-x-auto>table th:nth-child(3),.overflow-x-auto>table td:nth-child(3){width:42%!important} /* Вариант B — таблица .tbl (с min-width:640px) */ .tblwrap{overflow-x:hidden!important} .tbl{min-width:0!important;width:100%!important;table-layout:fixed!important} .tbl th,.tbl td{font-size:12px!important;padding:9px 4px!important;line-height:1.32!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important} .tbl thead th:first-child,.tbl td:first-child{width:25%!important} .tbl thead th:nth-child(2),.tbl td:nth-child(2){width:33%!important} .tbl thead th:nth-child(3),.tbl td:nth-child(3){width:42%!important} } @media screen and (max-width:640px){ .t431__table-wrapper{min-width:0!important;width:100%!important} .t431__table{width:100%!important;min-width:0!important} .t431__table td,.t431__table th{font-size:12px!important;padding:8px 5px!important;line-height:1.32!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important} } /* === Мобильная иконка-звонок в шапке === */ @media (max-width:640px){ #gst-mobcall svg{display:none!important} #gst-mobcall{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'%2317181a'%3E%3Cpath%20d%3D'M6.62%2010.79c1.44%202.83%203.76%205.14%206.59%206.59l2.2-2.2c.27-.27.67-.36%201.02-.24%201.12.37%202.33.57%203.57.57.55%200%201%20.45%201%201V20c0%20.55-.45%201-1%201-9.39%200-17-7.61-17-17%200-.55.45-1%201-1h3.5c.55%200%201%20.45%201%201%200%201.25.2%202.45.57%203.57.11.35.03.74-.24%201.02l-2.2%202.2z'%2F%3E%3C%2Fsvg%3E")!important;background-position:center!important;background-repeat:no-repeat!important;background-size:22px 22px!important} } /* === Белый фон карточек каталога === */ .t1196__item{ background-color:#ffffff !important; } /* === Подвал (Tilda T420) — единое выравнивание === */ .t420 .t420__descr, .t420 .t420__descr a{font-size:16px!important;line-height:1.6!important;font-weight:500!important} .t420 .t420__descr strong:not([style*="font-size"]){font-weight:500!important} .t420 .t420__descr strong[style*="font-size"]{font-size:18px!important;font-weight:700!important;line-height:1.4!important} .t420 .t420__title{font-size:18px!important;font-weight:700!important;line-height:1.4!important;margin-bottom:12px!important} @media (max-width:960px){ .t420 .t420__col{width:100%!important;max-width:100%!important;box-sizing:border-box!important;float:none!important;display:block!important; border-top:1px solid rgba(255,255,255,0.13)!important;margin-top:24px!important;padding-top:24px!important} .t420 .t420__col:first-child{border-top:none!important;margin-top:0!important;padding-top:0!important} } /* Подвал: адрес тоже 16px (класс .t420__text) */ .t420 .t420__text, .t420 .t420__text a, .t420 .t420__text span, .t420 .t420__text strong{font-size:16px!important;line-height:1.6!important;font-weight:500!important} /* === ЕДИНАЯ ТИПОГРАФИКА: 2 цвета + один шрифт === */ [data-record-type="131"], [data-record-type="131"] :is(p,span,a,li,h1,h2,h3,h4,h5,h6,strong,b,em,div,td,th,small,label){ font-family:var(--t-text-font,'Pretendant',Arial,sans-serif)!important; } .t030__title,.t-section__title,.js-block-header-title, .t-card__title,.js-store-prod-name,.js-product-name, .text-gray-900,.text-gray-800,.contact-title,.contact-label{ color:#1a1a1a!important; } .t030__descr,.t-section__descr,.js-block-header-descr, .t-card__descr,.t-store__card__descr,.js-store-prod-descr, .t565__descr,.t-text.t-descr_sm, .text-gray-700,.text-gray-600,.text-gray-500,.text-gray-400, .contact-text,.contact-link{ color:#4b5563!important; } /* === Единый вид товарных каруселей (T778 → как T1196) === */ .t-store__card__wrap_all{ border-radius:24px !important; border:1px solid #cccccf !important; overflow:hidden; } /* === ЛОГОТИПЫ ПАРТНЁРОВ: единый размер (карусель T738) === */ .t738__img.t-img{ height:84px!important; width:auto!important; max-width:190px!important; object-fit:contain!important; display:block!important; margin:0 auto!important; } .t738 .t-card__col{display:flex!important;align-items:center!important;justify-content:center!important} @media screen and (max-width:640px){ .t738__img.t-img{height:64px!important;max-width:150px!important} } /* MaxsusTrans (noroot.png) — точечно меньше */ .t738__img[src*="noroot"], .t738__img[data-original*="noroot"]{height:60px!important;max-width:120px!important} @media screen and (max-width:640px){ .t738__img[src*="noroot"],.t738__img[data-original*="noroot"]{height:46px!important;max-width:95px!important} } /* ============================================================ ШАПКА (Tilda Menu Base t1272): одна ровная строка на планшетах и узких десктопах, без переноса телефона и наложений. • 961–1599 — nowrap (до 1599, т.к. UZ-меню длиннее: Aloqa Va Kontaktlar / Ehtiyot Qismlar — нативно переносится до ~1499); • ≤1239 — прячем лупу, меню 13.5px, логотип уже; • ≤1199 — меню 12.5px, логотип ещё уже, кнопка компактнее; • ≤1079 — кнопка телефона = только иконка (номер скрыт); • ≤960 — мобильный бургер Tilda (НЕ трогаем); • ≥1600 — десктоп как есть (НЕ трогаем). ============================================================ */ @media screen and (min-width:961px) and (max-width:1599px){ .t-menu-base__maincontainer{flex-wrap:nowrap !important; align-items:center !important;} .t-menu-base__leftwrapper{min-width:0 !important; flex-shrink:1 !important;} .t-menu-base__list{flex-wrap:nowrap !important;} .t-menu-base__rightwrapper{flex-wrap:nowrap !important; flex-shrink:0 !important;} } @media screen and (min-width:961px) and (max-width:1239px){ .t-menuwidgeticons__wrapper, .t-menuwidgeticons{display:none !important;} .t-menu__link-item{font-size:13.5px !important;} .t-menu-base__list-item .t-menu__link-item{padding-left:8px !important; padding-right:8px !important;} .t-menu-base__list-item{margin:0 !important;} .t-menu-base__imglogo{max-width:195px !important; height:auto !important;} .t-menu-base__logowrapper{margin-right:6px !important;} .t-menu-base__buttons .t-btn{padding-left:12px !important; padding-right:12px !important; font-size:13.5px !important;} } @media screen and (min-width:961px) and (max-width:1199px){ .t-menu__link-item{font-size:12.5px !important;} .t-menu-base__list-item .t-menu__link-item{padding-left:6px !important; padding-right:6px !important;} .t-menu-base__imglogo{max-width:172px !important;} .t-menu-base__buttons .t-btn{padding-left:9px !important; padding-right:9px !important; font-size:12.5px !important;} } @media screen and (min-width:961px) and (max-width:1079px){ .t-menu-base__buttons .t-btn .t-btnflex__text{display:none !important;} .t-menu-base__buttons .t-btn .t-btnflex__icon{margin:0 !important;} .t-menu-base__buttons .t-btn{padding-left:14px !important; padding-right:14px !important;} } /* === UZ ХЕДЕР: воздух между пунктами меню (2026-06-10) ====================== На RU/EN зазор между пунктами есть, на UZ пункты слиплись. lang=uz ставит наш HEAD-скрипт → на RU/EN правило НЕ применяется. Только десктоп ≥1240px (на 961–1239 работает nowrap-фикс шапки выше, там margin намеренно 0; ≤960 — бургер). === */ @media screen and (min-width:1240px){ html[lang="uz"] .t-menu-base__list .t-menu-base__list-item{margin-left:9px !important; margin-right:9px !important;} } /* === Скрыть дублирующиеся попап-блоки «Связаться с нами» === */ #rec1827387001, #rec1882949441{display:none!important} /* Новости (блок T959) — тёмные карточки. Глобальная типографика custom.css красит .t-card__title в #1a1a1a !important и .t-card__descr в серый → на тёмно-синих карточках текст нечитаем. Возвращаем светлый текст. Специфичность .t959 .t-card__title (0,2,0)+!important перебивает глобальное .t-card__title (0,1,0)+!important. */ .t959 .t-card__title { color:#ffffff !important; } .t959 .t-card__descr { color:rgba(255,255,255,.88) !important; } /* ============================================================================ */ /* HY · Блок преимуществ «Почему выбирают спецтехнику Hyundai?» */ /* Заголовок (T030) + 3 карточки с иконками (T1032). RU/EN/UZ — таргет по классам */ /* (класс t1032 на главных уникален именно для этого блока). */ /* Что делает: 1) единый шрифт 2) выравнивание текстов 3) анимация иконок. */ /* Поле Tilda: «Пользовательские CSS-стили» (БЕЗ тегов ). 2026-06-09 */ /* ============================================================================ */ /* --- 1. ЕДИНЫЙ ШРИФТ: заголовок + тексты карточек → брендовый шрифт сайта ----- */ .t030__title, .t1032 .t-card__title{ font-family:var(--t-text-font,'Pretendant',Arial,sans-serif)!important; letter-spacing:0; } /* --- 2. ВЫРАВНИВАНИЕ: карточки одной высоты, тексты в равной зоне (под 3 строки) */ .t1032 .t1032__col{ display:flex; } .t1032 .t1032__content{ width:100%; box-sizing:border-box; } .t1032 .t1032__wrapper{ height:100%; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; } .t1032 .t-card__title{ min-height:3.4em; /* место под 3 строки → все подписи ровные */ display:flex; align-items:center; justify-content:center; text-align:center; line-height:1.35; margin-top:10px; } /* --- 3. АНИМАЦИЯ ИКОНОК: плавное «парение» (видно и на тач-устройствах) -------- */ @keyframes hyFloat{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-7px) } } .t1032 .t1032__img_circle{ animation:hyFloat 3.2s ease-in-out infinite; transition:filter .35s ease, transform .35s ease; will-change:transform; } /* лёгкий стаггер, чтобы иконки парили не синхронно */ .t1032 .t1032__col:nth-child(2) .t1032__img_circle{ animation-delay:.7s; } .t1032 .t1032__col:nth-child(3) .t1032__img_circle{ animation-delay:1.4s; } /* десктоп: при наведении на карточку — зелёное свечение иконки */ .t1032 .t1032__col:hover .t1032__img_circle{ filter:drop-shadow(0 8px 16px rgba(0,173,29,.40)); } /* уважение к системной настройке «меньше движения» */ @media (prefers-reduced-motion:reduce){ .t1032 .t1032__img_circle{ animation:none; } } /* Фикс вертикальной кнопки «Оставить заявку / So'rov qoldiring» на планшетах (iPad). Проблема: Tilda zero-block T396 (#rec2089111561, container=window) на тач-устройствах рендерится как position:absolute внутри artboard высотой 0 → кнопка залипает наверху страницы и уезжает вверх при скролле. На десктопе Tilda держит её fixed через JS. Решение: нативный position:fixed для тач-планшетов (работает на iPadOS без Tilda JS). Поворот (вертикальность) задаётся на .tn-atom (rotate -90°) — НЕ трогаем. Диапазон: тач-устройства шире 640px = планшеты. Телефоны (<641, кнопка в FAB) и десктоп (hover:hover) не затрагиваются. */ @media (hover: none) and (pointer: coarse) and (min-width: 641px) { #rec2089111561 .t396__elem.tn-elem__20891115611769174016724 { position: fixed !important; top: 50% !important; bottom: auto !important; right: -125px !important; left: auto !important; margin-top: -17px !important; z-index: 1000 !important; } } /* ===== FOUC при первой загрузке (2026-06-11) ===== При первом входе на сайт поиск-виджет T985 мелькает большой «сырой» лупой, а боковая кнопка «So'rov qoldiring» (#rec2089111561) — без текста, пока Tilda не догрузит стили (наши JS-фиксы приходят автозагрузчиком только к ~5 c — это слишком поздно для FOUC). Поэтому маскировку держим именно в CSS-поле: Tilda инлайнит этот CSS в , и opacity:0 применяется ещё ДО первой отрисовки. Показываем плавно CSS-анимацией через ~2.5 c — без зависимости от JS. Класс hy-w-ready (вешает hy_fixes.js на load) снимает маску раньше, если успел. Для боковой кнопки opacity ставим на сам .t396__elem, а НЕ на контейнер #rec2089111561: opacity<1 на контейнере создаёт stacking-context и сломал бы position:fixed кнопки (см. блок iPad выше). */ .t985, #rec2089111561 .t396__elem { opacity: 0; animation: hyReveal .5s ease 1.5s forwards; } html.hy-w-ready .t985, html.hy-w-ready #rec2089111561 .t396__elem { opacity: 1; animation: none; } @keyframes hyReveal { to { opacity: 1; } } /* ===== Мобильное бургер-меню: пункты с одной левой точки (2026-06-11) ===== Tilda на мобиле (≤960px) центрирует КАЖДЫЙ пункт меню t1272 по отдельности (.t-menu-base__list-item{width:100%;text-align:center}) — левый край «пляшет». Клиент: тексты начинаются с одной точки, но колонка остаётся по центру экрана. Решение: