/* ═══ investicii.html — свои стили страницы (Строитель, 19.09.2026) ═══
   Не трогает rd-vnutr-svetlo.css / rd-tema-svetlaya.css / rd-quick-contact.css —
   их сейчас правит другой агент. Всё, что нужно только этой странице, — здесь. */

/* 1. ЗАГЛАВНОЕ ФОТО 16:9 — до заголовка, обложка страницы (правило Анны 17.09). */
.inv-cover{width:100%;aspect-ratio:16/9;overflow:hidden;background:#111}
.inv-cover img{width:100%;height:100%;object-fit:cover;display:block}

/* 2. ИНФОГРАФИКА «8 ПРОВЕРОК ПЕРЕД ИНВЕСТИЦИЕЙ» — плитки-счётчики.
   Оранжевый — единственный цветной акцент страницы, здесь на номере плитки. */
.inv-checks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(17,17,17,.14)}
.inv-check{background:#fff;padding:28px 22px}
/* Номер — бейдж (тёмный чип), не голый текст: F77737 на белом даёт контраст 2,7:1 (замер),
   ниже нормы 3:1 — на тёмном чипе тот же оранжевый даёт ~7:1. */
.inv-check-num{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  font-family:'Tenor Sans',Georgia,serif;font-size:17px;font-weight:600;color:#F77737!important;
  background:#141311;margin-bottom:14px}
.inv-check-title{font-family:'Tenor Sans',Georgia,serif;font-size:17px;line-height:1.25;color:#141311!important;margin-bottom:8px}
.inv-check-desc{font-family:'Jost',sans-serif;font-size:13px;line-height:1.6;color:#3a3a3a!important}
@media(max-width:980px){.inv-checks-grid{grid-template-columns:repeat(2,1fr)}}

/* 3/5. ПОЛОСА БЫСТРОЙ СВЯЗИ — узкая чёрная плашка (id начинается на "cta": cta1, cta2 —
   так их находит и rd-vnutr-svetlo.css своим селектором [id^="cta"]). */
/* Специфичность важна: у rd-vnutr-svetlo.css правило «body section.section-block{background:#E4E4E2}»
   сильнее голого [id^="cta"] (классы равны, элементов у них больше) — фон оставался серым (замер: k 1,3
   вместо нужных 4,5 на белом тексте). Бьём его тем же путём — конкретнее (section.section-block+id). */
body section.section-block[id^="cta"]{background:#111!important;color:#fff!important}
[id^="cta"]{padding:18px 24px!important;display:flex;flex-wrap:wrap;align-items:center;
  justify-content:center;gap:12px 16px;text-align:left;background:#111!important}
[id^="cta"] .section-label,[id^="cta"] .section-sub{display:none}
[id^="cta"] .section-h{margin:0;font-size:20px;line-height:1.2;color:#fff!important}
[id^="cta"] .section-h em{color:#fff!important}
[id^="cta"] .rd-qc-socs{margin:0;gap:8px}
[id^="cta"] .rd-qc-soc{width:40px;height:40px}
[id^="cta"] .rd-qc-soc svg{width:20px;height:20px}
[id^="cta"] .rd-qc-lead{margin:0;height:44px;display:inline-flex;align-items:center;padding:0 22px;
  background:#fff!important;color:#111!important;border-radius:0}
[id^="cta"] .rd-qc-lead:hover{background:#F77737!important;color:#fff!important}
[id^="cta"] .rd-qc-wechat{margin:0;height:44px;display:inline-flex;align-items:center;padding:0 16px;
  border-radius:0;color:#fff!important;border-color:rgba(255,255,255,.45)!important}
@media(max-width:767px){
  [id^="cta"]{display:grid;grid-template-columns:1fr auto;
    grid-template-areas:"h socs" "lead wc";padding:12px 16px 14px}
  [id^="cta"] .section-h{grid-area:h;font-size:18px}
  [id^="cta"] .rd-qc-socs{grid-area:socs}
  [id^="cta"] .rd-qc-lead{grid-area:lead;justify-content:center}
  [id^="cta"] .rd-qc-wechat{grid-area:wc}
}

/* 4. ЧАСТЫЕ ВОПРОСЫ — заголовок = ссылка на пост канала (не аккордеон, кликабельно сразу). */
#rd-faq{background:#fff;color:#141311;padding:40px 24px}
#rd-faq .rd-faq-in{max-width:820px;margin:0 auto}
#rd-faq .rd-faq-h{font-family:'Tenor Sans',Georgia,serif;font-size:28px;line-height:1.15;
  margin:0 0 18px;color:#141311;font-weight:400}
.inv-faq-item{border-top:1px solid #141311;padding:20px 0}
.inv-faq-item:last-child{border-bottom:1px solid #141311}
.inv-faq-title{display:block;font-family:'Tenor Sans',Georgia,serif;font-size:18px;line-height:1.3;
  color:#141311;text-decoration:none;margin-bottom:8px}
.inv-faq-title:hover{color:#F77737}
.inv-faq-desc{font-family:'Jost',sans-serif;font-size:15px;line-height:1.6;color:#3a3a3a;margin-bottom:10px}
.inv-faq-link{font-family:'Jost',sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;
  color:#141311;text-decoration:underline;text-underline-offset:3px}
.inv-faq-link:hover{color:#F77737}
@media(max-width:767px){
  #rd-faq{padding:24px 16px}
  #rd-faq .rd-faq-h{font-size:22px}
  .inv-faq-title{font-size:16px}
  .inv-faq-desc{font-size:14px}
}

/* 6. «ЗАБЕРИТЕ БЕСПЛАТНО» — узкая витрина на чёрном (тип MEN/WOMEN/KIDS). */
/* !important везде ниже: rd-vnutr-svetlo.css красит .section-label/.section-h/em своими !important
   правилами «под светлую страницу» (серый на светлом) — на чёрной витрине это невидимо (замер: k 1–2,6
   вместо нужных 3–4,5). Перебиваем ID-специфичностью + !important, сам файл не трогаем. */
#products{background:#0d0d0d!important;padding:48px 20px}
#products .section-label{color:#F77737!important}
#products .section-h{color:#fff!important;text-align:center}
#products .section-h em{color:#F77737!important}
.inv-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);
  max-width:1100px;margin:0 auto}
.inv-card{background:#111;display:flex;flex-direction:column}
.inv-card-cover{display:block;position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background:#1a1a1a}
.inv-card-cover img{width:100%;height:100%;object-fit:cover;display:block}
.inv-card-cover--ph{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;text-align:center;padding:18px}
.inv-card-emblem{width:38px;height:38px;object-fit:contain;opacity:.8}
.inv-card-ph-name{font-family:'Tenor Sans',Georgia,serif;font-size:13px;color:#cfcabf;line-height:1.35}
.inv-card-body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.inv-card-title{font-family:'Tenor Sans',Georgia,serif;font-size:16px;color:#fff!important;line-height:1.3;margin-bottom:8px}
/* .inv-card-desc — тег <p>: rd-vnutr-svetlo.css красит ЛЮБОЙ <p> в #1f1f1f!important (под светлую
   страницу) — на чёрной витрине текст почти сливался с фоном (замер: k 1,1 вместо нужных 4,5). */
.inv-card-desc{font-family:'Jost',sans-serif;font-size:12.5px;color:#a8a49c!important;line-height:1.55;margin-bottom:14px}
.inv-card-arrow{align-self:flex-start;margin-top:auto;font-family:'Jost',sans-serif;font-size:12px;
  font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#F77737!important;text-decoration:none}
.inv-card-arrow:hover{color:#fff}
@media(max-width:767px){.inv-shelf{grid-template-columns:1fr}}