/* Case study Ośrodek Filar — tylko wyjątki tego projektu. Wspólne sekcje i komponenty: case-studies/shared/style.css */

.glcs-landing.glcs-project-osrodek-filar { --glcs-brand: #588d9b; --glcs-hero-bg: #e2e2e4; --glcs-hero-bg-m: #e8e7ea; --glcs-hero-mobile-h: 248px; --glcs-wide-h: 300px; --glcs-wide-ratio: 2880 / 600; --glcs-wide-mobile-h: 81px; }

/* ---- Rozwiązania: makieta landing page na czarnym tle (moduł 02) ---- */
.glcs-landing.glcs-project-osrodek-filar .fl-media-dark { background: #000; }

/* ---- Efekty ---- */
.glcs-landing.glcs-project-osrodek-filar .glcs-result__proof { gap: 18px; }

/* Spadek kosztu leada względem maja (karta 4) */
.glcs-landing.glcs-project-osrodek-filar .fl-bars { display: flex; flex-direction: column; gap: 18px; margin: 0; padding: 0; list-style: none; }
.glcs-landing.glcs-project-osrodek-filar .fl-bars li { display: flex; flex-direction: column; gap: 6px; }
.glcs-landing.glcs-project-osrodek-filar .fl-bars__row { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin: 0; }
.glcs-landing.glcs-project-osrodek-filar .fl-bars__row span { color: #d6d6d6; font-size: 14px; font-weight: 500; line-height: 1.5; }
.glcs-landing.glcs-project-osrodek-filar .fl-bars__row strong { color: #fff; font-size: 17px; font-weight: 700; line-height: 1.5; white-space: nowrap; }
.glcs-landing.glcs-project-osrodek-filar .fl-bars__track { display: block; height: 20px; background: #2e3433; }
.glcs-landing.glcs-project-osrodek-filar .fl-bars__fill { display: block; height: 100%; background: #00ae57; }
.glcs-landing.glcs-project-osrodek-filar .fl-bars__fill--base { background: #6b7070; }
.glcs-landing.glcs-project-osrodek-filar .fl-bars__note { color: #8f9493; }

@media (max-width: 767px) {
    .glcs-landing.glcs-project-osrodek-filar .glcs-proof-big__text { font-size: 18px; }
    .glcs-landing.glcs-project-osrodek-filar .fl-bars__row span { font-size: 13px; }
    .glcs-landing.glcs-project-osrodek-filar .fl-bars__row strong { font-size: 14px; }
}