/* =================================================================== custom.css — ВАШИ правки стилей поверх оригинала PeachWeb. Подключён в конце всех страниц, поэтому переопределяет styles.css. Менять здесь безопасно: оригинальный styles.css (253 КБ, обфусцирован) не трогаем. Используйте !important при необходимости. ------------------------------------------------------------------- Примеры (раскомментируйте и поменяйте): // сменить цвет кнопки "Get Started" // [id^="i6wd7"] span { color: #fff !important; } // скрыть блок целиком (узнать id через DevTools → правый клик → Inspect) // #iee4h3-4 { display: none !important; } // поменять фон футера // .footer, [id^="footer"] { background: #0a0420 !important; } =================================================================== */ /* Шрифт Plus Jakarta Sans — @import ОБЯЗАН быть в самом верху файла */ @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap'); /* убрать кнопку "Войти" (desktop + mobile) */ #ioqrg-2-2, #i6pdkmg { display: none !important; } /* убрать чат-виджет "Need help?" в правом нижнем углу */ #peach-widget-frame, #peach-widget, [id^="peach-widget"] { display: none !important; } /* убрать бегущую строку (тикер Wow Factor / Captivate / ...) */ .carousel-container { display: none !important; } /* =================================================================== Шрифт Plus Jakarta Sans — как на вебпоиск.рф (перекрывает NeueHaas/serif) (@import вынесен в начало файла — там он валиден) =================================================================== */ html, body, button, input, textarea, select, h1, h2, h3, h4, h5, h6, p, a, span, div, li, ul, ol, strong, em, blockquote, label, small, figcaption { font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important; } /* Логотип на экране загрузки — сохранять пропорции (custom-logo.svg) */ #ixe4zkj { height: auto !important; } /* =================================================================== Кастомный прелоадер «шторка» (preloader.js). Прячем старый загрузчик peachweb и показываем свой оверлей поверх всего. =================================================================== */ #pwb-loading-wrap { display: none !important; } #ru-preloader { position: fixed; inset: 0; height: 100vh; background: #000; display: flex; align-items: center; justify-content: center; overflow: hidden; z-index: 2147483647; will-change: transform; } #ru-preloader .wl-word { position: relative; z-index: 10; display: flex; align-items: center; color: #fff; font-weight: 500; font-size: clamp(2.2rem, 5vw, 3.75rem); opacity: 0; transition: opacity 1s ease 0.2s; } #ru-preloader .wl-word .dot { width: 10px; height: 10px; background: #fff; border-radius: 50%; margin-right: 10px; display: inline-block; flex: 0 0 auto; } #ru-preloader .wl-curve { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 300px); } /* Первый экран: заголовок — в одну строку, подзаголовок — в две строки */ #i2omk-2-2 { white-space: nowrap !important; } #i2omk-2-2-4 { white-space: normal !important; max-width: 22ch !important; } @media (max-width: 720px) { #i2omk-2-2 { font-size: 8.5vw !important; } }