html[data-theme="night"] body{background-color:#202124;}
/* Шаблоны Elementor задают фон страницы селектором `body.elementor-page-`,
а он сильнее, чем `html[data-theme="night"] body` — на страницах проекта и
локации фон оставался белым, тогда как текст уже становился светлым, и
страница читалась как пустая. Поэтому в ночной теме фон подложки забираем
себе принудительно: ночью фон страницы задаёт тема, а не шаблон. */
html[data-theme="night"] body[class*="elementor-page-"]{background-color:#202124 !important;}
html[data-theme="night"] body.elementor-kit-9{--e-global-color-accent:#202124;--e-global-color-text:#E8EAED;--e-global-color-secondary:#9AA0A6;--e-global-color-primary:#8AB4F8;--e-global-color-e262747:#303134;--e-global-color-ccpdark:#171718;--e-global-color-ccpfield:#303134;--e-global-color-ccpline:#3C4043;--e-global-color-ccpmute:#80868B;--e-global-color-8501981:#E8EAED;}
/* Подложка под прозрачной шапкой — ТОЛЬКО в ночной теме.
В ночной теме пункты меню светлые, и над светлой фотографией их не видно.
Мягкий градиент сверху решает это над любым фото. Днём подложка не нужна
(тёмный текст над фото читается), а на странице без фотографии тёмный
градиент дал бы полосу поверх белого — поэтому и делаем только ночью:
поверх графита он попросту незаметен. */
/* ВАЖНО: подложку делаем ФОНОВЫМ ГРАДИЕНТОМ, а не псевдоэлементом.
Псевдоэлемент требует position:relative на шапке, а это ломает раскладку:
шапка перестаёт накладываться на первый экран и отодвигает фото вниз
(проверено — так и произошло). Фоновая картинка на раскладку не влияет. */
html[data-theme="night"] .sticky-header:not(.scrolled){
background-image:linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,0));
}
html[data-theme="night"] .sticky-header.scrolled{background-image:none;}
/* Белый логотип в ночной теме — CSS-фильтром от ОРИГИНАЛА, как в новом
подвале (ccp-footer): brightness(0) делает картинку чёрной с сохранением
прозрачности, invert(1) переворачивает в белый. Раньше тут была подмена
файлом logo_white.webp через content:url — файл был хуже качеством и
больше не нужен (16.08.2026, сам файл в медиатеке не тронут). */
html[data-theme="night"] .elementor-widget-theme-site-logo img,
html[data-theme="night"] .elementor-location-footer .elementor-image-box-img img{
filter:brightness(0) invert(1);
}
/* ------------------------------------------------------------------ *
* СТРАХОВКА: места, которые ночная тема не достаёт через глобальные цвета
*
* Тема перекрашивает палитру Elementor, и всё, что покрашено ГЛОБАЛЬНЫМИ
* цветами, темнеет само. Но часть блоков задаёт цвет мимо палитры: прямым
* hex в стилях виджета, инлайн-стилем в тексте, встроенным CSS Elementor.
* Такие места ночью остаются светлыми — текст светлеет, фон нет, и блок
* читается как пустой. Проверено обходом контраста 03.08.2026 по страницам
* товара, каталога, «О компании», статей, карты и статусов проектов.
*
* Здесь чиним следствие. Правильное лечение причины — красить новые блоки
* глобальными цветами (__globals__), см. памятку night-theme-mechanics.
* ------------------------------------------------------------------ */
/* 1. Поля ввода. Часть страниц красит фон поля глобальным цветом «текст на
тёмном» — днём он белый и выглядит как надо, а ночью остаётся светлым,
и получается светлое поле среди тёмной страницы. Нужен !important:
правило страницы (.page-id-57 input) по весу сильнее. */
html[data-theme="night"] body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="range"]),
html[data-theme="night"] body textarea,
html[data-theme="night"] body select{
background-color:#202124 !important;color:#E8EAED !important;border-color:#5F6368 !important;
}
html[data-theme="night"] body ::placeholder{color:#80868B !important;}
/* 2. Текст, вставленный из документа вместе с инлайн-цветом. На «О компании»
абзацы несут style="color: rgb(0, 0, 0)" — чёрным по тёмному. Инлайн-стиль
перебивается только !important. */
html[data-theme="night"] [style*="color: rgb(0, 0, 0)"],
html[data-theme="night"] [style*="color:rgb(0,0,0)"],
html[data-theme="night"] [style*="color: #000"],
html[data-theme="night"] [style*="color:#000"]{color:#E8EAED !important;}
/* 3. Карточки записей Elementor (лента статей) — белый фон из его же стилей. */
html[data-theme="night"] .elementor-post__card{background-color:#303134;border-color:#3C4043;}
html[data-theme="night"] .elementor-post__card .elementor-post__title,
html[data-theme="night"] .elementor-post__card .elementor-post__title a,
html[data-theme="night"] .elementor-post__card .elementor-post__excerpt p,
html[data-theme="night"] .elementor-post__card .elementor-post__meta-data{color:#E8EAED;}
/* 4. Всплывающие окна Elementor. Белый фон прописан селектором с ИДЕНТИФИКАТОРОМ
(#elementor-popup-modal-3935 .dialog-widget-content), а он по весу сильнее
любого нашего — поэтому только !important. */
html[data-theme="night"] .dialog-widget-content,
html[data-theme="night"] .elementor-popup-modal .dialog-message{background-color:#303134 !important;color:#E8EAED;}
/* 4а. Карточка на маркере Google-карты: её подложку рисует сам Google. */
html[data-theme="night"] .gm-style-iw,
html[data-theme="night"] .gm-style-iw-c,
html[data-theme="night"] .gm-style-iw-d{background-color:#303134 !important;color:#E8EAED !important;}
html[data-theme="night"] .gm-style-iw-tc::after{background:#303134 !important;}
html[data-theme="night"] .gm-style-iw a{color:#8AB4F8 !important;}
/* 4б. Кнопка, залитая акцентом. Ночью акцент светлеет (#8AB4F8), а текст на
ней остаётся белым — белым по голубому, контраст 2.1. Решение владельца
от 12.09.2026: кнопку НЕ осветлять, а держать тёмно-синей #1D5AD2 с белым
текстом (6,10) — как «Call Back» в шапке. Светло-голубая кнопка с тёмным
текстом владельцу не нравится. */
html[data-theme="night"] .ccp-pdf-button-brochure{background:#1D5AD2;border-color:#1D5AD2;color:#fff;}
/* У кнопки в блоке фактов цвет задан селектором с большим весом — !important. */
html[data-theme="night"] .ccp-ai-cta__btn{background:#1D5AD2 !important;color:#fff !important;}
/* 4в. Хлебные крошки локаций: цвета #666 и #222 зашиты в самом блоке. */
html[data-theme="night"] .location-breadcrumbs a{color:#9AA0A6;}
/* Текущий пункт крошек покрашен селектором с большим весом — нужен !important. */
html[data-theme="night"] .location-breadcrumbs span,
html[data-theme="night"] .location-breadcrumbs li span{color:#E8EAED !important;}
/* 4г. Приглушённый текст в таблице сделок DLD — серый по тёмному, контраст 1.5. */
html[data-theme="night"] .ccp-pf-muted{color:#9AA0A6 !important;}
/* 5. Наш блок вопросов-ответов: карточка белая, а вопрос уже светлый. */
html[data-theme="night"] .ccp-faq__item{background:#303134;border-color:#3C4043;}
html[data-theme="night"] .ccp-faq__a{color:rgba(232,234,237,.78);}
/* Переключатель в подвале — выглядит как обычная ссылка блока Services,
намеренно приглушён, чтобы не тянуть на себя внимание. */
.ccp-theme-switch{cursor:pointer;opacity:.65;transition:opacity .2s;}
.ccp-theme-switch:hover{opacity:1;}
:root{--e-global-color-primary:#1D5AD2;--e-global-color-secondary:#5E5E5E;--e-global-color-text:#202124;--e-global-color-accent:#FFFFFF;--e-global-color-8501981:#FFFFFF;--e-global-color-e262747:#F7F7F7;--e-global-color-ccpdark:#000000;--e-global-color-ccpfield:#F2F2F2;--e-global-color-ccpline:#EEEEEE;--e-global-color-ccpveil:rgba(0,0,0,0.5);--e-global-color-ccpfill:#1D5AD2;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;--e-global-typography-ccph1-font-family:"Montserrat";--e-global-typography-ccph1-font-size:52px;--e-global-typography-ccph1-font-weight:800;--e-global-typography-ccph1-line-height:1.1em;--e-global-typography-ccph2-font-family:"Montserrat";--e-global-typography-ccph2-font-size:38px;--e-global-typography-ccph2-font-weight:700;--e-global-typography-ccph2-line-height:1.2em;--e-global-typography-ccph3-font-family:"Montserrat";--e-global-typography-ccph3-font-size:30px;--e-global-typography-ccph3-font-weight:700;--e-global-typography-ccph3-line-height:1.25em;--e-global-typography-ccptxt-font-family:"Montserrat";--e-global-typography-ccptxt-font-size:17px;--e-global-typography-ccptxt-font-weight:400;--e-global-typography-ccptxt-line-height:1.6em;--e-global-typography-ccpcap-font-family:"Montserrat";--e-global-typography-ccpcap-font-size:14px;--e-global-typography-ccpcap-font-weight:400;--e-global-typography-ccpcap-line-height:1.5em;}@media(max-width:1024px){:root{--e-global-typography-ccph1-font-size:40px;--e-global-typography-ccph2-font-size:31px;--e-global-typography-ccph3-font-size:26px;--e-global-typography-ccptxt-font-size:16px;--e-global-typography-ccpcap-font-size:14px;}}@media(max-width:767px){:root{--e-global-typography-ccph1-font-size:32px;--e-global-typography-ccph2-font-size:27px;--e-global-typography-ccph3-font-size:23px;--e-global-typography-ccptxt-font-size:16px;--e-global-typography-ccpcap-font-size:13px;}}
/* Кнопка должна выглядеть ровно как переключатель языка: только иконка,
без фона, рамки и тени. !important — иначе кит Elementor красит . */
.ccp-theme-btn,
.elementor-location-header .ccp-theme-btn{
display:inline-flex !important;align-items:center;justify-content:center;
width:auto !important;height:auto !important;min-width:0 !important;min-height:0 !important;
padding:4px !important;margin:0 10px 0 0 !important;
border:0 !important;border-radius:0 !important;outline:none !important;
background:none !important;background-color:transparent !important;background-image:none !important;
box-shadow:none !important;text-shadow:none !important;cursor:pointer;
color:inherit !important;opacity:.85;
line-height:1;flex:0 0 auto;vertical-align:middle;
-webkit-appearance:none;appearance:none;
}
.ccp-theme-btn:hover,.ccp-theme-btn:focus,.ccp-theme-btn:active{
background:none !important;background-color:transparent !important;
border:0 !important;box-shadow:none !important;opacity:1;
}
.ccp-theme-btn svg{width:19px;height:19px;display:block;fill:none;
stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
@media (max-width:1024px){ .ccp-theme-btn{margin:0 8px 0 0 !important;} .ccp-theme-btn svg{width:18px;height:18px;} }
/* ⚠️ 10.09.2026, владелец: «добавь в шапку рядом с переключением ночной темы
значок лупы со ссылкой на поиск». Та же кнопка визуально, но это , а не
— просто переход на страницу поиска, без своего JS-состояния. */
.ccp-search-btn,
.elementor-location-header .ccp-search-btn{
display:inline-flex !important;align-items:center;justify-content:center;
width:auto !important;height:auto !important;min-width:0 !important;min-height:0 !important;
padding:4px !important;margin:0 10px 0 0 !important;
border:0 !important;border-radius:0 !important;outline:none !important;
background:none !important;background-color:transparent !important;background-image:none !important;
box-shadow:none !important;text-shadow:none !important;cursor:pointer;
color:inherit !important;opacity:.85;text-decoration:none !important;
line-height:1;flex:0 0 auto;vertical-align:middle;
-webkit-appearance:none;appearance:none;
}
.ccp-search-btn:hover,.ccp-search-btn:focus,.ccp-search-btn:active{
background:none !important;background-color:transparent !important;
border:0 !important;box-shadow:none !important;opacity:1;
}
.ccp-search-btn svg{width:19px;height:19px;display:block;fill:none;
stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
@media (max-width:1024px){ .ccp-search-btn{margin:0 8px 0 0 !important;} .ccp-search-btn svg{width:18px;height:18px;} }
/* Выглядит как соседний переключатель языка: только буквы, без фона и рамки.
!important — иначе кит Elementor красит ссылку как кнопку. */
.ccp-lang-btn,
.elementor-location-header .ccp-lang-btn{
display:inline-flex !important;align-items:center;justify-content:center;
width:auto !important;height:auto !important;min-width:0 !important;min-height:0 !important;
padding:4px 6px !important;margin:0 4px 0 0 !important;
border:0 !important;border-radius:0 !important;outline:none !important;
background:none !important;background-color:transparent !important;background-image:none !important;
box-shadow:none !important;text-decoration:none !important;cursor:pointer;
color:inherit !important;opacity:.85;
/* один в один как у переключателя Polylang: Montserrat 400, 17px, без caps */
font-family:"Montserrat",sans-serif;font-weight:400 !important;font-size:17px !important;
line-height:1;letter-spacing:normal !important;text-transform:none !important;
flex:0 0 auto;vertical-align:middle;
}
/* Старый выпадающий список Polylang скрыт, а не удалён: плагин продолжает
работать (и остаётся источником ссылок), вернуть — убрать это правило. */
.elementor-location-header .elementor-widget-polylang-language-switcher{
display:none !important;
}
.ccp-lang-btn:hover,.ccp-lang-btn:focus{
background:none !important;opacity:1;color:inherit !important;text-decoration:none !important;
}
@media (max-width:1024px){ .ccp-lang-btn{font-size:16px !important;padding:4px !important;} }
.ccp-hd__tools:not(#z){position:relative;padding-left:46px}.ccp-hd__tools:not(#z) .ccp-cc-hd{position:absolute !important;left:0;top:50%;margin:-20px 0 0 !important}.ccp-pp-cta:not(#z):not(.ccp-cc-has)>.ccp-pp-btn--primary+.ccp-pp-btn{margin-right:122px}html[lang^="ru"]:not(#z) .ccp-pp-cta:not(.ccp-cc-has)>.ccp-pp-btn--primary+.ccp-pp-btn{margin-right:162px}@media(max-width:767px){.ccp-pp-cta:not(#z)>.ccp-pp-btn--primary{flex:1 1 100% !important;width:auto}.ccp-pp-cta:not(#z)>.ccp-pp-btn:not(.ccp-pp-btn--primary){flex:1 1 calc(50% - 6px) !important;min-width:0;margin-right:0 !important}}
/* CCP Settings Gear 0.1.0 — шестерёнка «Настройки» в шапке: язык, валюта, единицы площади. Весь блок выключается
опцией ccp_gear_live=0 или ?ccp_gear=0 (тогда этого CSS на странице нет, прежние кнопки валюты и языка видны). */
/* Прежние кнопки валюты и языка и хост Polylang скрыты, а не удалены: узлы остаются в DOM, откат — выключить плагин. */
html.ccp-gear .ccp-cur-ui,
html.ccp-gear .ccp-lang-btn,
html.ccp-gear .ccp-hd__langhost,
html.ccp-gear .elementor-location-header .elementor-widget-polylang-language-switcher{display:none !important}
/* Кнопка-шестерёнка: тот же вид, что у луны и лупы (ccp-night-theme). */
.ccp-gear-wrap{position:relative;display:none;align-items:center;flex:0 0 auto}
html.ccp-gear .ccp-hd .ccp-gear-btn{display:inline-flex !important;align-items:center;justify-content:center;width:auto !important;height:auto !important;min-width:0 !important;min-height:0 !important;padding:4px !important;margin:0 !important;border:0 !important;border-radius:0 !important;outline:none;background:none !important;background-color:transparent !important;background-image:none !important;box-shadow:none !important;text-shadow:none !important;color:inherit !important;opacity:.85;cursor:pointer;line-height:1;flex:0 0 auto;-webkit-appearance:none;appearance:none}
html.ccp-gear .ccp-hd .ccp-gear-btn:hover,html.ccp-gear .ccp-hd .ccp-gear-btn[aria-expanded="true"]{background:none !important;opacity:1}
html.ccp-gear .ccp-hd .ccp-gear-btn:focus-visible{outline:2px solid var(--ccp-hd-blue,#1d5ad2);outline-offset:2px;opacity:1}
.ccp-gear-btn svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.ccp-gear-btn[aria-expanded="true"] svg{transform:rotate(60deg)}
@media (max-width:1024px){.ccp-gear-btn svg{width:18px;height:18px}}
@media (min-width:768px){
.ccp-gear-wrap{display:inline-flex}
/* Место под шестерёнку держим, пока скрипт её не вставил: шапка не дёргается. */
html.ccp-gear .ccp-hd__tools:not(.ccp-gear-on)::after{content:"";flex:0 0 27px;width:27px;height:27px}
html.ccp-gear .ccp-hd .ccp-hd__tools .ccp-search-btn,html.ccp-gear .ccp-hd .ccp-hd__tools .ccp-theme-btn{margin-right:18px !important}
}
/* Содержимое: три блока. Одно и то же и в поповере (десктоп), и в мобильной панели. */
#ccp-hd .ccp-gear-pop{position:absolute;top:calc(100% + 10px);right:-8px;z-index:1000;box-sizing:border-box;width:316px;max-width:calc(100vw - 24px);padding:6px 16px 10px;background:var(--ccp-hd-pop,#fff);border:1px solid var(--ccp-hd-line,#e3e6eb);border-radius:var(--ccp-hd-r,8px);box-shadow:0 12px 32px rgba(16,24,40,.14);text-align:left}
#ccp-hd .ccp-gear-pop[hidden]{display:none}
#ccp-hd .ccp-gear-pop:focus{outline:none}
html[data-theme="night"] #ccp-hd .ccp-gear-pop{box-shadow:0 12px 32px rgba(0,0,0,.5)}
/* Шапка над фото красит всё внутри в белый с !important (вес до 0,4,2) — цвета поповера задаём через #ccp-hd. */
#ccp-hd .ccp-set,#ccp-hd .ccp-set *{color:var(--ccp-hd-ink,#202124) !important;text-shadow:none !important}
#ccp-hd .ccp-set{font:400 14px/1.3 "Montserrat",sans-serif;text-transform:none;letter-spacing:normal}
#ccp-hd .ccp-set__g{padding:10px 0}
#ccp-hd .ccp-set__g+.ccp-set__g{border-top:1px solid var(--ccp-hd-line,#e3e6eb)}
#ccp-hd .ccp-set__h{margin:0 0 8px;font:600 12px/1.2 "Montserrat",sans-serif;text-transform:uppercase;letter-spacing:.06em;opacity:.65}
#ccp-hd .ccp-set__opts{display:flex;flex-wrap:wrap;gap:6px}
#ccp-hd .ccp-set .ccp-set__o{display:inline-flex !important;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px;min-height:36px !important;height:auto !important;margin:0 !important;padding:6px 11px !important;border:1px solid var(--ccp-hd-line,#d7dbe2) !important;border-radius:6px !important;background:transparent !important;box-shadow:none !important;font:500 14px/1.1 "Montserrat",sans-serif !important;text-transform:none !important;letter-spacing:normal !important;text-decoration:none !important;white-space:nowrap;cursor:pointer;opacity:1;-webkit-appearance:none;appearance:none}
#ccp-hd .ccp-set a.ccp-set__o:hover,#ccp-hd .ccp-set button.ccp-set__o:hover{background:rgba(127,127,127,.12) !important}
#ccp-hd .ccp-set .ccp-set__o:focus-visible{outline:2px solid var(--ccp-hd-blue,#1d5ad2) !important;outline-offset:2px}
#ccp-hd .ccp-set .ccp-set__o[aria-pressed="true"],#ccp-hd .ccp-set .ccp-set__o[aria-current="true"]{background:var(--ccp-hd-blue,#1d5ad2) !important;border-color:var(--ccp-hd-blue,#1d5ad2) !important}
#ccp-hd .ccp-set .ccp-set__o[aria-pressed="true"],#ccp-hd .ccp-set .ccp-set__o[aria-pressed="true"] *,#ccp-hd .ccp-set .ccp-set__o[aria-current="true"]{color:#fff !important}
html[data-theme="night"] #ccp-hd .ccp-set .ccp-set__o[aria-pressed="true"],html[data-theme="night"] #ccp-hd .ccp-set .ccp-set__o[aria-current="true"]{background:#2f6fe8 !important;border-color:#2f6fe8 !important}
#ccp-hd .ccp-set .ccp-set__o[aria-current="true"]{cursor:default}
/* Мобильная панель (≤767): блок лежит в .ccp-hd__util вместо валюты. Шестерёнка в ряду шапки не показывается. */
.ccp-set--panel{display:none}
@media (max-width:767px){
.ccp-gear-wrap{display:none !important}
.ccp-hd__util .ccp-set--panel{display:block}
#ccp-hd .ccp-set--panel .ccp-set__g{padding:10px 0 12px}
#ccp-hd .ccp-set--panel .ccp-set__g:first-child{padding-top:2px}
#ccp-hd .ccp-set--panel .ccp-set__o{flex:1 1 0;min-height:44px !important}
#ccp-hd .ccp-set--panel .ccp-set__opts{gap:8px}
}
@media (prefers-reduced-motion:reduce){.ccp-gear-btn svg{transition:none}}
.ccp-map-deferred{background:var(--e-global-color-ccpfield,#f2f2f2);border:0}
/* z-index:0 заводит собственный слой: поднятый снимок (z-index:1 ниже) остаётся
внутри блока карты и не залезает поверх соседней карточки с адресом. */
.ccp-map-facade{position:relative;z-index:0;height:100%;width:100%;line-height:0;cursor:pointer}
/* Специфичность выше, чем у элементоровского «.elementor img{height:auto}»,
иначе снимок получает нулевую высоту и его просто не видно. */
/* z-index обязателен: кадр карты Elementor тоже позиционирован абсолютно и стоит
в разметке ПОСЛЕ снимка, поэтому без слоя он закрывает снимок собой — блок
выглядит пустым, хотя снимок загружен. Когда карту подняли, снимок прячется
правилом .is-live ниже и кадр открывается. */
.ccp-map-facade .ccp-map-facade__img{
position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:1;
object-fit:cover;border-radius:inherit;display:block;
transition:filter .18s ease;
}
.ccp-map-facade:hover .ccp-map-facade__img{filter:brightness(1.04) saturate(1.05)}
.ccp-map-facade:focus-visible{outline:2px solid var(--e-global-color-ccpfill,#1D5AD2);outline-offset:3px}
.ccp-map-facade.is-live .ccp-map-facade__img{display:none}
.ccp-map-facade.is-live{cursor:default}
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
/*# sourceURL=wp-emoji-styles-inline-css */
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }
/*# sourceURL=wp-block-styles-placeholder-inline-css */
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." }
/*# sourceURL=wp-global-styles-placeholder-inline-css */
.ccp-mm{--mm-max:1296px;--mm-pad:max(0px,calc((100% - var(--mm-max)) / 2));
display:flex;flex-direction:column;gap:22px;width:100%}
.ccp-mm *{box-sizing:border-box}
/* ---------- hero: не фотография, а вводная панель инструмента ---------- */
.ccp-mm-hero{background:linear-gradient(140deg,#0f1b33 0%,#16294d 55%,#1D5AD2 140%);
color:#fff;border-radius:26px;padding:34px 32px 28px;position:relative;overflow:hidden}
.ccp-mm-hero::after{content:"";position:absolute;right:-80px;top:-120px;width:420px;height:420px;
border-radius:50%;background:radial-gradient(closest-side,rgba(26,115,232,.55),transparent);pointer-events:none}
.ccp-mm .ccp-mm-hero,.ccp-mm .ccp-mm-hero *{color:#fff}
.ccp-mm-hero__kicker{font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;opacity:.75}
.ccp-mm .ccp-mm-hero__title{font-size:var(--ccp-hero-h1,clamp(28px,3.6vw,44px));line-height:1.12;font-weight:750;letter-spacing:-.02em;
margin:10px 0 12px;max-width:18em;margin-inline:0;text-align:left}
.ccp-mm-hero__lead{font-size:clamp(15px,1.4vw,17px);line-height:1.6;opacity:.9;margin:0 0 20px;
max-width:46em;margin-inline:0}
.ccp-mm-hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.ccp-mm-btn{display:inline-block;padding:12px 22px;border-radius:12px;font-size:15px;font-weight:600;
text-decoration:none!important;cursor:pointer}
.ccp-mm-btn--primary{background:#fff;color:#12234a!important}
.ccp-mm-btn--ghost{border:1px solid rgba(255,255,255,.55)}
.ccp-mm-btn--ghost:hover{background:rgba(255,255,255,.12)}
.ccp-mm-hero__facts{display:flex;flex-wrap:wrap;gap:12px 34px;border-top:1px solid rgba(255,255,255,.25);padding-top:16px}
.ccp-mm-fact{display:flex;flex-direction:column;gap:1px}
.ccp-mm-fact b{font-size:clamp(20px,2vw,27px);font-weight:700;font-variant-numeric:tabular-nums}
.ccp-mm-fact span{font-size:12.5px;opacity:.8}
/* ---------- панели ---------- */
.ccp-mm-panel{background:#fff;border:1px solid #e6e8ec;border-radius:26px;padding:22px 24px;
box-shadow:0 1px 2px rgba(16,24,40,.04),0 6px 18px rgba(16,24,40,.05)}
.ccp-mm-shead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 16px}
.ccp-mm .ccp-mm-h2{font-size:clamp(19px,1.9vw,24px);font-weight:650;line-height:1.25;letter-spacing:-.01em;
margin:0 0 10px;color:#202124;max-width:none;margin-inline:0;text-align:left}
.ccp-mm-shead .ccp-mm-h2{margin-bottom:0}
.ccp-mm-sub{font-size:14px;line-height:1.5;color:#5f6368;margin:5px 0 0;max-width:70ch;margin-inline:0}
.ccp-mm-more{flex:none;font-size:14px;font-weight:600;text-decoration:none!important;
color:var(--e-global-color-primary,#1D5AD2)!important;white-space:nowrap}
.ccp-mm-note{text-align:center;font-size:12.5px;color:#5f6368;margin:0 0 8px}
/* ---------- панель с текстом ---------- */
.ccp-mm-panel--text{padding:24px 28px}
.ccp-mm-text{font-size:16px;line-height:1.7;color:#3c4043;max-width:78ch}
.ccp-mm-text p{margin:0 0 14px}
.ccp-mm-text p:last-child{margin-bottom:0}
.ccp-mm-text a{color:var(--e-global-color-primary,#1D5AD2)}
.ccp-mm-ul{margin:6px 0 0;padding-left:20px}
.ccp-mm-ul li{margin:0 0 6px}
/* ---------- панель инструментов карты ---------- */
.ccp-mm-toolbar{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 14px;align-items:center}
/* Кнопка «Слои карты» нужна только на телефоне — на десктопе все чипы видны. */
.ccp-mm-layers-btn{display:none}
.ccp-mm-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ccp-mm-group__t{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:#80868b;margin-right:2px}
.ccp-mm-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #e0e3e8;
border-radius:999px;font-size:13px;line-height:1;cursor:pointer;user-select:none;color:#5f6368;
background:#fff;transition:border-color .15s,color .15s,background .15s}
.ccp-mm-chip input{position:absolute;opacity:0;width:0;height:0}
.ccp-mm-chip__dot{width:9px;height:9px;border-radius:50%;background:var(--c);opacity:.35}
.ccp-mm-chip.is-on{color:#202124;border-color:#c8ccd4;background:#f6f8fb}
.ccp-mm-chip.is-on .ccp-mm-chip__dot{opacity:1}
/* ---------- сетка «список + карта» ---------- */
.ccp-mm-grid{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:stretch;
height:min(74vh,680px);min-height:520px}
.ccp-mm-side{display:flex;flex-direction:column;min-height:0;height:100%;border:1px solid #e6e8ec;border-radius:18px;
overflow:hidden;background:#fbfbfc}
.ccp-mm-search{padding:10px;border-bottom:1px solid #e6e8ec;background:#fff}
.ccp-mm-search input{width:100%;height:40px;padding:0 12px;border:1px solid #e0e3e8;border-radius:10px;
font-size:14px;background:var(--e-global-color-ccpfield,#f2f2f2);color:inherit}
.ccp-mm-side__list{overflow:auto;flex:1;min-height:0;padding:6px}
.ccp-mm-line{margin:0 0 6px}
.ccp-mm-line__head{display:flex;align-items:center;gap:8px;padding:8px 8px 6px;font-size:13px;color:#3c4043}
.ccp-mm-line__head span{margin-left:auto;font-size:12px;color:#80868b}
.ccp-mm-dot{width:10px;height:10px;border-radius:50%;background:var(--c);flex:none;
box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(16,24,40,.12)}
.ccp-mm-stops{list-style:none;margin:0;padding:0}
.ccp-mm-stop{display:flex;align-items:center;gap:6px;padding:1px 4px}
.ccp-mm-stop__btn{flex:1;display:flex;align-items:center;gap:8px;min-height:0!important;padding:7px 8px!important;
border:0!important;border-radius:9px;background:transparent!important;box-shadow:none!important;
text-align:left!important;justify-content:flex-start;font-size:14px!important;color:#202124!important;
cursor:pointer;font-weight:500!important;letter-spacing:normal!important;text-transform:none!important;
line-height:1.35!important}
.ccp-mm-stop__btn:hover{background:#eef2f8!important}
.ccp-mm-stop.is-on .ccp-mm-stop__btn{background:#e8f0fe!important;color:#174ea6!important}
.ccp-mm-stop__name{flex:1}
.ccp-mm-stop__n{font-size:11.5px;font-weight:600;color:#5f6368;background:#eceff4;border-radius:999px;
padding:2px 7px;font-variant-numeric:tabular-nums}
.ccp-mm-stop__area{flex:none;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
font-size:11.5px;color:#80868b!important;text-decoration:none!important;padding-right:4px}
.ccp-mm-stop__area:hover{color:var(--e-global-color-primary,#1D5AD2)!important}
.ccp-mm-stop__go{flex:none;padding:4px 6px;font-size:13px;line-height:1;color:#9aa0a6!important;
text-decoration:none!important;border-radius:8px}
.ccp-mm-stop__go:hover{color:var(--e-global-color-primary,#1D5AD2)!important;background:#eef2f8}
.ccp-mm-empty{padding:16px;font-size:13px;color:#80868b}
/* ---------- карточка станции ---------- */
.ccp-mm-card{padding:12px;overflow:auto;flex:1}
.ccp-mm-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:0!important;border:0!important;
background:transparent!important;box-shadow:none!important;min-height:0!important;
font-size:13px!important;color:var(--e-global-color-primary,#1D5AD2)!important;cursor:pointer;
font-weight:600!important;text-transform:none!important;letter-spacing:normal!important}
.ccp-mm-card__head{display:flex;align-items:center;gap:8px;margin:0 0 4px}
.ccp-mm-card__name{font-size:17px;font-weight:650;color:#202124;line-height:1.25}
.ccp-mm-card__sub{font-size:13px;color:#5f6368;margin:0 0 12px;line-height:1.5}
.ccp-mm-card__sub a{color:var(--e-global-color-primary,#1D5AD2)}
.ccp-mm-plist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ccp-mm-plist a{display:flex;gap:10px;align-items:center;padding:6px;border-radius:12px;min-width:0;
text-decoration:none!important;color:inherit}
.ccp-mm-plist a:hover{background:#eef2f8}
.ccp-mm-plist img{width:52px;height:52px;object-fit:cover;border-radius:9px;flex:none;background:#eceff4}
.ccp-mm-plist b{display:block;font-size:13.5px;font-weight:600;color:#202124;line-height:1.3;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ccp-mm-plist span{display:block;font-size:12px;color:#80868b;margin-top:2px;min-width:0;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ccp-mm-card__more{display:block;margin-top:12px;font-size:13.5px;font-weight:600;
color:var(--e-global-color-primary,#1D5AD2)!important;text-decoration:none!important}
/* ---------- сама карта ---------- */
.ccp-mm-canvas{min-height:0;height:100%}
#ccp-mm-map{width:100%;height:100%;min-height:0;border-radius:18px;overflow:hidden;
background:#eceff4;display:flex;align-items:center;justify-content:center}
.ccp-mm-ph{font-size:13px;color:#80868b;padding:20px;text-align:center}
.gm-style .gm-style-iw-c{border-radius:12px}
.gm-style .gm-style-iw-d{overflow:hidden !important}
/* ---------- страница станции ---------- */
.ccp-mm--station{margin-top:18px}
.ccp-mm-lead{font-size:17px;line-height:1.6;color:#3c4043;margin:0;max-width:78ch}
.ccp-mm-pgrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.ccp-mm-pcard{display:flex;flex-direction:column;gap:6px;text-decoration:none!important;color:inherit;
border:1px solid #e6e8ec;border-radius:16px;overflow:hidden;padding-bottom:12px;background:#fff;
transition:border-color .15s,box-shadow .15s}
.ccp-mm-pcard:hover{border-color:#c8ccd4;box-shadow:0 6px 18px rgba(16,24,40,.07)}
.ccp-mm-pcard__frame{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#eceff4}
.ccp-mm-pcard__frame img{width:100%;height:100%!important;object-fit:cover;display:block}
.ccp-mm-pcard__dist{position:absolute;left:8px;bottom:8px;padding:3px 9px;border-radius:999px;
background:rgba(16,24,40,.72);color:#fff;font-size:12px;font-weight:600;line-height:1.4}
.ccp-mm-pcard__t{font-size:14.5px;font-weight:600;color:#202124;line-height:1.3;padding:10px 12px 0}
.ccp-mm-pcard__m{font-size:12.5px;color:#80868b;padding:0 12px;line-height:1.4}
.ccp-mm-linelist{display:flex;flex-wrap:wrap;gap:8px}
.ccp-mm-linelist__i{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;
border:1px solid #e0e3e8;font-size:13.5px;color:#202124!important;text-decoration:none!important;background:#fff}
.ccp-mm-linelist__i:hover{border-color:#c8ccd4;background:#f6f8fb}
.ccp-mm-linelist__i.is-on{background:#e8f0fe;border-color:#c6dafc;color:#174ea6!important;font-weight:600}
/* ---------- FAQ ---------- */
.ccp-mm-faq{display:grid;gap:10px}
.ccp-mm-faq__i{border:1px solid #e6e8ec;border-radius:14px;background:#fff;overflow:hidden}
.ccp-mm-faq__i summary{padding:15px 18px;font-size:15.5px;font-weight:600;color:#202124;cursor:pointer;
list-style:none;line-height:1.45}
.ccp-mm-faq__i summary::-webkit-details-marker{display:none}
.ccp-mm-faq__i summary::after{content:"+";float:right;color:#80868b;font-weight:400;font-size:19px;line-height:1.1}
.ccp-mm-faq__i[open] summary::after{content:"\2212"}
.ccp-mm-faq__i div{padding:0 18px 16px;font-size:14.5px;line-height:1.65;color:#3c4043}
/* Кнопка боевой формы: кит красит её чёрной, на странице главная кнопка синяя. */
.ccp-mm .ccp-form__btn{background:var(--e-global-color-primary,#1D5AD2)!important;color:#fff!important;
border-radius:12px!important}
/* 12.09.2026, решение владельца: ночная кнопка — тёмно-синяя с белым текстом (6,10). */
html[data-theme="night"] .ccp-mm .ccp-form__btn{background:#1D5AD2 !important;color:#fff !important}
/* ---------- ночная тема ---------- */
html[data-theme="night"] .ccp-mm-panel{background:#1b1f26;border-color:#2b3038;box-shadow:0 1px 2px rgba(0,0,0,.3)}
html[data-theme="night"] .ccp-mm .ccp-mm-h2,
html[data-theme="night"] .ccp-mm-card__name,
html[data-theme="night"] .ccp-mm-plist b,
html[data-theme="night"] .ccp-mm-faq__i summary{color:#E8EAED}
html[data-theme="night"] .ccp-mm-sub,
html[data-theme="night"] .ccp-mm-text,
html[data-theme="night"] .ccp-mm-note,
html[data-theme="night"] .ccp-mm-faq__i div{color:#9AA0A6}
html[data-theme="night"] .ccp-mm-side{background:#171b21;border-color:#2b3038}
html[data-theme="night"] .ccp-mm-line__head{color:#E8EAED}
html[data-theme="night"] .ccp-mm-search,
html[data-theme="night"] .ccp-mm-faq__i{background:#1b1f26;border-color:#2b3038}
html[data-theme="night"] .ccp-mm-search input{background:#303134;border-color:#3C4043;color:#E8EAED}
html[data-theme="night"] .ccp-mm-chip{background:#1b1f26;border-color:#3C4043;color:#9AA0A6}
html[data-theme="night"] .ccp-mm-layers-btn{background:#1b1f26!important;border-color:#3C4043!important;color:#E8EAED!important}
html[data-theme="night"] .ccp-mm-layers-btn__n{background:#2b3038;color:#9AA0A6}
html[data-theme="night"] .ccp-mm-chip.is-on{background:#26303f;border-color:#4a5568;color:#E8EAED}
html[data-theme="night"] .ccp-mm-stop__btn:hover,
html[data-theme="night"] .ccp-mm-plist a:hover{background:#262c35!important}
html[data-theme="night"] .ccp-mm-stop__btn{color:#E8EAED!important}
html[data-theme="night"] .ccp-mm-stop.is-on .ccp-mm-stop__btn{background:#26303f!important;color:#8AB4F8!important}
html[data-theme="night"] .ccp-mm-stop__n{background:#2b3038;color:#9AA0A6}
html[data-theme="night"] .ccp-mm-dot{box-shadow:0 0 0 2px #171b21,0 0 0 3px rgba(255,255,255,.14)}
html[data-theme="night"] #ccp-mm-map{background:#202124}
html[data-theme="night"] .ccp-mm-btn--primary{background:#E8EAED;color:#12234a!important}
html[data-theme="night"] .ccp-mm-lead{color:#9AA0A6}
html[data-theme="night"] .ccp-mm-pcard{background:#1b1f26;border-color:#2b3038}
html[data-theme="night"] .ccp-mm-pcard__t{color:#E8EAED}
html[data-theme="night"] .ccp-mm-linelist__i{background:#1b1f26;border-color:#3C4043;color:#E8EAED!important}
html[data-theme="night"] .ccp-mm-linelist__i.is-on{background:#26303f;border-color:#4a5568;color:#8AB4F8!important}
/* ---------- узкие экраны ---------- */
@media (max-width:1024px){
.ccp-mm-grid{grid-template-columns:1fr;height:auto;min-height:0}
.ccp-mm-canvas{order:-1;min-height:0}
#ccp-mm-map{min-height:420px;height:60vh}
.ccp-mm-side{max-height:440px}
}
@media (max-width:700px){
.ccp-mm-hero{padding:26px 20px 22px;border-radius:20px}
.ccp-mm-panel{padding:16px;border-radius:18px}
.ccp-mm-panel--text{padding:18px}
.ccp-mm-shead{flex-direction:column;align-items:flex-start;gap:6px}
/* ЛЕГЕНДА НА ТЕЛЕФОНЕ. Девять переключателей в столбик съедали пол-экрана
до карты, а горизонтальная прокрутка обрезала чипы по краю и читалась как
сломанная вёрстка (замечание владельца 14.08). Поэтому: свёрнуто в одну
кнопку, раскрывается полным списком с переносом — ничего не режется. */
.ccp-mm-layers-btn{display:flex;align-items:center;gap:8px;width:100%;
min-height:0!important;margin:0 0 12px;padding:11px 14px!important;
border:1px solid #e0e3e8!important;border-radius:12px;background:#fff!important;
box-shadow:none!important;font-size:14px!important;font-weight:600!important;
color:#202124!important;text-align:left!important;text-transform:none!important;
letter-spacing:normal!important;cursor:pointer}
.ccp-mm-layers-btn__t{flex:1}
.ccp-mm-layers-btn__n{font-size:12px;font-weight:600;color:#5f6368;background:#eceff4;
border-radius:999px;padding:2px 9px}
.ccp-mm-layers-btn::after{content:"\25BE";color:#80868b;font-size:11px;transition:transform .2s ease}
.ccp-mm-layers-btn[aria-expanded="true"]::after{transform:rotate(180deg)}
.ccp-mm-toolbar{display:none;gap:10px 14px;margin-bottom:12px}
.ccp-mm-toolbar.is-open{display:flex}
.ccp-mm-group{width:100%;gap:6px}
.ccp-mm-group__t{width:100%;margin:0}
.ccp-mm-chip{padding:7px 12px;font-size:13px}
#ccp-mm-map{min-height:340px;height:54vh}
.ccp-mm-stop__area{max-width:84px}
}
/*# sourceURL=ccp-metro-inline-css */
.ccp-rl{margin:18px 0}.ccp-rl-scroll{overflow-x:auto}.ccp-rl-table{width:100%;border-collapse:collapse;font-size:15px}.ccp-rl-table th,.ccp-rl-table td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(127,127,127,.22);white-space:nowrap}.ccp-rl-table--wrap th,.ccp-rl-table--wrap td{white-space:normal}.ccp-rl-table--wrap td:first-child{white-space:nowrap}.ccp-rl-table th{font-size:13px;font-weight:600;color:var(--e-global-color-ccpmute,#6b7075)}.ccp-rl-table td b{font-weight:600}.ccp-rl-table a{color:var(--e-global-color-accent,#FFFFFF);text-decoration:none;border-bottom:1px solid rgba(127,127,127,.35)}.ccp-rl-note{font-size:13px;color:var(--e-global-color-ccpmute,#6b7075);margin:10px 0 0}.ccp-rl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:18px 0}.ccp-rl-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:rgba(127,127,127,.07);color:inherit;transition:transform .15s;text-decoration:none !important}.ccp-rl-card *{text-decoration:none !important}.ccp-rl-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.10)}.ccp-rl-card:hover{transform:translateY(-2px)}.ccp-rl-card__img{display:block;height:150px;background-size:cover;background-position:center}.ccp-rl-card__body{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}.ccp-rl-card__name{font-weight:600;font-size:15px;line-height:1.3;color:#202124}html[data-theme="night"] .ccp-rl-card__name{color:#E8EAED}.ccp-rl-card__loc,.ccp-rl-card__meta{font-size:12px;color:var(--e-global-color-ccpmute,#6b7075)}.ccp-rl-card__price{font-size:14px;font-weight:600;color:var(--e-global-color-primary,#1D5AD2)}
/*# sourceURL=ccp-rl-inline-css */