/* Тема для всего сайта (страницы с 'theme' => 'switch' в inc/routes.php). Класс .pp-lt ставится на инлайновым скриптом в ещё до первой отрисовки, иначе светлая страница мигает тёмным. Одна вёрстка, два набора переменных. Тёмные значения объявлены на :root и повторяют исходную палитру сайта, светлые перекрывают их в .pp-lt. Правила ниже, кроме отдельно помеченных структурных блоков, ГЛОБАЛЬНЫЕ — не требуют классов-обёрток на секциях. Защита у них другая: каждое правило идёт в паре с pin-back — тем же селектором внутри тёмных островов (герой, маркиза, CTA-карточки, lead-magnet, медиа-плейсхолдеры), который принудительно восстанавливает оригинальный тёмный вид. Это позволяет включать тему на любой странице без правок разметки content/*.php: если страница целиком собрана из каталога assets/css/pp-components.css, она становится светлой автоматически. Блок между "generated by tools/gen-theme-catalog.php" маркерами перегенерируется скриптом (см. scratchpad этой сессии) при изменении палитры каталога или SKIP-списка — руками его не редактировать. Следом идёт компактный ручной блок для карточек со смешанным акцентным тоном (пурпур/синий/розовый + нейтральная точка), которые генератор не может развести на одну переменную. */ :root { --pp-fg:#ecedf7; /* заголовки и основной текст */ --pp-fg-2:#c9cbe0; /* абзацы */ --pp-fg-3:#a4a6c2; /* вторичные абзацы */ --pp-fg-4:#9092ad; /* подписи */ --pp-fg-5:#8688a6; /* мелкие подписи */ --pp-fg-mute:#6e6f8e; /* приглушённая часть заголовка */ --pp-accent:#8047dd; /* акцент в мелком тексте */ --pp-surface:rgba(255,255,255,0.035); --pp-card:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.012)); --pp-card-v:linear-gradient(180deg,rgba(125,123,255,0.07),rgba(255,255,255,0.015)); --pp-card-b:linear-gradient(180deg,rgba(77,141,255,0.07),rgba(255,255,255,0.012)); --pp-card-pain:linear-gradient(180deg,rgba(255,138,150,0.05),rgba(255,255,255,0.012)); --pp-card-pop-bg:linear-gradient(180deg,rgba(125,123,255,0.14),rgba(77,141,255,0.05)); --pp-card-pop-line:rgba(125,123,255,0.4); --pp-card-pop-shadow:0 24px 60px rgba(77,99,255,0.18); --pp-cta-band-bg:linear-gradient(120deg,rgba(125,123,255,0.12),rgba(77,141,255,0.06)); --pp-cta-band-line:rgba(125,123,255,0.28); --pp-line:rgba(255,255,255,0.08); --pp-line-2:rgba(255,255,255,0.1); --pp-line-3:rgba(255,255,255,0.12); --pp-line-4:rgba(255,255,255,0.16); --pp-band:linear-gradient(180deg,#06070e,#090a16,#06070e); --pp-band-2:linear-gradient(180deg,#06070e,#090a16,#06070e); --pp-shadow:none; --pp-blob-opacity:1; --pp-glow-a:radial-gradient(circle,rgba(125,123,255,0.18),transparent 70%); --pp-glow-b:radial-gradient(circle,rgba(77,141,255,0.18),transparent 70%); } .pp-lt { --pp-fg:#14151d; --pp-fg-2:#4b4d61; --pp-fg-3:#55576d; --pp-fg-4:#6a6c82; --pp-fg-5:#787a8f; --pp-fg-mute:#82849c; /* было #a6a8b9 — 2.35:1 на белом, не читалось в списках интеграций */ --pp-accent:#6d2fc7; /* #8047dd на белом даёт всего 4.4:1 */ --pp-surface:#ffffff; --pp-card:#ffffff; --pp-card-v:linear-gradient(180deg,#f7f3ff,#ffffff); --pp-card-b:linear-gradient(180deg,#f1f6ff,#ffffff); --pp-card-pain:linear-gradient(180deg,#fff3f4,#ffffff); --pp-card-pop-bg:linear-gradient(180deg,#f7f3ff,#ffffff); --pp-card-pop-line:rgba(128,71,221,0.32); --pp-card-pop-shadow:0 20px 50px rgba(77,99,255,0.14); --pp-cta-band-bg:linear-gradient(120deg,#f4f1ff,#eef4ff); --pp-cta-band-line:rgba(128,71,221,0.24); --pp-line:rgba(18,19,32,0.09); --pp-line-2:rgba(18,19,32,0.1); --pp-line-3:rgba(18,19,32,0.11); --pp-line-4:rgba(18,19,32,0.14); --pp-band:#f4f5f9; --pp-band-2:#ffffff; --pp-shadow:0 1px 2px rgba(18,20,34,0.04), 0 10px 34px rgba(18,20,34,0.06); --pp-blob-opacity:0.55; --pp-glow-a:none; --pp-glow-b:none; } /* ===== Полотно ===== */ .pp-lt body { background:#ffffff; color:var(--pp-fg); } /* Контейнеры, которые тёмные всегда: в светлой теме возвращаем им светлый текст, иначе заголовки без собственного color наследуют тёмный из body. */ .pp-lt .pp-hero, .pp-lt .pp-marquee, .pp-lt .pp-island, .pp-lt .pp-cta-card, .pp-lt .pp-cta-card2, .pp-lt footer, .pp-lt #pp-mobile-menu, .pp-lt .pp-modal-card { color:#ecedf7; } /* pp-hero — единственный из контейнеров выше, где content/*.php местами красит текст не каталожными классами, а напрямую var(--pp-fg-*)/var(--pp-accent)/var(--pp-line-*) (o-nas, kontakty, политика/согласие/реквизиты, тарифы, расчёт стоимости, чек-лист). color:#ecedf7 выше их не ловит — нужен pin-back и самих переменных. */ .pp-lt .pp-hero { --pp-fg:#ecedf7; --pp-fg-2:#c9cbe0; --pp-fg-3:#a4a6c2; --pp-fg-4:#9092ad; --pp-fg-5:#8688a6; --pp-fg-mute:#6e6f8e; --pp-accent:#8047dd; --pp-surface:rgba(255,255,255,0.035); --pp-line:rgba(255,255,255,0.08); --pp-line-2:rgba(255,255,255,0.1); --pp-line-3:rgba(255,255,255,0.12); --pp-line-4:rgba(255,255,255,0.16); } /* ===== Переключатель темы в шапке ===== */ #pp-theme-toggle { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; flex:0 0 auto; border-radius:11px; border:1px solid rgba(255,255,255,0.16); background:rgba(255,255,255,0.05); color:#ecedf7; cursor:pointer; padding:0; } #pp-theme-toggle:hover { border-color:rgba(128,71,221,0.5); color:#fff; } #pp-theme-toggle .pp-th-moon { display:none; } .pp-lt #pp-theme-toggle .pp-th-sun { display:none; } .pp-lt #pp-theme-toggle .pp-th-moon { display:block; } .pp-lt header#pp-header.pp-shrink #pp-theme-toggle { border-color:rgba(18,19,32,0.14); background:rgba(18,19,32,0.04); color:#14151d; } .pp-lt header#pp-header.pp-shrink #pp-theme-toggle:hover { border-color:rgba(128,71,221,0.45); color:#6d2fc7; } /* ===== Шапка в светлой теме: прозрачная над героем, белая дальше ===== */ .pp-lt header#pp-header.pp-shrink { background:rgba(255,255,255,0.94) !important; border-bottom-color:rgba(18,19,32,0.08); box-shadow:0 10px 30px rgba(18,20,34,0.07) !important; } .pp-lt header#pp-header.pp-shrink nav { color:#3a3b4d !important; } .pp-lt header#pp-header.pp-shrink .pp-logo, .pp-lt header#pp-header.pp-shrink .pp-phone { color:#14151d !important; } .pp-lt header#pp-header.pp-shrink .pp-hv-nav:hover { color:#6d2fc7 !important; } .pp-lt header#pp-header.pp-shrink #pp-burger { border-color:rgba(18,19,32,0.14) !important; background:rgba(18,19,32,0.04) !important; color:#14151d !important; } .pp-lt header#pp-header.pp-shrink .pp-drop-panel { background:rgba(255,255,255,0.98) !important; border-color:rgba(18,19,32,0.1) !important; box-shadow:0 24px 60px rgba(18,20,34,0.12) !important; } .pp-lt header#pp-header.pp-shrink .pp-drop-link { color:#2a2b3a !important; } .pp-lt header#pp-header.pp-shrink .pp-drop-link:hover { background:rgba(128,71,221,0.1) !important; color:#6d2fc7 !important; } /* ===== Маркиза-шов ===== Базовая маска гасит по краям не только текст, но и сам тёмный фон полосы: на светлом полотне края «переливались». Фон делаем сплошным во всю ширину, растворение текста отдаём градиентам в цвет полосы. В тёмной теме выглядит ровно как раньше. */ .pp-marquee { position:relative; -webkit-mask-image:none; mask-image:none; } .pp-marquee::before, .pp-marquee::after { content:""; position:absolute; top:0; bottom:0; width:9%; z-index:1; pointer-events:none; } .pp-marquee::before { left:0; background:linear-gradient(90deg,#080912,rgba(8,9,18,0)); } .pp-marquee::after { right:0; background:linear-gradient(270deg,#080912,rgba(8,9,18,0)); } /* ===== Секции-полосы: чередование тона, чтобы два подряд не слились ===== */ .pp-section-bleed { background:var(--pp-band); } .pp-section-bleed + .pp-section-bleed { background:var(--pp-band-2); } /* ===== generated by tools/gen-theme-catalog.php — не редактировать руками ===== */ .pp-eyebrow{color:var(--pp-accent);} .pp-c-accent{color:var(--pp-accent);} .pp-faq{border:1px solid var(--pp-line); background:var(--pp-card);} .pp-faq-sum{color:var(--pp-fg);} .pp-p15a{color:var(--pp-fg-3);} .pp-num26{color:var(--pp-accent);} .pp-cap125{color:var(--pp-fg-5);} .pp-mono11{color:var(--pp-accent);} .pp-card{border:1px solid var(--pp-line); background:var(--pp-card);} .pp-num20r{color:var(--pp-accent);} .pp-p15b{color:var(--pp-fg-3);} .pp-p15c{color:var(--pp-fg-3);} .pp-p145a{color:var(--pp-fg-3);} .pp-card-flat32{border:1px solid var(--pp-line); background:var(--pp-card);} .pp-p145b{color:var(--pp-fg-3);} .pp-t15{border:1px solid var(--pp-line); background:var(--pp-card);} .pp-p145c{color:var(--pp-fg-3);} .pp-card-media{border:1px solid var(--pp-line); background:var(--pp-card);} .pp-card-flat34{border:1px solid var(--pp-line); background:var(--pp-card);} .pp-mono13a{color:var(--pp-accent);} .pp-p165{color:var(--pp-fg-2);} .pp-card34{border:1px solid var(--pp-line); background:var(--pp-card);} .pp-num40{color:var(--pp-accent);} .pp-p16{color:var(--pp-fg);} .pp-mt24note{color:var(--pp-fg-4);} .pp-c-mute{color:var(--pp-fg-5);} .pp-subhead{color:var(--pp-fg-4);} .pp-card-hi28{border:1px solid var(--pp-line);} .pp-pill{border:1px solid var(--pp-line-3); background:var(--pp-surface); color:var(--pp-fg-2);} .pp-li{color:var(--pp-fg-2);} .pp-t14mute{color:var(--pp-fg-5);} .pp-cap12{color:var(--pp-fg-5);} .pp-t15b{color:var(--pp-fg);} .pp-num22{color:var(--pp-accent);} .pp-num34{color:var(--pp-fg);} .pp-t14right{color:var(--pp-fg);} .pp-card38{border:1px solid var(--pp-line); background:linear-gradient(180deg,var(--pp-surface),var(--pp-card));} .pp-p14mute{color:var(--pp-fg-4);} .pp-hr{background:var(--pp-line);} .pp-featcol{color:var(--pp-fg-2);} .pp-ghost-c{border:1px solid var(--pp-line-4) !important; background:var(--pp-surface) !important; color:var(--pp-fg) !important;} .pp-center-mute{color:var(--pp-fg-5);} .pp-related-sm{border:1px solid var(--pp-line); background:var(--pp-card);} .pp-p14b{color:var(--pp-fg-3);} .pp-icard{border:1px solid var(--pp-line); background:var(--pp-card);} .pp-num-accent{color:var(--pp-accent);} .pp-p15d{color:var(--pp-fg-2);} .pp-center-t17{color:var(--pp-fg);} .pp-mono12b{color:var(--pp-fg-5);} .pp-c-mute13{color:var(--pp-fg-5);} .pp-mono12c{color:var(--pp-accent);} .pp-card-flat-sm{border:1px solid var(--pp-line); background:var(--pp-card);} .pp-quote{color:var(--pp-fg-2);} .pp-p14c{color:var(--pp-fg-3);} .pp-icard2{border:1px solid var(--pp-line); background:var(--pp-card);} .pp-cap13{color:var(--pp-fg-5);} .pp-card34-hi{border:1px solid var(--pp-line);} .pp-cta-band-p{color:var(--pp-fg-2);} .pp-card36-v{border:1px solid var(--pp-line);} .pp-card36{border:1px solid var(--pp-line); background:linear-gradient(180deg,var(--pp-surface),var(--pp-card));} .pp-card36-b{border:1px solid var(--pp-line);} .pp-mono135{color:var(--pp-fg-5);} .pp-t15mb{color:var(--pp-fg);} .pp-card-flat30{border:1px solid var(--pp-line); background:var(--pp-card);} .pp-t14r{color:var(--pp-fg-3);} .pp-mono135b{color:var(--pp-accent);} .pp-p14c0{color:var(--pp-fg-2);} .pp-hr2{background:var(--pp-line-3);} .pp-featcol3{color:var(--pp-fg);} .pp-note26{color:var(--pp-fg-5);} .pp-pill2{border:1px solid var(--pp-line-2); background:var(--pp-surface); color:var(--pp-fg-2);} .pp-num26mt{color:var(--pp-fg);} .pp-card-flat-28{border:1px solid var(--pp-line); background:linear-gradient(180deg,var(--pp-surface),var(--pp-card));} .pp-li17{color:var(--pp-fg-2);} .pp-p17{color:var(--pp-fg-2);} .pp-card-sm16{border:1px solid var(--pp-line); background:var(--pp-card);} /* pin-back: те же классы внутри тёмных островов держат оригинальный тёмный вид */ .pp-hero .pp-eyebrow,.pp-cta-card .pp-eyebrow,.pp-cta-card2 .pp-eyebrow,.pp-marquee .pp-eyebrow,.pp-glass .pp-eyebrow,.pp-media-a .pp-eyebrow,.pp-media-b .pp-eyebrow,.pp-media-c .pp-eyebrow,.pp-island .pp-eyebrow{color:#8047dd !important;} .pp-hero .pp-c-accent,.pp-cta-card .pp-c-accent,.pp-cta-card2 .pp-c-accent,.pp-marquee .pp-c-accent,.pp-glass .pp-c-accent,.pp-media-a .pp-c-accent,.pp-media-b .pp-c-accent,.pp-media-c .pp-c-accent,.pp-island .pp-c-accent{color:#8047dd !important;} .pp-hero .pp-faq,.pp-cta-card .pp-faq,.pp-cta-card2 .pp-faq,.pp-marquee .pp-faq,.pp-glass .pp-faq,.pp-media-a .pp-faq,.pp-media-b .pp-faq,.pp-media-c .pp-faq,.pp-island .pp-faq{border:1px solid rgba(255,255,255,0.08) !important; background:rgba(255,255,255,0.025) !important;} .pp-hero .pp-faq-sum,.pp-cta-card .pp-faq-sum,.pp-cta-card2 .pp-faq-sum,.pp-marquee .pp-faq-sum,.pp-glass .pp-faq-sum,.pp-media-a .pp-faq-sum,.pp-media-b .pp-faq-sum,.pp-media-c .pp-faq-sum,.pp-island .pp-faq-sum{color:#ecedf7 !important;} .pp-hero .pp-p15a,.pp-cta-card .pp-p15a,.pp-cta-card2 .pp-p15a,.pp-marquee .pp-p15a,.pp-glass .pp-p15a,.pp-media-a .pp-p15a,.pp-media-b .pp-p15a,.pp-media-c .pp-p15a,.pp-island .pp-p15a{color:#a9abc6 !important;} .pp-hero .pp-num26,.pp-cta-card .pp-num26,.pp-cta-card2 .pp-num26,.pp-marquee .pp-num26,.pp-glass .pp-num26,.pp-media-a .pp-num26,.pp-media-b .pp-num26,.pp-media-c .pp-num26,.pp-island .pp-num26{color:#8047dd !important;} .pp-hero .pp-cap125,.pp-cta-card .pp-cap125,.pp-cta-card2 .pp-cap125,.pp-marquee .pp-cap125,.pp-glass .pp-cap125,.pp-media-a .pp-cap125,.pp-media-b .pp-cap125,.pp-media-c .pp-cap125,.pp-island .pp-cap125{color:#8688a6 !important;} .pp-hero .pp-mono11,.pp-cta-card .pp-mono11,.pp-cta-card2 .pp-mono11,.pp-marquee .pp-mono11,.pp-glass .pp-mono11,.pp-media-a .pp-mono11,.pp-media-b .pp-mono11,.pp-media-c .pp-mono11,.pp-island .pp-mono11{color:#8047dd !important;} .pp-hero .pp-card,.pp-cta-card .pp-card,.pp-cta-card2 .pp-card,.pp-marquee .pp-card,.pp-glass .pp-card,.pp-media-a .pp-card,.pp-media-b .pp-card,.pp-media-c .pp-card,.pp-island .pp-card{border:1px solid rgba(255,255,255,0.08) !important; background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.012)) !important;} .pp-hero .pp-num20r,.pp-cta-card .pp-num20r,.pp-cta-card2 .pp-num20r,.pp-marquee .pp-num20r,.pp-glass .pp-num20r,.pp-media-a .pp-num20r,.pp-media-b .pp-num20r,.pp-media-c .pp-num20r,.pp-island .pp-num20r{color:#8047dd !important;} .pp-hero .pp-p15b,.pp-cta-card .pp-p15b,.pp-cta-card2 .pp-p15b,.pp-marquee .pp-p15b,.pp-glass .pp-p15b,.pp-media-a .pp-p15b,.pp-media-b .pp-p15b,.pp-media-c .pp-p15b,.pp-island .pp-p15b{color:#aaace1 !important;} .pp-hero .pp-p15c,.pp-cta-card .pp-p15c,.pp-cta-card2 .pp-p15c,.pp-marquee .pp-p15c,.pp-glass .pp-p15c,.pp-media-a .pp-p15c,.pp-media-b .pp-p15c,.pp-media-c .pp-p15c,.pp-island .pp-p15c{color:#a4a6c2 !important;} .pp-hero .pp-p145a,.pp-cta-card .pp-p145a,.pp-cta-card2 .pp-p145a,.pp-marquee .pp-p145a,.pp-glass .pp-p145a,.pp-media-a .pp-p145a,.pp-media-b .pp-p145a,.pp-media-c .pp-p145a,.pp-island .pp-p145a{color:#a9abc6 !important;} .pp-hero .pp-card-flat32,.pp-cta-card .pp-card-flat32,.pp-cta-card2 .pp-card-flat32,.pp-marquee .pp-card-flat32,.pp-glass .pp-card-flat32,.pp-media-a .pp-card-flat32,.pp-media-b .pp-card-flat32,.pp-media-c .pp-card-flat32,.pp-island .pp-card-flat32{border:1px solid rgba(255,255,255,0.08) !important; background:rgba(255,255,255,0.025) !important;} .pp-hero .pp-p145b,.pp-cta-card .pp-p145b,.pp-cta-card2 .pp-p145b,.pp-marquee .pp-p145b,.pp-glass .pp-p145b,.pp-media-a .pp-p145b,.pp-media-b .pp-p145b,.pp-media-c .pp-p145b,.pp-island .pp-p145b{color:#a4a6c2 !important;} .pp-hero .pp-t15,.pp-cta-card .pp-t15,.pp-cta-card2 .pp-t15,.pp-marquee .pp-t15,.pp-glass .pp-t15,.pp-media-a .pp-t15,.pp-media-b .pp-t15,.pp-media-c .pp-t15,.pp-island .pp-t15{border:1px solid rgba(255,255,255,0.08) !important; background:rgba(255,255,255,0.025) !important;} .pp-hero .pp-p145c,.pp-cta-card .pp-p145c,.pp-cta-card2 .pp-p145c,.pp-marquee .pp-p145c,.pp-glass .pp-p145c,.pp-media-a .pp-p145c,.pp-media-b .pp-p145c,.pp-media-c .pp-p145c,.pp-island .pp-p145c{color:#a4a6c2 !important;} .pp-hero .pp-card-media,.pp-cta-card .pp-card-media,.pp-cta-card2 .pp-card-media,.pp-marquee .pp-card-media,.pp-glass .pp-card-media,.pp-media-a .pp-card-media,.pp-media-b .pp-card-media,.pp-media-c .pp-card-media,.pp-island .pp-card-media{border:1px solid rgba(255,255,255,0.08) !important; background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.01)) !important;} .pp-hero .pp-card-flat34,.pp-cta-card .pp-card-flat34,.pp-cta-card2 .pp-card-flat34,.pp-marquee .pp-card-flat34,.pp-glass .pp-card-flat34,.pp-media-a .pp-card-flat34,.pp-media-b .pp-card-flat34,.pp-media-c .pp-card-flat34,.pp-island .pp-card-flat34{border:1px solid rgba(255,255,255,0.08) !important; background:rgba(255,255,255,0.025) !important;} .pp-hero .pp-mono13a,.pp-cta-card .pp-mono13a,.pp-cta-card2 .pp-mono13a,.pp-marquee .pp-mono13a,.pp-glass .pp-mono13a,.pp-media-a .pp-mono13a,.pp-media-b .pp-mono13a,.pp-media-c .pp-mono13a,.pp-island .pp-mono13a{color:#8047dd !important;} .pp-hero .pp-p165,.pp-cta-card .pp-p165,.pp-cta-card2 .pp-p165,.pp-marquee .pp-p165,.pp-glass .pp-p165,.pp-media-a .pp-p165,.pp-media-b .pp-p165,.pp-media-c .pp-p165,.pp-island .pp-p165{color:#c9cbe0 !important;} .pp-hero .pp-card34,.pp-cta-card .pp-card34,.pp-cta-card2 .pp-card34,.pp-marquee .pp-card34,.pp-glass .pp-card34,.pp-media-a .pp-card34,.pp-media-b .pp-card34,.pp-media-c .pp-card34,.pp-island .pp-card34{border:1px solid rgba(255,255,255,0.08) !important; background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.012)) !important;} .pp-hero .pp-num40,.pp-cta-card .pp-num40,.pp-cta-card2 .pp-num40,.pp-marquee .pp-num40,.pp-glass .pp-num40,.pp-media-a .pp-num40,.pp-media-b .pp-num40,.pp-media-c .pp-num40,.pp-island .pp-num40{color:#8047dd !important;} .pp-hero .pp-p16,.pp-cta-card .pp-p16,.pp-cta-card2 .pp-p16,.pp-marquee .pp-p16,.pp-glass .pp-p16,.pp-media-a .pp-p16,.pp-media-b .pp-p16,.pp-media-c .pp-p16,.pp-island .pp-p16{color:#dcdcf0 !important;} .pp-hero .pp-mt24note,.pp-cta-card .pp-mt24note,.pp-cta-card2 .pp-mt24note,.pp-marquee .pp-mt24note,.pp-glass .pp-mt24note,.pp-media-a .pp-mt24note,.pp-media-b .pp-mt24note,.pp-media-c .pp-mt24note,.pp-island .pp-mt24note{color:#9092ad !important;} .pp-hero .pp-c-mute,.pp-cta-card .pp-c-mute,.pp-cta-card2 .pp-c-mute,.pp-marquee .pp-c-mute,.pp-glass .pp-c-mute,.pp-media-a .pp-c-mute,.pp-media-b .pp-c-mute,.pp-media-c .pp-c-mute,.pp-island .pp-c-mute{color:#8688a6 !important;} .pp-hero .pp-subhead,.pp-cta-card .pp-subhead,.pp-cta-card2 .pp-subhead,.pp-marquee .pp-subhead,.pp-glass .pp-subhead,.pp-media-a .pp-subhead,.pp-media-b .pp-subhead,.pp-media-c .pp-subhead,.pp-island .pp-subhead{color:#9092ad !important;} .pp-hero .pp-card-hi28,.pp-cta-card .pp-card-hi28,.pp-cta-card2 .pp-card-hi28,.pp-marquee .pp-card-hi28,.pp-glass .pp-card-hi28,.pp-media-a .pp-card-hi28,.pp-media-b .pp-card-hi28,.pp-media-c .pp-card-hi28,.pp-island .pp-card-hi28{border:1px solid rgba(255,255,255,0.08) !important;} .pp-hero .pp-pill,.pp-cta-card .pp-pill,.pp-cta-card2 .pp-pill,.pp-marquee .pp-pill,.pp-glass .pp-pill,.pp-media-a .pp-pill,.pp-media-b .pp-pill,.pp-media-c .pp-pill,.pp-island .pp-pill{border:1px solid rgba(255,255,255,0.12) !important; background:rgba(255,255,255,0.03) !important; color:#c2c4dc !important;} .pp-hero .pp-li,.pp-cta-card .pp-li,.pp-cta-card2 .pp-li,.pp-marquee .pp-li,.pp-glass .pp-li,.pp-media-a .pp-li,.pp-media-b .pp-li,.pp-media-c .pp-li,.pp-island .pp-li{color:#c7c9de !important;} .pp-hero .pp-t14mute,.pp-cta-card .pp-t14mute,.pp-cta-card2 .pp-t14mute,.pp-marquee .pp-t14mute,.pp-glass .pp-t14mute,.pp-media-a .pp-t14mute,.pp-media-b .pp-t14mute,.pp-media-c .pp-t14mute,.pp-island .pp-t14mute{color:#8688a6 !important;} .pp-hero .pp-cap12,.pp-cta-card .pp-cap12,.pp-cta-card2 .pp-cap12,.pp-marquee .pp-cap12,.pp-glass .pp-cap12,.pp-media-a .pp-cap12,.pp-media-b .pp-cap12,.pp-media-c .pp-cap12,.pp-island .pp-cap12{color:#8688a6 !important;} .pp-hero .pp-t15b,.pp-cta-card .pp-t15b,.pp-cta-card2 .pp-t15b,.pp-marquee .pp-t15b,.pp-glass .pp-t15b,.pp-media-a .pp-t15b,.pp-media-b .pp-t15b,.pp-media-c .pp-t15b,.pp-island .pp-t15b{color:#dcdcf0 !important;} .pp-hero .pp-num22,.pp-cta-card .pp-num22,.pp-cta-card2 .pp-num22,.pp-marquee .pp-num22,.pp-glass .pp-num22,.pp-media-a .pp-num22,.pp-media-b .pp-num22,.pp-media-c .pp-num22,.pp-island .pp-num22{color:#a07bff !important;} .pp-hero .pp-num34,.pp-cta-card .pp-num34,.pp-cta-card2 .pp-num34,.pp-marquee .pp-num34,.pp-glass .pp-num34,.pp-media-a .pp-num34,.pp-media-b .pp-num34,.pp-media-c .pp-num34,.pp-island .pp-num34{color:#ecedf7 !important;} .pp-hero .pp-t14right,.pp-cta-card .pp-t14right,.pp-cta-card2 .pp-t14right,.pp-marquee .pp-t14right,.pp-glass .pp-t14right,.pp-media-a .pp-t14right,.pp-media-b .pp-t14right,.pp-media-c .pp-t14right,.pp-island .pp-t14right{color:#ecedf7 !important;} .pp-hero .pp-card38,.pp-cta-card .pp-card38,.pp-cta-card2 .pp-card38,.pp-marquee .pp-card38,.pp-glass .pp-card38,.pp-media-a .pp-card38,.pp-media-b .pp-card38,.pp-media-c .pp-card38,.pp-island .pp-card38{border:1px solid rgba(255,255,255,0.08) !important; background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.012)) !important;} .pp-hero .pp-p14mute,.pp-cta-card .pp-p14mute,.pp-cta-card2 .pp-p14mute,.pp-marquee .pp-p14mute,.pp-glass .pp-p14mute,.pp-media-a .pp-p14mute,.pp-media-b .pp-p14mute,.pp-media-c .pp-p14mute,.pp-island .pp-p14mute{color:#9092ad !important;} .pp-hero .pp-hr,.pp-cta-card .pp-hr,.pp-cta-card2 .pp-hr,.pp-marquee .pp-hr,.pp-glass .pp-hr,.pp-media-a .pp-hr,.pp-media-b .pp-hr,.pp-media-c .pp-hr,.pp-island .pp-hr{background:rgba(255,255,255,0.08) !important;} .pp-hero .pp-featcol,.pp-cta-card .pp-featcol,.pp-cta-card2 .pp-featcol,.pp-marquee .pp-featcol,.pp-glass .pp-featcol,.pp-media-a .pp-featcol,.pp-media-b .pp-featcol,.pp-media-c .pp-featcol,.pp-island .pp-featcol{color:#c2c4dc !important;} .pp-hero .pp-ghost-c,.pp-cta-card .pp-ghost-c,.pp-cta-card2 .pp-ghost-c,.pp-marquee .pp-ghost-c,.pp-glass .pp-ghost-c,.pp-media-a .pp-ghost-c,.pp-media-b .pp-ghost-c,.pp-media-c .pp-ghost-c,.pp-island .pp-ghost-c{border:1px solid rgba(255,255,255,0.2) !important; background:rgba(255,255,255,0.04) !important; color:#ecedf7 !important;} .pp-hero .pp-center-mute,.pp-cta-card .pp-center-mute,.pp-cta-card2 .pp-center-mute,.pp-marquee .pp-center-mute,.pp-glass .pp-center-mute,.pp-media-a .pp-center-mute,.pp-media-b .pp-center-mute,.pp-media-c .pp-center-mute,.pp-island .pp-center-mute{color:#8688a6 !important;} .pp-hero .pp-related-sm,.pp-cta-card .pp-related-sm,.pp-cta-card2 .pp-related-sm,.pp-marquee .pp-related-sm,.pp-glass .pp-related-sm,.pp-media-a .pp-related-sm,.pp-media-b .pp-related-sm,.pp-media-c .pp-related-sm,.pp-island .pp-related-sm{border:1px solid rgba(255,255,255,0.08) !important; background:rgba(255,255,255,0.025) !important;} .pp-hero .pp-p14b,.pp-cta-card .pp-p14b,.pp-cta-card2 .pp-p14b,.pp-marquee .pp-p14b,.pp-glass .pp-p14b,.pp-media-a .pp-p14b,.pp-media-b .pp-p14b,.pp-media-c .pp-p14b,.pp-island .pp-p14b{color:#a4a6c2 !important;} .pp-hero .pp-icard,.pp-cta-card .pp-icard,.pp-cta-card2 .pp-icard,.pp-marquee .pp-icard,.pp-glass .pp-icard,.pp-media-a .pp-icard,.pp-media-b .pp-icard,.pp-media-c .pp-icard,.pp-island .pp-icard{border:1px solid rgba(255,255,255,0.08) !important; background:rgba(255,255,255,0.025) !important;} .pp-hero .pp-num-accent,.pp-cta-card .pp-num-accent,.pp-cta-card2 .pp-num-accent,.pp-marquee .pp-num-accent,.pp-glass .pp-num-accent,.pp-media-a .pp-num-accent,.pp-media-b .pp-num-accent,.pp-media-c .pp-num-accent,.pp-island .pp-num-accent{color:#8047dd !important;} .pp-hero .pp-p15d,.pp-cta-card .pp-p15d,.pp-cta-card2 .pp-p15d,.pp-marquee .pp-p15d,.pp-glass .pp-p15d,.pp-media-a .pp-p15d,.pp-media-b .pp-p15d,.pp-media-c .pp-p15d,.pp-island .pp-p15d{color:#c7c9de !important;} .pp-hero .pp-center-t17,.pp-cta-card .pp-center-t17,.pp-cta-card2 .pp-center-t17,.pp-marquee .pp-center-t17,.pp-glass .pp-center-t17,.pp-media-a .pp-center-t17,.pp-media-b .pp-center-t17,.pp-media-c .pp-center-t17,.pp-island .pp-center-t17{color:#ecedf7 !important;} .pp-hero .pp-mono12b,.pp-cta-card .pp-mono12b,.pp-cta-card2 .pp-mono12b,.pp-marquee .pp-mono12b,.pp-glass .pp-mono12b,.pp-media-a .pp-mono12b,.pp-media-b .pp-mono12b,.pp-media-c .pp-mono12b,.pp-island .pp-mono12b{color:#8688a6 !important;} .pp-hero .pp-c-mute13,.pp-cta-card .pp-c-mute13,.pp-cta-card2 .pp-c-mute13,.pp-marquee .pp-c-mute13,.pp-glass .pp-c-mute13,.pp-media-a .pp-c-mute13,.pp-media-b .pp-c-mute13,.pp-media-c .pp-c-mute13,.pp-island .pp-c-mute13{color:#8688a6 !important;} .pp-hero .pp-mono12c,.pp-cta-card .pp-mono12c,.pp-cta-card2 .pp-mono12c,.pp-marquee .pp-mono12c,.pp-glass .pp-mono12c,.pp-media-a .pp-mono12c,.pp-media-b .pp-mono12c,.pp-media-c .pp-mono12c,.pp-island .pp-mono12c{color:#8047dd !important;} .pp-hero .pp-card-flat-sm,.pp-cta-card .pp-card-flat-sm,.pp-cta-card2 .pp-card-flat-sm,.pp-marquee .pp-card-flat-sm,.pp-glass .pp-card-flat-sm,.pp-media-a .pp-card-flat-sm,.pp-media-b .pp-card-flat-sm,.pp-media-c .pp-card-flat-sm,.pp-island .pp-card-flat-sm{border:1px solid rgba(255,255,255,0.08) !important; background:rgba(255,255,255,0.025) !important;} .pp-hero .pp-quote,.pp-cta-card .pp-quote,.pp-cta-card2 .pp-quote,.pp-marquee .pp-quote,.pp-glass .pp-quote,.pp-media-a .pp-quote,.pp-media-b .pp-quote,.pp-media-c .pp-quote,.pp-island .pp-quote{color:#c2c4dc !important;} .pp-hero .pp-p14c,.pp-cta-card .pp-p14c,.pp-cta-card2 .pp-p14c,.pp-marquee .pp-p14c,.pp-glass .pp-p14c,.pp-media-a .pp-p14c,.pp-media-b .pp-p14c,.pp-media-c .pp-p14c,.pp-island .pp-p14c{color:#a4a6c2 !important;} .pp-hero .pp-icard2,.pp-cta-card .pp-icard2,.pp-cta-card2 .pp-icard2,.pp-marquee .pp-icard2,.pp-glass .pp-icard2,.pp-media-a .pp-icard2,.pp-media-b .pp-icard2,.pp-media-c .pp-icard2,.pp-island .pp-icard2{border:1px solid rgba(255,255,255,0.08) !important; background:rgba(255,255,255,0.025) !important;} .pp-hero .pp-cap13,.pp-cta-card .pp-cap13,.pp-cta-card2 .pp-cap13,.pp-marquee .pp-cap13,.pp-glass .pp-cap13,.pp-media-a .pp-cap13,.pp-media-b .pp-cap13,.pp-media-c .pp-cap13,.pp-island .pp-cap13{color:#8688a6 !important;} .pp-hero .pp-card34-hi,.pp-cta-card .pp-card34-hi,.pp-cta-card2 .pp-card34-hi,.pp-marquee .pp-card34-hi,.pp-glass .pp-card34-hi,.pp-media-a .pp-card34-hi,.pp-media-b .pp-card34-hi,.pp-media-c .pp-card34-hi,.pp-island .pp-card34-hi{border:1px solid rgba(255,255,255,0.08) !important;} .pp-hero .pp-cta-band-p,.pp-cta-card .pp-cta-band-p,.pp-cta-card2 .pp-cta-band-p,.pp-marquee .pp-cta-band-p,.pp-glass .pp-cta-band-p,.pp-media-a .pp-cta-band-p,.pp-media-b .pp-cta-band-p,.pp-media-c .pp-cta-band-p,.pp-island .pp-cta-band-p{color:#e6e7f5 !important;} .pp-hero .pp-card36-v,.pp-cta-card .pp-card36-v,.pp-cta-card2 .pp-card36-v,.pp-marquee .pp-card36-v,.pp-glass .pp-card36-v,.pp-media-a .pp-card36-v,.pp-media-b .pp-card36-v,.pp-media-c .pp-card36-v,.pp-island .pp-card36-v{border:1px solid rgba(255,255,255,0.08) !important;} .pp-hero .pp-card36,.pp-cta-card .pp-card36,.pp-cta-card2 .pp-card36,.pp-marquee .pp-card36,.pp-glass .pp-card36,.pp-media-a .pp-card36,.pp-media-b .pp-card36,.pp-media-c .pp-card36,.pp-island .pp-card36{border:1px solid rgba(255,255,255,0.08) !important; background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.012)) !important;} .pp-hero .pp-card36-b,.pp-cta-card .pp-card36-b,.pp-cta-card2 .pp-card36-b,.pp-marquee .pp-card36-b,.pp-glass .pp-card36-b,.pp-media-a .pp-card36-b,.pp-media-b .pp-card36-b,.pp-media-c .pp-card36-b,.pp-island .pp-card36-b{border:1px solid rgba(255,255,255,0.08) !important;} .pp-hero .pp-mono135,.pp-cta-card .pp-mono135,.pp-cta-card2 .pp-mono135,.pp-marquee .pp-mono135,.pp-glass .pp-mono135,.pp-media-a .pp-mono135,.pp-media-b .pp-mono135,.pp-media-c .pp-mono135,.pp-island .pp-mono135{color:#8688a6 !important;} .pp-hero .pp-t15mb,.pp-cta-card .pp-t15mb,.pp-cta-card2 .pp-t15mb,.pp-marquee .pp-t15mb,.pp-glass .pp-t15mb,.pp-media-a .pp-t15mb,.pp-media-b .pp-t15mb,.pp-media-c .pp-t15mb,.pp-island .pp-t15mb{color:#ecedf7 !important;} .pp-hero .pp-card-flat30,.pp-cta-card .pp-card-flat30,.pp-cta-card2 .pp-card-flat30,.pp-marquee .pp-card-flat30,.pp-glass .pp-card-flat30,.pp-media-a .pp-card-flat30,.pp-media-b .pp-card-flat30,.pp-media-c .pp-card-flat30,.pp-island .pp-card-flat30{border:1px solid rgba(255,255,255,0.08) !important; background:rgba(255,255,255,0.025) !important;} .pp-hero .pp-t14r,.pp-cta-card .pp-t14r,.pp-cta-card2 .pp-t14r,.pp-marquee .pp-t14r,.pp-glass .pp-t14r,.pp-media-a .pp-t14r,.pp-media-b .pp-t14r,.pp-media-c .pp-t14r,.pp-island .pp-t14r{color:#a4a6c2 !important;} .pp-hero .pp-mono135b,.pp-cta-card .pp-mono135b,.pp-cta-card2 .pp-mono135b,.pp-marquee .pp-mono135b,.pp-glass .pp-mono135b,.pp-media-a .pp-mono135b,.pp-media-b .pp-mono135b,.pp-media-c .pp-mono135b,.pp-island .pp-mono135b{color:#8047dd !important;} .pp-hero .pp-p14c0,.pp-cta-card .pp-p14c0,.pp-cta-card2 .pp-p14c0,.pp-marquee .pp-p14c0,.pp-glass .pp-p14c0,.pp-media-a .pp-p14c0,.pp-media-b .pp-p14c0,.pp-media-c .pp-p14c0,.pp-island .pp-p14c0{color:#c0c2e0 !important;} .pp-hero .pp-hr2,.pp-cta-card .pp-hr2,.pp-cta-card2 .pp-hr2,.pp-marquee .pp-hr2,.pp-glass .pp-hr2,.pp-media-a .pp-hr2,.pp-media-b .pp-hr2,.pp-media-c .pp-hr2,.pp-island .pp-hr2{background:rgba(255,255,255,0.12) !important;} .pp-hero .pp-featcol3,.pp-cta-card .pp-featcol3,.pp-cta-card2 .pp-featcol3,.pp-marquee .pp-featcol3,.pp-glass .pp-featcol3,.pp-media-a .pp-featcol3,.pp-media-b .pp-featcol3,.pp-media-c .pp-featcol3,.pp-island .pp-featcol3{color:#dcdcf0 !important;} .pp-hero .pp-note26,.pp-cta-card .pp-note26,.pp-cta-card2 .pp-note26,.pp-marquee .pp-note26,.pp-glass .pp-note26,.pp-media-a .pp-note26,.pp-media-b .pp-note26,.pp-media-c .pp-note26,.pp-island .pp-note26{color:#8688a6 !important;} .pp-hero .pp-pill2,.pp-cta-card .pp-pill2,.pp-cta-card2 .pp-pill2,.pp-marquee .pp-pill2,.pp-glass .pp-pill2,.pp-media-a .pp-pill2,.pp-media-b .pp-pill2,.pp-media-c .pp-pill2,.pp-island .pp-pill2{border:1px solid rgba(255,255,255,0.11) !important; background:rgba(255,255,255,0.03) !important; color:#c2c4dc !important;} .pp-hero .pp-num26mt,.pp-cta-card .pp-num26mt,.pp-cta-card2 .pp-num26mt,.pp-marquee .pp-num26mt,.pp-glass .pp-num26mt,.pp-media-a .pp-num26mt,.pp-media-b .pp-num26mt,.pp-media-c .pp-num26mt,.pp-island .pp-num26mt{color:#ecedf7 !important;} .pp-hero .pp-card-flat-28,.pp-cta-card .pp-card-flat-28,.pp-cta-card2 .pp-card-flat-28,.pp-marquee .pp-card-flat-28,.pp-glass .pp-card-flat-28,.pp-media-a .pp-card-flat-28,.pp-media-b .pp-card-flat-28,.pp-media-c .pp-card-flat-28,.pp-island .pp-card-flat-28{border:1px solid rgba(255,255,255,0.08) !important; background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.012)) !important;} .pp-hero .pp-li17,.pp-cta-card .pp-li17,.pp-cta-card2 .pp-li17,.pp-marquee .pp-li17,.pp-glass .pp-li17,.pp-media-a .pp-li17,.pp-media-b .pp-li17,.pp-media-c .pp-li17,.pp-island .pp-li17{color:#c7c9de !important;} .pp-hero .pp-p17,.pp-cta-card .pp-p17,.pp-cta-card2 .pp-p17,.pp-marquee .pp-p17,.pp-glass .pp-p17,.pp-media-a .pp-p17,.pp-media-b .pp-p17,.pp-media-c .pp-p17,.pp-island .pp-p17{color:#c7c9de !important;} .pp-hero .pp-card-sm16,.pp-cta-card .pp-card-sm16,.pp-cta-card2 .pp-card-sm16,.pp-marquee .pp-card-sm16,.pp-glass .pp-card-sm16,.pp-media-a .pp-card-sm16,.pp-media-b .pp-card-sm16,.pp-media-c .pp-card-sm16,.pp-island .pp-card-sm16{border:1px solid rgba(255,255,255,0.08) !important; background:rgba(255,255,255,0.025) !important;} /* ===== конец generated-блока ===== */ /* ===== Ручной блок: карточки со смешанным акцентным тоном ===== Генератор не сводит их к одной переменной: у каждой один стоп градиента акцентный (пурпур/синий/розовый), другой нейтральный, а нейтральный не совпадает буквально ни с одним значением из общей карты. */ .pp-pain{background:var(--pp-card-pain);} .pp-card-hi28{background:var(--pp-card-v);} .pp-card34-hi{background:var(--pp-card-v);} .pp-card36-v{background:var(--pp-card-v);} .pp-card36-b{background:var(--pp-card-b);} .pp-cta-band{background:var(--pp-cta-band-bg); border:1px solid var(--pp-cta-band-line);} .pp-card-pop{background:var(--pp-card-pop-bg); border-color:var(--pp-card-pop-line); box-shadow:var(--pp-card-pop-shadow);} /* pp-num34w — «белое число для тёмной карточки»: pp-card-pop в светлой теме стал светлой лавандовой подложкой, а не тёмной, белое на ней нечитаемо. Проверено: все 50 сайтовых употреблений класса — строго внутри card-pop, поэтому переопределяем прицельно, не трогая SKIP для класса целиком. */ .pp-card-pop .pp-num34w{color:var(--pp-fg);} .pp-hero .pp-pain,.pp-cta-card .pp-pain,.pp-cta-card2 .pp-pain,.pp-marquee .pp-pain,.pp-glass .pp-pain,.pp-media-a .pp-pain,.pp-media-b .pp-pain,.pp-media-c .pp-pain,.pp-island .pp-pain{background:linear-gradient(180deg,rgba(255,138,150,0.05),rgba(255,255,255,0.012)) !important;} .pp-hero .pp-card-hi28,.pp-cta-card .pp-card-hi28,.pp-cta-card2 .pp-card-hi28,.pp-marquee .pp-card-hi28,.pp-glass .pp-card-hi28,.pp-media-a .pp-card-hi28,.pp-media-b .pp-card-hi28,.pp-media-c .pp-card-hi28,.pp-island .pp-card-hi28{background:linear-gradient(180deg,rgba(128,71,221,0.08),rgba(255,255,255,0.012)) !important;} .pp-hero .pp-card34-hi,.pp-cta-card .pp-card34-hi,.pp-cta-card2 .pp-card34-hi,.pp-marquee .pp-card34-hi,.pp-glass .pp-card34-hi,.pp-media-a .pp-card34-hi,.pp-media-b .pp-card34-hi,.pp-media-c .pp-card34-hi,.pp-island .pp-card34-hi{background:linear-gradient(180deg,rgba(125,123,255,0.1),rgba(255,255,255,0.02)) !important;} .pp-hero .pp-card36-v,.pp-cta-card .pp-card36-v,.pp-cta-card2 .pp-card36-v,.pp-marquee .pp-card36-v,.pp-glass .pp-card36-v,.pp-media-a .pp-card36-v,.pp-media-b .pp-card36-v,.pp-media-c .pp-card36-v,.pp-island .pp-card36-v{background:linear-gradient(180deg,rgba(125,123,255,0.07),rgba(255,255,255,0.015)) !important;} .pp-hero .pp-card36-b,.pp-cta-card .pp-card36-b,.pp-cta-card2 .pp-card36-b,.pp-marquee .pp-card36-b,.pp-glass .pp-card36-b,.pp-media-a .pp-card36-b,.pp-media-b .pp-card36-b,.pp-media-c .pp-card36-b,.pp-island .pp-card36-b{background:linear-gradient(180deg,rgba(77,141,255,0.07),rgba(255,255,255,0.012)) !important;} .pp-hero .pp-cta-band,.pp-cta-card .pp-cta-band,.pp-cta-card2 .pp-cta-band,.pp-marquee .pp-cta-band,.pp-glass .pp-cta-band,.pp-media-a .pp-cta-band,.pp-media-b .pp-cta-band,.pp-media-c .pp-cta-band,.pp-island .pp-cta-band{background:linear-gradient(120deg,rgba(125,123,255,0.12),rgba(77,141,255,0.06)) !important; border-color:rgba(125,123,255,0.28) !important;} .pp-hero .pp-card-pop,.pp-cta-card .pp-card-pop,.pp-cta-card2 .pp-card-pop,.pp-marquee .pp-card-pop,.pp-glass .pp-card-pop,.pp-media-a .pp-card-pop,.pp-media-b .pp-card-pop,.pp-media-c .pp-card-pop,.pp-island .pp-card-pop{background:linear-gradient(180deg,rgba(125,123,255,0.14),rgba(77,141,255,0.05)) !important; border-color:rgba(125,123,255,0.4) !important; box-shadow:0 24px 60px rgba(77,99,255,0.18) !important;} /* Свечение в углу карточек направлений (главная): на чёрном мягкий глоу, на белом грязное пятно, поэтому переменная гасится в none в светлой теме. ::after у .pp-hv-card уже занят курсорной подсветкой в pp-ux.css. */ #napravleniya .pp-hv-card::before { content:""; position:absolute; top:-40px; right:-40px; width:160px; height:160px; border-radius:50%; background:var(--pp-glow-a); pointer-events:none; } #napravleniya .pp-hv-card:nth-child(even)::before { background:var(--pp-glow-b); } /* Декоративные фоновые пятна рисовались под чёрный фон: на белом приглушаем */ .pp-blob-b, .pp-blob-c, .pp-blob-d, .pp-blob-e { opacity:var(--pp-blob-opacity); } /* Угловые пятна-блики в карточках (класс каталога — 61 файл, плюс инлайн- вариант в razrabotka_internet-magazin.php): на белой карточке светлой темы читаются грязным разводом, а не мягким свечением. В светлой теме убираем совсем, а не приглушаем — просили именно исключить. Тёмная тема не тронута: pp-blob-card-a/b по DOM-сканированию ни разу не встречаются внутри героя или CTA-карточек, острова защищать не от чего. */ .pp-lt .pp-blob-card-a, .pp-lt .pp-blob-card-b, .pp-lt [style*="radial-gradient(circle,rgba(125,123,255,0.16)"], .pp-lt [style*="radial-gradient(circle,rgba(160,123,255,0.16)"], .pp-lt [style*="radial-gradient(circle,rgba(77,141,255,0.16)"], .pp-lt [style*="radial-gradient(circle,rgba(125,123,255,0.18)"], .pp-lt [style*="radial-gradient(circle,rgba(77,141,255,0.18)"] { display:none; } /* ===== Ховеры: базовые правила рассчитаны на тёмный фон ===== */ .pp-lt .pp-hv-nav:hover { color:#6d2fc7 !important; } .pp-lt .pp-hv-chip:hover { color:#3f1d86 !important; background:rgba(128,71,221,0.09) !important; border-color:rgba(128,71,221,0.35) !important; } .pp-lt .pp-hv-card:hover { border-color:rgba(128,71,221,0.35) !important; box-shadow:0 18px 44px rgba(77,99,255,0.14) !important; } .pp-lt .pp-node.pp-node-on .pp-node-dot { background:rgba(128,71,221,0.1) !important; color:#6d2fc7 !important; box-shadow:0 0 0 6px rgba(128,71,221,0.08); } .pp-lt .pp-node.pp-node-on .pp-node-lbl { color:#14151d !important; } .pp-lt .pp-node:hover .pp-node-dot { color:#6d2fc7 !important; } .pp-lt .pp-faq-item > summary:hover span:first-child { color:#6d2fc7; } /* ===== Тёмный остров и тёмные карты на светлом ===== */ .pp-island { position:relative; margin:0 20px; border-radius:44px; overflow:hidden; background:linear-gradient(180deg,#06070e,#0b0c1c 46%,#06070e); } .pp-island .pp-section { padding-top:110px; } .pp-lt .pp-cta-card { box-shadow:0 30px 80px rgba(18,20,34,0.22); } .pp-lt .pp-cta-card2 { box-shadow:0 24px 60px rgba(18,20,34,0.18); } @media (max-width:900px) { .pp-island { margin:0 12px; border-radius:28px; } .pp-island .pp-section { padding-top:80px; } }