/* =====================================================================
   WERSJA C — warstwa wizualna nałożona na oryginalny motyw.
   Nie usuwa ani nie przenosi żadnej treści: wszystkie sekcje, zdjęcia,
   formularze i wtyczki renderują się z motywu nadrzędnego.
   Zmieniamy kolory, typografię, rytm i detale.
   ===================================================================== */

:root{
  --c-ink:#0C1A2B;        /* granat bazowy */
  --c-ink-2:#112338;
  --c-ink-3:#18304A;
  --c-paper:#F5F3EF;      /* ciepła biel */
  --c-paper-2:#EBE8E2;
  --c-gold:#C89B3C;
  --c-gold-hi:#E0B75C;
  --c-gold-lo:#7E5F1F;
  --c-steel:#7A8896;
  --c-line:rgba(200,155,60,.18);
  --c-line-d:rgba(18,32,50,.12);

  --c-dsp:"Source Serif 4",Georgia,serif;
  --c-bdy:"IBM Plex Sans",system-ui,-apple-system,sans-serif;
  --c-mono:"IBM Plex Mono",ui-monospace,monospace;

  --c-ex:cubic-bezier(.16,1,.3,1);
  --c-qt:cubic-bezier(.25,1,.5,1);
}

/* ── podstawa ─────────────────────────────────────────────────────── */
body{
  font-family:var(--c-bdy);
  color:#1B2836;
  background:var(--c-paper);
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--c-gold);color:var(--c-ink)}
a{transition:color .35s var(--c-ex)}
/* silniejsze niż reset rodzica „button:focus{outline:0}" (scss/style.css) —
   wersje z elementem mają tę samą specyficzność co reset, a ładują się później */
:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible{outline:2px solid var(--c-gold);outline-offset:3px}

h1,h2,h3,h4,.h1,.h2,.h3{
  font-family:var(--c-dsp);
  font-weight:500;
  letter-spacing:-.032em;
  line-height:1.05;
  text-wrap:balance;
}
h1 strong,h2 strong,h3 strong{font-weight:700}

/* ── nagłówek i menu ──────────────────────────────────────────────── */
.header--index,.header{background:var(--c-ink)!important;position:relative}
.header--index::after,.header::after{
  content:"";position:absolute;inset:auto 0 0 0;height:1px;
  background:linear-gradient(90deg,transparent,var(--c-line),transparent);
}
.header a,.header--index a{color:var(--c-paper)}
.header a:hover,.header--index a:hover{color:var(--c-gold-hi)}

/* ── HERO ─────────────────────────────────────────────────────────── */
.hero{background:var(--c-ink)!important;position:relative;isolation:isolate}
.hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(110% 75% at 78% 16%,rgba(200,155,60,.12),transparent 62%);
}
.hero>*{position:relative;z-index:1}
.hero h1,.hero .h1{
  font-size:clamp(2.2rem,5.4vw,4.9rem)!important;
  line-height:.98!important;
  letter-spacing:-.038em!important;
  color:var(--c-paper)!important;
}
.hero h2,.hero .h2,.hero-text-content h2{
  font-family:var(--c-dsp)!important;font-style:italic;font-weight:400!important;
  color:var(--c-gold-hi)!important;
  font-size:clamp(1.05rem,2vw,1.65rem)!important;
  line-height:1.28!important;letter-spacing:-.015em!important;
}
.hero p,.hero li,.hero-text-content p,.hero-text-content li{color:#A9B6C2!important}
.hero img{filter:grayscale(.35) contrast(1.04)}

/* atuty w hero — kreska zamiast punktora */
.hero ul{list-style:none!important;padding-left:0!important}
.hero ul li{position:relative;padding-left:1.5rem;margin-bottom:.7rem}
.hero ul li::before{
  content:"";position:absolute;left:0;top:.72em;width:12px;height:1px;background:var(--c-gold);
}

/* ── STATYSTYKI — moment sygnaturowy (748 mln) ────────────────────── */
.statistics{background:var(--c-ink-2)!important;border-block:1px solid var(--c-line)}
.statistics h2,.statistics .h2{color:var(--c-paper)!important;font-size:clamp(1.7rem,3.6vw,2.9rem)!important}
.statistics .number,.statistics strong,.statistics b,.statistics .liczba{
  font-family:var(--c-dsp)!important;
  font-weight:600!important;
  color:var(--c-gold)!important;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.035em;
  line-height:.92;
}
.statistics p,.statistics span{color:#9FADBA!important}
.statistics img{filter:brightness(0) saturate(100%) invert(72%) sepia(38%) saturate(560%) hue-rotate(2deg) brightness(92%);opacity:.9}

/* ── sekcje jasne ─────────────────────────────────────────────────── */
.description,.for-who,.faq,.blog_home,.blog{background:var(--c-paper)!important;color:#1B2836}
.description h2,.for-who h2,.faq h2,.blog_home h2,.blog h2{color:var(--c-ink)!important}
.description p,.for-who p,.faq p,.blog p{color:#4A5A69!important}

/* przemienność: co druga jasna sekcja w cieplejszym odcieniu */
.for-who,.faq{background:var(--c-paper-2)!important}

/* ── WYGRANE SPRAWY — logotypy banków ─────────────────────────────── */
.won-cases{background:var(--c-ink)!important;position:relative;isolation:isolate}
.won-cases::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(12,26,43,.55),rgba(12,26,43,.9));
}
.won-cases>*{position:relative;z-index:1}
.won-cases h2{color:var(--c-paper)!important}
.won-cases p,.won-cases span{color:#A9B6C2!important}
.won-cases a,.won-cases li{transition:transform .5s var(--c-ex)}
.won-cases img{
  filter:grayscale(1);opacity:.72;
  transition:filter .5s var(--c-ex),opacity .5s var(--c-ex),transform .5s var(--c-ex);
}
.won-cases a:hover img,.won-cases li:hover img,.won-cases .active img{filter:none;opacity:1;transform:scale(1.04)}
/* lista wyroków — sygnatury monospace jak w dokumencie sądowym */
.won-cases li,.won-cases .wyrok,.won-cases .case{
  font-size:.86rem;line-height:1.5;
}
.won-cases li:hover{background:rgba(200,155,60,.06)}

/* ── FUNDACJA ─────────────────────────────────────────────────────── */
.fundacja{background:var(--c-ink-2)!important;border-block:1px solid var(--c-line)}
.fundacja h2,.fundacja h3{color:var(--c-paper)!important;font-size:clamp(1.4rem,2.8vw,2.2rem)!important}
.fundacja p{color:#A9B6C2!important}
.fundacja img{filter:grayscale(.2)}

/* ── ZAUFANIE / ZESPÓŁ ────────────────────────────────────────────── */
.trust{background:var(--c-ink)!important}
.trust h2,.trust h3{color:var(--c-paper)!important}
.trust p,.trust span{color:#A9B6C2!important}
.trust img{
  filter:grayscale(1);opacity:.82;
  transition:filter .7s var(--c-ex),opacity .7s var(--c-ex),transform 1s var(--c-ex);
}
.trust a:hover img,.trust li:hover img,.trust figure:hover img{filter:none;opacity:1;transform:scale(1.035)}
/* strzałki slidera to czarne SVG — na ciemnym tle sekcji wymagają odwrócenia */
.trust .trust__arrow-left img,.trust .trust__arrow-right img{filter:invert(1)!important;opacity:.85}
.trust .trust__arrow-left:hover img,.trust .trust__arrow-right:hover img{opacity:1}

/* ── BLOG ─────────────────────────────────────────────────────────── */
.blog_home article,.blog article,.blog_home .post,.blog .post{
  transition:transform .55s var(--c-ex),box-shadow .55s var(--c-ex);
  border:1px solid var(--c-line-d);background:#fff;
}
.blog_home article:hover,.blog article:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(12,26,43,.35)}
.blog_home img,.blog img{transition:transform 1s var(--c-ex)}
.blog_home article:hover img,.blog article:hover img{transform:scale(1.05)}

/* ── PRZYCISKI ────────────────────────────────────────────────────── */
.btn,.button,button,input[type=submit],.wpcf7-submit,
[class*="__btn"]:not(.menu-btn__burger),
[class*="-btn"]:not(.menu-btn):not(.menu-btn__burger),.akcja_analiza{
  font-family:var(--c-mono)!important;
  font-size:.72rem!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  border-radius:0!important;
  border:0!important;
  padding:1.05rem 2rem!important;
  background:var(--c-gold)!important;
  color:var(--c-ink)!important;
  position:relative;overflow:hidden;
  transition:color .5s var(--c-ex),background .5s var(--c-ex),transform .35s var(--c-qt)!important;
  cursor:pointer;
}
.btn:hover,.button:hover,button:hover,input[type=submit]:hover,
.wpcf7-submit:hover,[class*="__btn"]:not(.menu-btn__burger):hover,.akcja_analiza:hover{
  background:var(--c-ink)!important;color:var(--c-paper)!important;
}
.hero .btn,.hero [class*="__btn"],.won-cases .btn{background:var(--c-gold)!important;color:var(--c-ink)!important}
.hero .btn:hover,.hero [class*="__btn"]:hover{background:var(--c-paper)!important;color:var(--c-ink)!important}

/* ── FORMULARZ (Contact Form 7 — ich, nie nasz) ───────────────────── */
.wpcf7 input:not([type=submit]):not([type=checkbox]),
.wpcf7 select,.wpcf7 textarea{
  background:transparent!important;
  border:0!important;border-bottom:1px solid rgba(245,243,239,.28)!important;
  border-radius:0!important;
  padding:.9rem .1rem!important;
  font-family:var(--c-bdy)!important;font-size:1rem!important;
  color:var(--c-paper)!important;
  transition:border-color .45s var(--c-ex)!important;
}
.wpcf7 input:focus,.wpcf7 select:focus,.wpcf7 textarea:focus{
  outline:none!important;border-bottom-color:var(--c-gold)!important;
}
.wpcf7 ::placeholder{color:#8E9BA8!important}
.wpcf7 label{font-family:var(--c-mono)!important;font-size:.68rem!important;letter-spacing:.14em!important;
  text-transform:uppercase!important;color:var(--c-gold)!important}

/* ── STOPKA ───────────────────────────────────────────────────────── */
.footer{background:var(--c-ink-2)!important;border-top:1px solid var(--c-line)}
.footer h2,.footer h3,.footer h4{color:var(--c-paper)!important}
.footer p,.footer span,.footer li,.footer a{color:#9FADBA!important}
.footer a:hover{color:var(--c-gold-hi)!important}
.footer img{filter:brightness(0) invert(1);opacity:.92}

/* ── akcenty przekrojowe ──────────────────────────────────────────── */
/* nadkreślenia sekcji zamiast pustych odstępów */
section+section{position:relative}
.description,.won-cases,.fundacja,.for-who,.faq,.blog_home,.trust{padding-block:clamp(3.5rem,7vw,6.5rem)!important}

/* liczby w całym serwisie — szeryfowe, tabelaryczne */
.number,.liczba,[class*="count"]{font-family:var(--c-dsp)!important;font-variant-numeric:tabular-nums}

/* pasek przewijania */
html{scrollbar-color:var(--c-gold-lo) var(--c-ink)}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:var(--c-ink)}
::-webkit-scrollbar-thumb{background:var(--c-gold-lo);border:3px solid var(--c-ink)}

/* ── wejście sekcji na scroll (delikatne, bez przesady) ───────────── */
@media (prefers-reduced-motion:no-preference){
  .description,.won-cases,.fundacja,.for-who,.faq,.blog_home,.trust{
    animation:c-rise .9s var(--c-ex) both;
    animation-timeline:view();
    animation-range:entry 0% entry 42%;
  }
  @keyframes c-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
}

/* ── mobile ───────────────────────────────────────────────────────── */
@media(max-width:760px){
  .hero h1,.hero .h1{font-size:clamp(1.9rem,8vw,2.6rem)!important}
  .btn,.button,[class*="__btn"]:not(.menu-btn__burger){width:100%;justify-content:center;text-align:center}
}

/* ── nagłówek mobilny ≤991 (breakpoint burgera rodzica) ───────────── */
@media(max-width:991px){
  /* kreski burgera rodzic maluje granatem #06284c — na naszym granatowym
     nagłówku były niewidoczne (kontrast ~1.1) */
  .menu-btn__burger,
  .menu-btn__burger::before,
  .menu-btn__burger::after{background-color:var(--c-paper)!important}
  .menu-btn.open .menu-btn__burger{background:transparent!important}
  /* wysuwany panel menu — ciemne tło zamiast domyślnego, czytelne odnośniki */
  .header__user-nav{background:var(--c-ink-2)!important;box-shadow:0 24px 48px -18px rgba(0,0,0,.55)}
  .header__user-nav a,.header__user-nav li{color:var(--c-paper)!important}
  .header__user-nav a:hover{color:var(--c-gold-hi)!important}
  /* przyciemnienie strony pod otwartym menu */
  .header-overlay.open{background-color:rgba(4,10,17,.72)!important}
}

/* ═══════════════════════════════════════════════════════════════════
   WARSTWA C — sekcje zaprojektowane od nowa (własny markup, prefiks .c-)
   Rytm tła: hero ciemny → statystyki ciemniejsze → opinie jasne →
   pomoc jasna → wyroki ciemne → fundacja ciemna → dla kogo jasne →
   wsparcie ciemne. Dalsze sekcje dziedziczą warstwę wyżej.
   ═══════════════════════════════════════════════════════════════════ */

.c-hero__grid,.c-stats__inner,.c-opinie__inner,.c-pomoc__grid,
.c-wyroki__inner,.c-fund__grid,.c-dlakogo__grid,.c-wsparcie__inner{
  max-width:1320px;margin-inline:auto;
  padding-inline:clamp(1.25rem,5vw,4.5rem);
}

.c-hero,.c-stats,.c-opinie,.c-pomoc,.c-wyroki,.c-fund,.c-dlakogo,.c-wsparcie{
  padding-block:clamp(4.5rem,8vw,7.5rem);
  position:relative;isolation:isolate;display:block;width:auto;min-height:0;
}

.c-eyebrow{
  font-family:var(--c-mono);font-size:.68rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--c-steel);
  margin:0 0 1.15rem;display:flex;align-items:center;gap:.75rem;
}
.c-eyebrow::before{content:"";width:26px;height:1px;background:currentColor;flex:none}
.c-eyebrow--gold{color:var(--c-gold)}
.c-eyebrow--dark{color:var(--c-gold-lo)}

.c-link-quiet{
  font-family:var(--c-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--c-gold-hi);text-decoration:none;border-bottom:1px solid rgba(224,183,92,.4);
  padding-bottom:.3rem;transition:border-color .4s var(--c-ex),color .4s var(--c-ex);
}
.c-link-quiet:hover{color:var(--c-paper);border-color:var(--c-paper)}

/* ── 1. HERO ──────────────────────────────────────────────────────── */
.c-hero{background:var(--c-ink);padding-block:clamp(5rem,10vw,9rem) 0;overflow:hidden}
.c-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(120% 80% at 82% 8%,rgba(200,155,60,.14),transparent 58%);
}
.c-hero__grid{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:clamp(2.5rem,5vw,5rem);align-items:center;
}
.c-hero__h1{
  font-family:var(--c-dsp);font-weight:500;
  font-size:clamp(2.35rem,5.6vw,5.1rem);line-height:.97;letter-spacing:-.04em;
  color:var(--c-paper);margin:0 0 1.4rem;text-wrap:balance;
}
.c-hero__h2{
  font-family:var(--c-dsp);font-style:italic;font-weight:400;
  font-size:clamp(1.05rem,2.05vw,1.7rem);line-height:1.32;letter-spacing:-.015em;
  color:var(--c-gold-hi);margin:0 0 2rem;max-width:34ch;
}
.c-hero__list{list-style:none;margin:0 0 2.5rem;padding:0;display:grid;gap:.85rem}
.c-hero__list li{position:relative;padding-left:1.6rem;color:#B4C0CB;font-size:1.02rem;line-height:1.5}
.c-hero__list li::before{
  content:"";position:absolute;left:0;top:.62em;width:11px;height:11px;
  border:1px solid var(--c-gold);transform:rotate(45deg);
}
.c-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:1.75rem}

.c-hero__figure{position:relative;margin:0}
.c-hero__img{width:100%;height:auto;display:block;position:relative;z-index:1;filter:grayscale(.3) contrast(1.05)}
.c-hero__frame{
  position:absolute;inset:auto -18px -18px auto;width:72%;height:72%;
  border:1px solid rgba(200,155,60,.42);z-index:0;pointer-events:none;
}

.c-hero__ticker{
  margin:clamp(3rem,6vw,5rem) auto 0;max-width:1320px;
  padding-inline:clamp(1.25rem,5vw,4.5rem);
  border-top:1px solid rgba(200,155,60,.2);
  display:grid;grid-template-columns:repeat(4,1fr);
}
.c-tick{padding:1.6rem clamp(.9rem,2.4vw,2rem);border-right:1px solid rgba(200,155,60,.12);
  display:flex;flex-direction:column;gap:.4rem}
.c-tick:last-child{border-right:0}
.c-tick b{
  font-family:var(--c-dsp);font-weight:600;
  font-size:clamp(1.7rem,3vw,2.5rem);line-height:1;color:var(--c-gold);
  font-variant-numeric:tabular-nums;letter-spacing:-.03em;
}
.c-tick span{font-family:var(--c-mono);font-size:.68rem;letter-spacing:.13em;
  text-transform:uppercase;color:#8E9BA8}

/* ── 2. STATYSTYKI ────────────────────────────────────────────────── */
.c-stats{background:var(--c-ink-2);border-block:1px solid var(--c-line)}
.c-stats__title{
  font-family:var(--c-dsp);font-weight:500;
  font-size:clamp(1.75rem,3.7vw,3rem);line-height:1.06;letter-spacing:-.032em;
  color:var(--c-paper);margin:0 0 clamp(2.5rem,5vw,4rem);max-width:22ch;
}
.c-stats__grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1px;background:rgba(200,155,60,.15);
  border:1px solid rgba(200,155,60,.15);padding:0;
}
.c-stat{background:var(--c-ink-2);padding:clamp(1.75rem,3vw,2.6rem);
  display:flex;flex-direction:column;gap:.7rem;margin:0;transition:background .5s var(--c-ex)}
.c-stat:hover{background:var(--c-ink-3)}
.c-stat--hero{grid-column:1/-1;padding-block:clamp(2.5rem,5vw,4rem)}
.c-stat__ico{width:34px;height:auto;opacity:.55;margin:0;
  filter:brightness(0) saturate(100%) invert(72%) sepia(38%) saturate(560%) hue-rotate(2deg)}
.c-stat__value{margin:0;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.c-stat__num{
  font-family:var(--c-dsp);font-weight:600;
  font-size:clamp(2.1rem,4vw,3.2rem);line-height:.92;color:var(--c-gold);
  font-variant-numeric:tabular-nums;letter-spacing:-.038em;
}
.c-stat--hero .c-stat__num{font-size:clamp(2.8rem,8.5vw,7rem)}
.c-stat__unit{font-family:var(--c-mono);font-size:.78rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--c-gold-hi)}
.c-stat--hero .c-stat__unit{font-size:1rem}
.c-stat__desc{margin:0;color:#9DABB8;font-size:.95rem;line-height:1.5;max-width:38ch}
.c-stat--hero .c-stat__desc{font-size:1.08rem;max-width:52ch}

/* ── 3. OPINIE ────────────────────────────────────────────────────── */
.c-opinie{background:var(--c-paper);padding-block:clamp(3.5rem,6vw,5.5rem)}
.c-opinie__inner{text-align:center}
.c-opinie .c-eyebrow{justify-content:center}
.c-opinie .trust_opinie{margin-top:1.5rem}

/* ── 4. JAK POMAGAMY ──────────────────────────────────────────────── */
.c-pomoc{background:var(--c-paper)}
.c-pomoc__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(2.5rem,5vw,5rem);align-items:center}
.c-pomoc__h{
  font-family:var(--c-dsp);font-weight:500;
  font-size:clamp(1.8rem,3.8vw,3.1rem);line-height:1.05;letter-spacing:-.033em;
  color:var(--c-ink);margin:0 0 1.4rem;text-wrap:balance;
}
.c-pomoc__body{color:#4A5A69;font-size:1.05rem;line-height:1.68;max-width:48ch}
.c-pomoc__body p{margin:0 0 1rem}
.c-pomoc__cta{margin-top:2.2rem}

.c-frame{position:relative;background:var(--c-ink)}
.c-frame::after{content:"";position:absolute;inset:14px -14px -14px 14px;
  border:1px solid rgba(200,155,60,.45);z-index:-1;pointer-events:none}
.c-frame img{display:block;width:100%;height:auto;margin:0}
.c-frame--video{aspect-ratio:16/9}
.c-frame--video iframe{width:100%;height:100%;position:absolute;inset:0;border:0;margin:0}

.c-gwar{
  max-width:1320px;margin:clamp(3rem,6vw,5rem) auto 0;
  padding-inline:clamp(1.25rem,5vw,4.5rem);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:clamp(1.5rem,3vw,2.5rem);
}
.c-gwar__box{position:relative;padding-top:1.5rem;border-top:1px solid var(--c-line-d);
  display:flex;flex-direction:column;gap:.9rem;margin:0}
.c-gwar__idx{font-family:var(--c-mono);font-size:.68rem;letter-spacing:.18em;color:var(--c-gold)}
.c-gwar__ico{width:38px;height:auto;margin:0}
.c-gwar__txt{margin:0;color:#3C4C5B;font-size:.97rem;line-height:1.55}

/* ── 5. WYROKI ────────────────────────────────────────────────────── */
.c-wyroki{background:var(--c-ink);color:var(--c-paper)}
.c-wyroki__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  z-index:-2;opacity:.15;filter:grayscale(1)}
.c-wyroki::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(12,26,43,.86),rgba(12,26,43,.97))}
.c-wyroki__head{max-width:60ch;margin-bottom:clamp(2.5rem,5vw,3.5rem)}
.c-wyroki__h{
  font-family:var(--c-dsp);font-weight:500;
  font-size:clamp(1.8rem,3.8vw,3.1rem);line-height:1.05;letter-spacing:-.033em;
  color:var(--c-paper);margin:0 0 1.2rem;
}
.c-wyroki__lead{color:#A9B6C2;font-size:1.03rem;line-height:1.65}
.c-wyroki__lead p{margin:0 0 .9rem}

.c-ledger{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:1px;background:rgba(200,155,60,.18);
  border:1px solid rgba(200,155,60,.18);margin:0 0 clamp(2.5rem,5vw,3.5rem)}
.c-ledger__i{background:var(--c-ink);padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:.45rem}
.c-ledger dt{font-family:var(--c-mono);font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:#8E9BA8}
.c-ledger dd{margin:0;font-family:var(--c-dsp);font-weight:600;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1;
  color:var(--c-gold);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.c-wyroki__cta{margin-top:clamp(2rem,4vw,3rem)}

/* ── 6. FUNDACJA ──────────────────────────────────────────────────── */
.c-fund{background:var(--c-ink-2);border-block:1px solid var(--c-line)}
.c-fund__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  z-index:-2;opacity:.18;filter:grayscale(.7)}
.c-fund::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(17,35,56,.96),rgba(17,35,56,.72))}
.c-fund__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(2rem,4.5vw,4.5rem);align-items:center}
.c-fund__portret img{display:block;width:100%;height:auto;filter:grayscale(.25)}
.c-fund__body{color:#B4C0CB;font-size:1.04rem;line-height:1.66}
.c-fund__body :is(h2,h3,h4){
  font-family:var(--c-dsp);font-weight:500;
  color:var(--c-paper);font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.1;
  letter-spacing:-.03em;margin:0 0 1.1rem;
}
.c-fund__body p{margin:0 0 1rem}
.c-fund__logos{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;
  margin-top:2.2rem;padding-top:1.8rem;border-top:1px solid rgba(200,155,60,.22)}
.c-fund__logos img{max-height:46px;width:auto;filter:brightness(0) invert(1);opacity:.9}
.c-fund__logos span{font-family:var(--c-dsp);font-style:italic;font-size:1.4rem;color:var(--c-gold)}

/* ── 7. DLA KOGO + BANKI ──────────────────────────────────────────── */
.c-dlakogo{background:var(--c-paper-2)}
.c-dlakogo__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(2.5rem,5vw,5rem);align-items:start}
.c-dlakogo__h{
  font-family:var(--c-dsp);font-weight:500;
  font-size:clamp(1.8rem,3.8vw,3.1rem);line-height:1.05;letter-spacing:-.033em;
  color:var(--c-ink);margin:0 0 1.3rem;text-wrap:balance;
}
.c-dlakogo__body{color:#4A5A69;font-size:1.03rem;line-height:1.66}
.c-dlakogo__body p{margin:0 0 1rem}
.c-dlakogo__body ul{padding-left:0;list-style:none;margin:1.2rem 0}
.c-dlakogo__body li{position:relative;padding-left:1.5rem;margin-bottom:.7rem}
.c-dlakogo__body li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;
  border:1px solid var(--c-gold);transform:rotate(45deg)}
.c-dlakogo__cta{margin-top:2rem}

.c-banki__h{font-family:var(--c-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--c-gold-lo);font-weight:400;margin:0 0 1.5rem}
.c-banki__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));
  gap:1px;background:var(--c-line-d);border:1px solid var(--c-line-d)}
.c-banki__cell{background:#fff;aspect-ratio:5/3;display:grid;place-items:center;
  padding:1.1rem;margin:0;transition:background .45s var(--c-ex)}
.c-banki__cell:hover{background:var(--c-paper)}
.c-banki__cell img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
  filter:grayscale(1);opacity:.62;transition:filter .5s var(--c-ex),opacity .5s var(--c-ex)}
.c-banki__cell:hover img{filter:none;opacity:1}

/* ── 8. WSPARCIE ──────────────────────────────────────────────────── */
.c-wsparcie{background:var(--c-ink)}
.c-wsparcie__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  z-index:-2;opacity:.12;filter:grayscale(1)}
.c-wsparcie::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(12,26,43,.9),rgba(12,26,43,.97))}
.c-wsparcie__head{max-width:56ch;margin-bottom:clamp(2.5rem,5vw,3.5rem)}
.c-wsparcie__h{
  font-family:var(--c-dsp);font-weight:500;
  font-size:clamp(1.8rem,3.8vw,3.1rem);line-height:1.05;letter-spacing:-.033em;
  color:var(--c-paper);margin:0 0 1.1rem;
}
.c-wsparcie__sub{color:#A9B6C2;font-size:1.03rem;line-height:1.6;margin:0}
.c-wsparcie__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:1px;background:rgba(200,155,60,.15);border:1px solid rgba(200,155,60,.15)}
.c-wsp{background:var(--c-ink);padding:clamp(1.6rem,3vw,2.3rem);
  display:flex;flex-direction:column;gap:1rem;margin:0;transition:background .5s var(--c-ex)}
.c-wsp:hover{background:var(--c-ink-2)}
.c-wsp__idx{font-family:var(--c-mono);font-size:.68rem;letter-spacing:.18em;color:var(--c-gold)}
.c-wsp__ico{width:42px;height:42px;display:grid;place-items:center;margin:0;
  border:1px solid rgba(200,155,60,.3)}
.c-wsp__ico img{max-width:22px;max-height:22px;width:auto;height:auto;
  filter:brightness(0) saturate(100%) invert(72%) sepia(38%) saturate(560%) hue-rotate(2deg)}
.c-wsp__txt{margin:0;color:#A9B6C2;font-size:.97rem;line-height:1.58}

/* ── ozdobniki rodzica zbędne w nowym układzie ────────────────────── */
.c-hero .hero__img-container,
.c-wyroki .won-cases__path,
.c-wsparcie .our-support__path{display:none}

/* ── mobile ───────────────────────────────────────────────────────── */
@media(max-width:980px){
  .c-hero__grid,.c-pomoc__grid,.c-fund__grid,.c-dlakogo__grid{grid-template-columns:1fr}
  .c-hero__figure{order:-1}
  .c-fund__portret{max-width:320px}
  .c-hero__ticker{grid-template-columns:repeat(2,1fr)}
  .c-tick:nth-child(2n){border-right:0}
  .c-tick:nth-child(-n+2){border-bottom:1px solid rgba(200,155,60,.12)}
}
@media(max-width:560px){
  .c-hero__ticker{grid-template-columns:1fr}
  .c-tick{border-right:0;border-bottom:1px solid rgba(200,155,60,.12)}
  .c-frame::after{inset:8px -8px -8px 8px}
  .c-banki__grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
}

/* ═══════════════════════════════════════════════════════════════════
   RESET RODZICA w sekcjach przebudowanych.
   Motyw nadrzędny centruje treść i narzuca szerokości przez klasy
   .description / .won-cases__wrapper / .for-who itd. W sekcjach .c-*
   projektujemy układ od nowa, więc te reguły trzeba wyłączyć.
   ═══════════════════════════════════════════════════════════════════ */
.c-hero,.c-stats,.c-opinie,.c-pomoc,.c-wyroki,.c-fund,.c-dlakogo,.c-wsparcie,
.c-hero *,.c-stats *,.c-pomoc *,.c-wyroki *,.c-fund *,.c-dlakogo *,.c-wsparcie *{
  text-align:left;
}
.c-hero,.c-stats,.c-opinie,.c-pomoc,.c-wyroki,.c-fund,.c-dlakogo,.c-wsparcie{
  max-width:none;width:auto;margin-inline:0;
}
/* kontenery rodzica w środku — mają przestać ograniczać szerokość */
.c-wyroki .won-cases__wrapper,
.c-pomoc .description-guarantee,
.c-pomoc .description-text-image,
.c-dlakogo .for-who-text-content,
.c-dlakogo .for-who-banks,
.c-fund .fundacja_container,
.c-fund .fundacja_content,
.c-wsparcie .our-support__text,
.c-stats .statistics__container{
  max-width:none;width:auto;margin:0;padding:0;
  position:static;transform:none;float:none;
}
/* siatki nie mogą dziedziczyć flexa/kolumn rodzica */
.c-stats__grid,.c-gwar,.c-ledger,.c-banki__grid,.c-wsparcie__list{
  display:grid;float:none;
}
.c-ledger{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){.c-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* przyciski — szerokość do treści, nie na całą kolumnę */
.c-pomoc .description__btn,
.c-dlakogo .for-who__btn,
.c-wyroki .won-cases__btn,
.c-hero .hero-text-content__btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;max-width:max-content;margin:0;
}
.c-hero__cta,.c-pomoc__cta,.c-dlakogo__cta,.c-wyroki__cta{
  display:flex;flex-wrap:wrap;align-items:center;gap:1.75rem;
}

/* etykieta wyśrodkowana tylko tam, gdzie sekcja jest wyśrodkowana */
.c-opinie,.c-opinie *{text-align:center}
.c-opinie .c-eyebrow{justify-content:center}

/* sekcja opinii — jasna, bez ciemnego pudła rodzica */
.c-opinie{background:var(--c-paper)!important}
.c-opinie .trust_opinie{background:transparent!important;margin-top:1.25rem;min-height:0}
.c-opinie .c-eyebrow{color:var(--c-gold-lo)}
/* gdy widget opinii nic nie wyrenderuje, sekcja nie zostawia pustej dziury */
.c-opinie:not(:has(.trust_opinie iframe)):not(:has(.trust_opinie div)){
  padding-block:0;visibility:hidden;height:0;overflow:hidden;
}

/* kadr wideo — dopóki iframe się nie wczyta, tło ma być jasne, nie czarne */
.c-frame{background:var(--c-paper-2)}
.c-frame--video{background:var(--c-ink)}

/* logo w nagłówku — rodzic podkłada beżowy blok pod link */
.header--index .header__logo-link,
.header--index .header__logo-link:hover,
.header .header__logo-link{background:transparent!important}

/* odznaka „Wspieramy" — bez źródła obrazka nie zostawiamy białej ramki */
.fundacja_logo{background:transparent!important;border:0!important}
.fundacja_logo img{max-height:38px;width:auto;display:block}

/* ── rodzic używa !important — trzeba odpowiedzieć tym samym ───────── */
.c-hero .c-hero__h1,.c-hero .c-hero__h2,.c-hero__list,.c-hero__list li,
.c-stats__title,.c-stat,.c-stat *,
.c-pomoc__h,.c-pomoc__body,.c-pomoc__body *,.c-gwar__box,.c-gwar__box *,
.c-wyroki__h,.c-wyroki__lead,.c-wyroki__lead *,.c-ledger,.c-ledger *,
.c-fund__body,.c-fund__body *,.c-fund__logos,
.c-dlakogo__h,.c-dlakogo__body,.c-dlakogo__body *,.c-banki__h,
.c-wsparcie__h,.c-wsparcie__sub,.c-wsp,.c-wsp *{
  text-align:left!important;
}
.c-pomoc .description__btn,
.c-dlakogo .for-who__btn,
.c-wyroki .won-cases__btn,
.c-hero .hero-text-content__btn,
.c-wsparcie .akcja_analiza{
  display:inline-flex!important;width:auto!important;max-width:max-content!important;
  margin:0!important;text-align:center!important;
}

/* sekcja opinii nie może rezerwować pustej przestrzeni, gdy widget milczy */
.c-opinie{padding-block:clamp(2.5rem,4.5vw,4rem)!important}
.c-opinie .trust_opinie{
  margin:1.25rem 0 0!important;min-height:0!important;height:auto!important;
  padding:0!important;background:transparent!important;
}
.c-opinie .trust_opinie:not(:has(*)){display:none!important}

/* nagłówki sekcji ciemnych — kolor musi przebić regułę rodzica */
.c-wyroki__h,.c-wsparcie__h{color:var(--c-paper)!important}
.c-pomoc__h,.c-dlakogo__h{color:var(--c-ink)!important}

/* ═══════════════════════════════════════════════════════════════════
   POPRAWKI PO PRZEGLĄDZIE WIZUALNYM
   ═══════════════════════════════════════════════════════════════════ */

/* Selektor [class*="__btn"] łapał też kontenery (…__btn-container),
   przez co złote tło dostawał cały pasek zamiast przycisku. */
[class*="__btn-container"],[class*="-btn-container"]{
  background:transparent!important;border:0!important;padding:0!important;
  display:flex!important;flex-wrap:wrap;align-items:center;gap:1.5rem;
  width:auto!important;max-width:none!important;
}
.mobilebutton_fixed{gap:0}

/* Kafle banków w repertorium — biała płyta, złoto tylko jako kontur */
.c-wyroki .bank,.c-wyroki [class*="bank"],
.won-cases__case-wrapper a,.won-cases__case-wrapper li{
  background:var(--c-paper)!important;
  border:1px solid rgba(200,155,60,.28)!important;
  border-radius:0!important;
}
.won-cases__case-wrapper img{filter:grayscale(1);opacity:.75;
  transition:filter .45s var(--c-ex),opacity .45s var(--c-ex)}
.won-cases__case-wrapper a:hover img,.won-cases__case-wrapper li:hover img{filter:none;opacity:1}
/* licznik spraw przy banku — kontur, nie wypełnienie */
.c-wyroki [class*="count"],.c-wyroki [class*="licz"],.won-cases__case-wrapper sup,
.won-cases__case-wrapper .badge{
  background:transparent!important;color:var(--c-gold)!important;
  border:1px solid rgba(200,155,60,.5)!important;border-radius:0!important;
  font-family:var(--c-mono)!important;font-size:.68rem!important;
}

/* Lista wyroków — czytelny rejestr zamiast ściśniętych białych pasków */
.c-wyroki__list{margin-top:clamp(1.5rem,3vw,2.5rem)}
.c-wyroki__list p,.c-wyroki__list li,.c-wyroki__list a{
  font-size:.86rem!important;line-height:1.55!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
}
.c-wyroki__list > * > p,.c-wyroki__list > * > li{
  background:rgba(245,243,239,.96)!important;color:#22313F!important;
  padding:.85rem 1.1rem!important;margin:0 0 1px!important;border-radius:0!important;
}

/* Logotypy fundacji nie mogą wychodzić poza kolumnę */
.c-fund__logos{flex-wrap:wrap;gap:1.25rem 2rem;max-width:100%;overflow:hidden}
.c-fund__logos img{max-height:40px;max-width:min(200px,42%);object-fit:contain;flex:0 1 auto}
.c-fund__logos span{font-size:1.1rem;opacity:.7;flex:none}

/* ── Repertorium: prawdziwe klasy z part-nowewyroki ────────────────── */
/* Ogólna reguła .btn zalewała złotem kafle filtrowania banków. */
.nowewyroki_filtry_lista .btn,
.nowewyroki_filtry .btn{
  background:var(--c-paper)!important;
  border:1px solid rgba(200,155,60,.3)!important;
  border-radius:0!important;padding:.9rem 1rem!important;
  display:flex!important;align-items:center;justify-content:center;
  width:auto!important;max-width:none!important;min-height:64px;
  position:relative;transition:border-color .4s var(--c-ex),background .4s var(--c-ex)!important;
}
.nowewyroki_filtry_lista .btn img{
  filter:grayscale(1);opacity:.7;max-height:30px;width:auto;
  transition:filter .4s var(--c-ex),opacity .4s var(--c-ex);
}
.nowewyroki_filtry_lista .btn:hover,
.nowewyroki_filtry_lista .btn.active{
  background:#fff!important;border-color:var(--c-gold)!important;
}
.nowewyroki_filtry_lista .btn:hover img,
.nowewyroki_filtry_lista .btn.active img{filter:none;opacity:1}
.nowewyroki_filtry_lista .btn.active::after{
  content:"";position:absolute;inset:auto auto -1px 0;width:100%;height:2px;
  background:var(--c-gold);
}
/* licznik spraw — kontur w rogu kafla */
.wyroki_liczba{
  position:absolute;top:5px;right:5px;
  background:transparent!important;color:var(--c-gold)!important;
  border:1px solid rgba(200,155,60,.45)!important;border-radius:0!important;
  font-family:var(--c-mono)!important;font-size:.68rem!important;
  line-height:1;padding:.24rem .34rem!important;min-width:0!important;
}

/* wiersze wyroków — kolor tekstu musi przebić .won-cases p{color:…} */
.nowewyroki_lista .filterDiv,
.nowewyroki_lista_element{
  background:rgba(245,243,239,.97)!important;
  border:0!important;border-radius:0!important;
  margin:0 0 1px!important;padding:.9rem 1.15rem!important;
}
.nowewyroki_lista .filterDiv,
.nowewyroki_lista .filterDiv *,
.nowewyroki_lista_element,.nowewyroki_lista_element *{
  color:#22313F!important;font-size:.85rem!important;line-height:1.55!important;
}
.nowewyroki_lista .filterDiv:hover{background:#fff!important}
/* sygnatura akt czyta się lepiej pismem maszynowym */
.nowewyroki_lista .filterDiv b,.nowewyroki_lista .filterDiv strong{
  font-family:var(--c-mono)!important;font-size:.8rem!important;color:var(--c-ink)!important;
}
.nowewyroki_lista_last{
  background:var(--c-ink)!important;border:1px solid var(--c-gold)!important;
  margin-top:1px!important;
}
.nowewyroki_lista_last,.nowewyroki_lista_last *{
  color:var(--c-gold-hi)!important;
  font-family:var(--c-mono)!important;font-size:.7rem!important;
  letter-spacing:.14em!important;text-transform:uppercase!important;
}
.nowewyroki_lista_last:hover{background:var(--c-ink-2)!important}

/* Widget opinii wstrzykuje treść asynchronicznie; sam <script> nie liczy
   się jako treść, więc dopóki nic nie wyrenderuje — sekcja się nie pokazuje. */
.c-opinie:not(:has(.trust_opinie :is(div,iframe,a,img,ul))){
  padding-block:0!important;height:0;overflow:hidden;visibility:hidden;
}

/* ═══════════════════════════════════════════════════════════════════
   POPRAWKI BŁĘDÓW ZGŁOSZONYCH PRZEZ KLIENTA
   ═══════════════════════════════════════════════════════════════════ */

/* Reguła [class*="__btn-container"] odsłoniła przycisk mobilny na desktopie.
   .mobilebutton_fixed ma się pokazywać wyłącznie na wąskich ekranach. */
.mobilebutton_fixed{display:none!important}
@media(max-width:760px){
  .mobilebutton_fixed{
    display:flex!important;position:fixed;inset:auto 0 0 0;z-index:90;
    padding:.6rem!important;background:var(--c-ink)!important;
    border-top:1px solid var(--c-line)!important;
  }
  .mobilebutton_fixed .hero-text-content__btn{width:100%!important;max-width:none!important}
}

/* Statystyki: rodzic nadpisuje kolor liczb — stąd szarość zamiast złota */
.c-stat__num{color:var(--c-gold)!important}
.c-stat__unit{color:var(--c-gold-hi)!important}
.c-stat__desc{color:#9DABB8!important}
.c-stats__title{color:var(--c-paper)!important}

/* dwie kolumny zamiast auto-fit — przy 3 wartościach auto-fit zostawiał
   pusty kafel, a wąska kolumna łamała 253 195 569 na trzy wiersze */
.c-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.c-stat--hero{grid-column:1/-1!important;align-items:center;text-align:center!important}
.c-stat--hero *{text-align:center!important}
.c-stat--hero .c-stat__value,.c-stat--hero .c-stat__desc{margin-inline:auto}
.c-stat__value{align-items:baseline;flex-wrap:nowrap;white-space:nowrap}
.c-stat__num{font-size:clamp(1.6rem,3.4vw,2.9rem)!important}
.c-stat--hero .c-stat__num{font-size:clamp(2.4rem,7.5vw,6rem)!important;white-space:nowrap}
@media(max-width:760px){
  .c-stats__grid{grid-template-columns:1fr!important}
  .c-stat__value{white-space:normal}
}
/* ikony statystyk: stonowane, nie złote plamy */
.c-stat__ico{
  filter:brightness(0) invert(1)!important;opacity:.32!important;width:28px!important;
}
.c-stat--hero .c-stat__ico{margin-inline:auto;opacity:.4!important}

/* Panel szybkiego kontaktu był w całości beżowo-złoty — zbyt ciężki.
   Zostaje granat z konturem, złoto tylko na etykietach. */
.faq-contact,.faq-contact__contact-info-container{background:transparent!important}
.faq-contact .wpcf7,.faq-contact form,.faq-contact__form{
  background:var(--c-ink-2)!important;border:1px solid var(--c-line)!important;
  padding:clamp(1.5rem,3vw,2.5rem)!important;
}
/* ikonki telefonu i maila — kontur, realny obrazek w środku */
.faq-contact__contact-info img{
  width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1);opacity:.75;
}
.faq-contact__contact-info{
  display:inline-flex!important;align-items:center;gap:.85rem;
  background:transparent!important;border:0!important;
}

/* ═══════════════════════════════════════════════════════════════════
   HERO v2 — nowa kompozycja
   Nagłówek dominuje na pełną szerokość, Themis pracuje jako element
   atmosferyczny wychodzący poza kadr, atuty tworzą pas u dołu.
   ═══════════════════════════════════════════════════════════════════ */
.c-hero{
  background:var(--c-ink)!important;
  padding-block:clamp(4.5rem,9vw,8rem) 0!important;
  min-height:min(92vh,880px);
  display:flex!important;flex-direction:column;justify-content:center;
  overflow:hidden;position:relative;isolation:isolate;
}
.c-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(80% 60% at 88% 22%,rgba(200,155,60,.16),transparent 60%),
    linear-gradient(180deg,transparent 55%,rgba(8,18,30,.55) 100%);
}

/* Themis — wychodzi poza prawą krawędź, nie jest „zdjęciem w ramce" */
.c-hero__art{
  position:absolute;inset:0 -6% 0 auto;width:min(62%,780px);z-index:-1;
  display:flex;align-items:center;justify-content:flex-end;pointer-events:none;
}
.c-hero__art img{
  width:100%;height:auto;max-height:104%;object-fit:contain;object-position:right center;
  opacity:.5;filter:grayscale(1) contrast(1.1) brightness(1.15);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 32%,#000 100%);
          mask-image:linear-gradient(90deg,transparent,#000 32%,#000 100%);
}

.c-hero__grid{display:block!important;position:relative;z-index:1}
.c-hero__eyebrow{color:var(--c-gold)!important;margin-bottom:1.6rem!important}

.c-hero__h1{
  font-family:var(--c-dsp)!important;font-weight:500!important;
  font-size:clamp(2.5rem,7.4vw,7.2rem)!important;
  line-height:.94!important;letter-spacing:-.045em!important;
  color:var(--c-paper)!important;margin:0 0 clamp(2rem,4vw,3.2rem)!important;
  max-width:16ch;text-wrap:balance;
}

/* podnagłówek jako cytat ze złotą linią — nie kolejny akapit */
.c-hero__under{
  display:flex;flex-wrap:wrap;align-items:center;
  gap:clamp(1.75rem,4vw,3.5rem);max-width:none;
}
.c-hero__h2{
  font-family:var(--c-dsp)!important;font-style:italic;font-weight:400!important;
  font-size:clamp(1.05rem,1.9vw,1.55rem)!important;line-height:1.34!important;
  letter-spacing:-.012em!important;color:var(--c-gold-hi)!important;
  margin:0!important;max-width:30ch;
  border-left:1px solid rgba(200,155,60,.55);padding-left:1.5rem;
}
.c-hero__cta{gap:1.75rem!important;margin:0!important}

/* atuty — pas z liniami włosowymi zamiast listy punktowanej */
.c-hero__atuty{
  position:relative;z-index:1;
  max-width:1320px;margin:clamp(3rem,6vw,5rem) auto 0;
  padding-inline:clamp(1.25rem,5vw,4.5rem);
}
.c-hero__list{
  list-style:none!important;margin:0!important;padding:0!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(200,155,60,.22);
}
.c-hero__list li{
  display:flex!important;flex-direction:column;gap:.75rem;
  padding:1.5rem clamp(.9rem,2.2vw,1.8rem) 1.75rem 0;
  border-right:1px solid rgba(200,155,60,.1);
  margin:0!important;
}
.c-hero__list li:last-child{border-right:0}
.c-hero__list li::before{content:none!important}
.c-hero__znum{
  font-family:var(--c-mono);font-size:.68rem;letter-spacing:.2em;color:var(--c-gold);
}
.c-hero__ztxt{
  color:#AEBAC6!important;font-size:.9rem!important;line-height:1.5!important;
}

.c-hero__ticker{
  position:relative;z-index:1;
  margin:0 auto!important;border-top:1px solid rgba(200,155,60,.22)!important;
  border-bottom:0;
}

/* ── domknięcie hero ──────────────────────────────────────────────── */
/* Themis konkurowała z tekstem i zasłaniała czwartą kolumnę atutów.
   Blok MUSI stać przed media queries — inaczej (ta sama specyficzność)
   nadpisywałby mobilne szerokości na każdym ekranie. */
.c-hero__art{width:min(52%,660px);inset:0 -4% 0 auto}
.c-hero__art img{
  opacity:.26!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 46%,#000 100%);
          mask-image:linear-gradient(90deg,transparent,#000 46%,#000 100%);
}

@media(max-width:1100px){
  .c-hero__art{width:58%;inset:0 -12% 0 auto}
  .c-hero__art img{opacity:.34}
  .c-hero__h1{max-width:13ch}
}
@media(max-width:860px){
  .c-hero{min-height:0;padding-block:clamp(3.5rem,8vw,5rem) 0!important}
  .c-hero__art{width:78%;inset:auto -18% 0 auto;height:70%}
  .c-hero__art img{opacity:.16}
  .c-hero__h1{max-width:none;font-size:clamp(2.1rem,9vw,3.2rem)!important}
  .c-hero__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-hero__list li:nth-child(2n){border-right:0}
  .c-hero__h2{padding-left:1.1rem}
}
@media(max-width:560px){
  .c-hero__list{grid-template-columns:1fr}
  .c-hero__list li{border-right:0;border-bottom:1px solid rgba(200,155,60,.1)}
}

/* Przycisk hero rodzic pozycjonuje absolutnie — stąd link nachodził na niego */
.c-hero__cta .hero-text-content__btn{position:relative!important;inset:auto!important;flex:none}
.c-hero__cta .c-link-quiet{position:relative;z-index:2;flex:none}
.c-hero__cta{align-items:center;row-gap:1rem}

/* Beżowy blok pod logo — rodzic podkłada tło pod link i jego wrapper */
.header--index .header__logo-link,.header .header__logo-link,
.header--index .header__logo-link::before,.header--index .header__logo-link::after,
.header__logo-link.xdd,.header__wrapper>a:first-child{
  background:none!important;background-color:transparent!important;
}
.header--index,.header{background:var(--c-ink)!important}

/* odznaka „Wspieramy" — pokazuj tylko, gdy naprawdę ma obrazek */
.fundacja_logo:empty{display:none!important}
.fundacja_logo img{max-height:36px;width:auto;display:block;object-fit:contain}

/* Kontener przycisku ma obie klasy: hero-text-content__btn-container i c-hero__cta.
   Wzorzec [class*="__btn"] łapał kontener, przez co złote tło rozlewało się
   na całą szerokość razem z sąsiednim odnośnikiem. */
.c-hero__cta,.c-pomoc__cta,.c-dlakogo__cta,.c-wyroki__cta,
.hero-text-content__btn-container:not(.mobilebutton_fixed){
  background:none!important;background-color:transparent!important;
  border:0!important;padding:0!important;
}
/* odznaka „Wspieramy" bez wczytanego obrazka nie zostawia białej ramki */
/* odznaka „Wspieramy” w nagłówku */
.fundacja_logo{display:inline-flex!important;align-items:center;background:transparent!important;border:0!important}
.fundacja_logo img{max-height:34px;width:auto;display:block;object-fit:contain;opacity:.95}
.fundacja_logo:hover img{opacity:1}
