/* ОПТИКА для /internet-provider-odesa. Шар поверх ipo-2026.css.
   Задача Кирила 16.09.2026. Відкат = прибрати підключення цього файла у вьюсі.

   Сторінка вже зібрана на тих самих токенах (navy #0B1F3A, ice, лінія #E2E8F0,
   #C4149B), тому переносити доводиться не палітру, а СВІТЛО: темні секції стають
   світлими, неоновий рожевий #FF4CC7 замінюється на дієвий #C4149B, радіус 20
   зводиться до 18, контейнер 1200 → 1120. Темним лишається тільки фінальний
   заклик — так само, як на еталоні. */

.ipo26 {
    --pink: #C4149B;          /* був неоновий #FF4CC7 */
    --r-lg: 18px;
    --container: 1120px;
    background: #FFFFFF;
}

/* ---- темні секції стають світлими ---------------------------------------- */
.ipo26 .bg-navy {
    background: #FFFFFF !important;
    color: var(--text-2) !important;
}
.ipo26 .bg-navy h1,
.ipo26 .bg-navy h2,
.ipo26 .bg-navy h3,
.ipo26 .bg-navy h4 { color: var(--navy) !important; }
.ipo26 .bg-navy .lead,
.ipo26 .bg-navy p { color: var(--text-2) !important; }
.ipo26 .bg-navy a:not(.btn) { color: var(--link) !important; }

/* ---- перший екран -------------------------------------------------------- */
.ipo26 .hero {
    background: var(--ice) !important;
    background-image: none !important;
    border-bottom: 1px solid var(--line);
    color: var(--text-2) !important;
}
.ipo26 .hero h1 { color: var(--navy) !important; font-size: 54px !important; line-height: 1.08 !important; }
.ipo26 .hero h1 .accent { color: var(--pink-strong) !important; }
.ipo26 .hero .lead, .ipo26 .hero p { color: var(--text-2) !important; }
.ipo26 .hero .microcopy { color: var(--text-3) !important; }
.ipo26 .hero .chip {
    background: #EAF7FE !important; border: 1px solid #CDE9F8 !important;
    color: var(--link) !important;
}
.ipo26 .hero .trust-num { color: var(--navy) !important; }
.ipo26 .hero .trust-lbl { color: var(--text-3) !important; }
.ipo26 .hero a:not(.btn) { color: var(--link) !important; }

/* картка тарифу в першому екрані — біла, як усі картки еталона */
.ipo26 .tariff-card {
    background: #FFFFFF !important; background-image: none !important;
    border: 1px solid var(--line) !important; border-radius: 18px !important;
    box-shadow: none !important; color: var(--text-2) !important;
}
.ipo26 .tariff-card .tariff-name,
.ipo26 .tariff-card .tariff-title,
.ipo26 .tariff-card .price-main { color: var(--navy) !important; }
.ipo26 .tariff-card .price-suffix,
.ipo26 .tariff-card .tariff-cost { color: var(--text-3) !important; }
.ipo26 .tariff-card .tariff-list li,
.ipo26 .tariff-card .tariff-cost * { color: var(--text-2) !important; }
.ipo26 .tariff-card .badge { background: #FBD9F3 !important; color: var(--pink-strong) !important; }
.ipo26 .tariff-card .check { color: #067A45 !important; }

/* ---- картки: один вигляд ------------------------------------------------- */
.ipo26 .why-card, .ipo26 .step, .ipo26 .faq details, .ipo26 .cover-form, .ipo26 .districts {
    background: #FFFFFF !important; background-image: none !important;
    border: 1px solid var(--line) !important; border-radius: 18px !important;
    box-shadow: none !important;
}
.ipo26 .why-card h3, .ipo26 .step h3 { color: var(--navy) !important; }
.ipo26 .why-card p, .ipo26 .step p { color: var(--text-2) !important; }
.ipo26 .why-card .icon { color: var(--link) !important; }
.ipo26 .step::before {
    background: #EAF7FE !important; border: 1px solid #CDE9F8 !important;
    color: var(--link) !important; box-shadow: none !important;
}
.ipo26 .kicker { color: var(--pink-strong) !important; }

/* ---- кнопки: рожевий = «можна натиснути» --------------------------------- */
.ipo26 .btn-primary, .ipo26 .btn-primary-invert {
    background: var(--pink-strong) !important; background-image: none !important;
    color: #FFFFFF !important; border: none !important;
    border-radius: 12px !important; box-shadow: none !important;
}
.ipo26 .btn-primary:hover, .ipo26 .btn-primary-invert:hover { filter: brightness(1.05); }
.ipo26 .field input, .ipo26 .field select {
    background: #FFFFFF !important; border: 1px solid var(--line) !important;
    border-radius: 12px !important; color: var(--text) !important; box-shadow: none !important;
}
.ipo26 .field input:focus { border-color: var(--pink-strong) !important; outline: none !important; }

/* ---- фінальний заклик лишається темним ----------------------------------- */
.ipo26 .final-cta { background: var(--navy) !important; }
.ipo26 .final-cta h2 { color: #FFFFFF !important; }
.ipo26 .final-cta p, .ipo26 .final-cta .lead { color: rgba(255,255,255,.85) !important; }

@media (max-width: 900px) {
    .ipo26 .hero h1 { font-size: 34px !important; }
}