/* ============ OPTIMAASSIST — schemat i paleta wzorem CEKAMA ============
   Paleta (identyczna jak cekama.com):
   czern      #0A0D0B   tło główne
   wegiel     #10140F   sekcje naprzemienne / karty
   zloto      #C6A15B   akcent, podziałka, CTA
   zloto2     #E8D5A4   rozświetlenie
   porcelana  #F1EEE6   tekst główny
   mgla       #8E958C   tekst drugorzędny
   Typografia: Italiana (display) + Manrope (tekst)
   Sygnatura: złota podziałka postępu scrolla (prawa krawędź)
================================================================ */
:root{
  --czern:#0A0D0B;
  --wegiel:#10140F;
  --zloto:#C6A15B;
  --zloto2:#E8D5A4;
  --porcelana:#F1EEE6;
  --mgla:#8E958C;
  --display:"Italiana",serif;
  --tekst:"Manrope",system-ui,sans-serif;
  --hair:1px solid color-mix(in srgb,var(--zloto) 28%,transparent);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--czern);
  color:var(--porcelana);
  font-family:var(--tekst);
  font-weight:300;
  line-height:1.75;
}
img{max-width:100%;display:block}
a{color:inherit}

h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.12;letter-spacing:.015em}
h1{font-size:clamp(2.6rem,6.4vw,5.2rem)}
h2{font-size:clamp(2rem,4.4vw,3.4rem);margin:28px 0 24px}
h3{font-size:1.3rem}
p{max-width:37rem}
.etykieta{
  font-size:.7rem;letter-spacing:.34em;text-transform:uppercase;
  color:var(--zloto);font-weight:600;
}

/* ---------- pasek górny ---------- */
.pasek{
  position:fixed;inset:0 0 auto 0;z-index:120;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:26px 52px;
  transition:transform .5s ease,background .5s ease,padding .5s ease;
}
.pasek--tlo{
  background:color-mix(in srgb,var(--czern) 90%,transparent);
  backdrop-filter:blur(12px);
  padding:15px 52px;
  border-bottom:var(--hair);
}
.pasek--schowany{transform:translateY(-110%)}
.pasek--staly{position:sticky;background:var(--czern);border-bottom:var(--hair);padding:18px 52px}
.pasek__logo{
  font-family:var(--display);font-size:1.02rem;letter-spacing:.4em;
  color:var(--porcelana);text-decoration:none;white-space:nowrap;
}
.pasek__prawa{display:flex;align-items:center;gap:30px}
.pasek__telefon{
  font-family:var(--tekst);font-size:.82rem;font-weight:600;letter-spacing:.03em;
  color:var(--zloto2);text-decoration:none;white-space:nowrap;
}
.pasek__telefon:hover{color:var(--zloto)}
.pasek__menu{
  display:flex;align-items:center;gap:10px;
  background:none;border:none;cursor:pointer;color:var(--porcelana);
  font-family:var(--tekst);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;
}
.pasek__menu span{width:26px;height:1px;background:var(--zloto);display:block;transition:width .3s}
.pasek__menu span+span{width:16px;position:absolute;transform:translateY(5px)}
.pasek__menu:hover span{width:26px}

/* ---------- menu pełnoekranowe ---------- */
.menu{
  position:fixed;inset:0;z-index:200;background:color-mix(in srgb,var(--wegiel) 97%,var(--zloto));
  display:flex;flex-direction:column;justify-content:center;padding:0 clamp(24px,10vw,140px);
}
.menu[hidden]{display:none}
.menu__zamknij{
  position:absolute;top:30px;right:52px;
  background:none;border:none;color:var(--mgla);cursor:pointer;
  font-family:var(--tekst);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;
}
.menu__zamknij:hover{color:var(--zloto2)}
.menu__lista{list-style:none;display:grid;gap:clamp(8px,2.4vh,22px)}
.menu__lista a{
  font-family:var(--display);font-size:clamp(2rem,6vh,3.6rem);
  color:var(--porcelana);text-decoration:none;display:flex;align-items:baseline;gap:26px;
  transition:color .3s,letter-spacing .3s;
}
.menu__lista small{
  font-family:var(--tekst);font-size:.72rem;letter-spacing:.3em;color:var(--zloto);width:28px;
}
.menu__lista a:hover,.menu__lista a[aria-current]{color:var(--zloto2);letter-spacing:.03em}
.menu__stopka{
  position:absolute;bottom:34px;left:clamp(24px,10vw,140px);
  font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--mgla);
}

/* ---------- podziałka (sygnatura) ---------- */
.podzialka{
  position:fixed;top:0;right:0;bottom:0;width:34px;z-index:90;
  background:
    repeating-linear-gradient(to bottom,
      transparent 0 calc(10% - 1px),
      color-mix(in srgb,var(--zloto) 35%,transparent) calc(10% - 1px) 10%);
  background-size:12px 100%;background-position:right 12px top;background-repeat:no-repeat;
}
.podzialka::before{
  content:"";position:absolute;right:12px;top:0;bottom:0;width:1px;
  background:color-mix(in srgb,var(--zloto) 22%,transparent);
}
.podzialka__wskaznik{
  position:absolute;right:6px;top:0;width:13px;height:1px;
  background:var(--zloto2);box-shadow:0 0 12px var(--zloto);
}

/* ---------- hero ---------- */
.scena{
  position:relative;min-height:100dvh;
  display:flex;align-items:center;justify-content:center;text-align:center;
  overflow:hidden;
}
.scena__wideo{
  position:absolute;inset:0;
  background:radial-gradient(85% 65% at 50% 32%,#1B2A1E 0%,var(--czern) 80%);
  background-size:cover;background-position:center;
}
.scena__wideo::after{
  content:"";position:absolute;inset:0;
  background:color-mix(in srgb,var(--czern) 62%,transparent);
}
.scena__mgla{
  position:absolute;inset:0;
  background:linear-gradient(180deg,color-mix(in srgb,var(--czern) 60%,transparent),transparent 32%,transparent 62%,var(--czern));
}
.scena__tresc{position:relative;z-index:2;padding:0 24px;max-width:900px}
.scena__tresc .etykieta{margin-bottom:34px;display:block}
.scena__tresc h1{margin-bottom:28px;font-size:clamp(2.1rem,4.8vw,3.9rem)}
.scena__tresc h1 em{font-style:italic;color:var(--zloto2)}
.scena__sub{color:var(--porcelana);font-size:1.08rem;max-width:52ch;margin:0 auto 44px;line-height:1.7}
.scena__dalej{
  position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:2;
}
.scena__dalej span{
  display:block;width:1px;height:58px;
  background:linear-gradient(var(--zloto),transparent);
  animation:opad 2.4s ease-in-out infinite;
}
@keyframes opad{
  0%{transform:scaleY(0);transform-origin:top}
  55%{transform:scaleY(1);transform-origin:top}
  56%{transform-origin:bottom}
  100%{transform:scaleY(0);transform-origin:bottom}
}

/* ---------- przyciski ---------- */
.przycisk{
  display:inline-flex;flex-direction:column;align-items:center;gap:3px;
  text-decoration:none;cursor:pointer;
  color:var(--czern);
  background:linear-gradient(115deg,var(--zloto),var(--zloto2));
  font-family:var(--tekst);font-weight:600;font-size:.82rem;
  letter-spacing:.22em;text-transform:uppercase;
  padding:19px 46px;border:none;
  transition:transform .25s,box-shadow .25s;
}
.przycisk small{font-weight:400;font-size:.62rem;letter-spacing:.08em;text-transform:none;opacity:.72}
.przycisk:hover{transform:translateY(-2px);box-shadow:0 14px 44px color-mix(in srgb,var(--zloto) 28%,transparent)}
.przycisk--linia{
  background:none;color:var(--zloto);padding:13px 2px;
  border-bottom:1px solid var(--zloto);
}
.przycisk--linia:hover{box-shadow:none;color:var(--zloto2);border-color:var(--zloto2);transform:none}
.przyciski{display:flex;gap:34px;flex-wrap:wrap;align-items:center;justify-content:center}

/* ---------- rozdziały ---------- */
.rozdzial{padding:150px 52px;max-width:1280px;margin:0 auto}
.rozdzial--wegiel{background:var(--wegiel);max-width:none;padding-left:0;padding-right:0}
.rozdzial--wegiel>*{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:52px;padding-right:52px}
.rozdzial--wegiel>.rozdzial__glowa{margin-left:0;margin-right:auto}
.rozdzial__glowa{
  display:flex;align-items:baseline;gap:20px;
  border-bottom:var(--hair);padding-bottom:14px;margin-bottom:16px;width:fit-content;
}
.rozdzial__numer{font-family:var(--display);font-size:1.6rem;color:var(--zloto)}
.rozdzial__tytul{font-size:.7rem;letter-spacing:.34em;text-transform:uppercase;color:var(--mgla)}
.rozdzial__lead{color:var(--mgla);max-width:60ch;margin-top:18px}
.rozdzial>h1{font-size:clamp(1.3rem,3.2vw,2.6rem)}
.rozdzial--centrum{text-align:center}
.rozdzial--centrum .rozdzial__glowa{margin:0 auto 16px}
.rozdzial--centrum p{margin-left:auto;margin-right:auto}

/* dwa filary — porównanie */
.starcie{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;margin-top:20px}
.starcie__kol{border:var(--hair);padding:44px 38px}
.starcie__kol--dim{color:var(--mgla)}
.starcie__kol--jasny{background:color-mix(in srgb,var(--zloto) 6%,transparent);border-color:color-mix(in srgb,var(--zloto) 45%,transparent)}
.starcie__num{font-family:var(--display);font-size:3.2rem;line-height:1;margin-bottom:14px;color:var(--mgla)}
.starcie__kol--jasny .starcie__num{color:var(--zloto2)}
.starcie__kol h3{color:var(--porcelana);margin-bottom:12px;font-size:1.2rem}
.starcie__kol p{color:var(--mgla);font-size:.94rem;max-width:none}
.starcie__vs{
  align-self:center;padding:0 30px;font-family:var(--tekst);
  font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--zloto);
}
@media (max-width:780px){
  .starcie{grid-template-columns:1fr}
  .starcie__vs{padding:14px 0}
}

/* kolekcja — siatka kart (bez przewijania) */
.kolekcja{
  display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:48px 0 6px;
}
@media (max-width:920px){.kolekcja{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.kolekcja{grid-template-columns:1fr}}
.karta{min-width:0;border:var(--hair);padding:32px 28px}
.karta__num{font-family:var(--display);font-size:1.3rem;color:var(--zloto);display:block;margin-bottom:14px}
.karta h3{margin-bottom:12px;font-size:1.12rem}
.karta p{font-size:.9rem;color:var(--mgla);max-width:none}
.karta ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.karta li{font-size:.88rem;color:var(--mgla);padding-left:1.1em;position:relative}
.karta li::before{content:"—";position:absolute;left:0;color:var(--zloto)}

/* siatka (grid uniwersalny) */
.siatka-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px}
.siatka-2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:20px}
@media (max-width:920px){.siatka-3{grid-template-columns:1fr}.siatka-2{grid-template-columns:1fr;gap:36px}}

/* lista warunków (dla kogo / wymagania) */
.warunki{display:grid;margin-top:8px}
.warunki li{
  list-style:none;display:flex;gap:18px;align-items:baseline;
  padding:20px 0;border-bottom:var(--hair);font-size:1rem;color:var(--porcelana);
}
.warunki li::before{content:"✓";color:var(--zloto);font-family:var(--display);font-size:1.05rem;flex-shrink:0}

/* kroki */
.kroki{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:20px;counter-reset:krok}
@media (max-width:780px){.kroki{grid-template-columns:1fr}}
.krok::before{
  counter-increment:krok;content:counter(krok);
  font-family:var(--display);font-size:2.6rem;color:var(--zloto);display:block;margin-bottom:16px;
}
.krok h3{margin-bottom:10px;font-size:1.1rem}
.krok p{color:var(--mgla);font-size:.92rem}

/* produkt / teaser ze zdjęciem sticky */
.rozdzial--produkt{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;max-width:1280px}
.produkt__obraz{position:relative;overflow:hidden;aspect-ratio:4/3.2;border:var(--hair)}
.produkt__tekst h2{white-space:pre-line}
.produkt__tekst p{color:var(--mgla);max-width:50ch}
@media (max-width:920px){.rozdzial--produkt{grid-template-columns:1fr;gap:36px}}

/* cennik — pakiety */
.pakiety{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:20px}
.pakiet{border:var(--hair);padding:38px 32px;position:relative}
.pakiet+.pakiet{border-left:none}
.pakiet--wyroz{background:color-mix(in srgb,var(--zloto) 6%,transparent);border-color:color-mix(in srgb,var(--zloto) 45%,transparent)}
.pakiet__etykieta{
  position:absolute;top:-13px;left:32px;background:var(--zloto);color:var(--czern);
  font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:5px 12px;
}
.pakiet__nazwa{font-family:var(--display);font-size:1.4rem;color:var(--porcelana);margin-bottom:6px}
.pakiet__wizyty{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mgla);margin-bottom:22px}
.pakiet__cena{font-family:var(--display);font-size:2.4rem;color:var(--zloto2);margin-bottom:4px}
.pakiet__cena span{font-family:var(--tekst);font-size:.9rem;color:var(--mgla)}
.pakiet__od{font-size:.82rem;color:var(--mgla);margin-bottom:26px}
@media (max-width:860px){
  .pakiety{grid-template-columns:1fr}
  .pakiet+.pakiet{border-left:var(--hair);border-top:none}
}

/* tabela cennika pełnego */
.tabela{overflow-x:auto;margin-top:36px}
table.matrix-table{width:100%;border-collapse:collapse;min-width:640px;font-size:.92rem}
table.matrix-table th,table.matrix-table td{padding:18px;text-align:left;border-bottom:var(--hair)}
table.matrix-table thead th{
  font-family:var(--tekst);font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;
  color:var(--zloto);border-bottom:1px solid var(--zloto);
}
table.matrix-table tbody th{font-weight:600;color:var(--porcelana);white-space:nowrap;font-family:var(--tekst)}
table.matrix-table td.price{font-family:var(--display);font-size:1.1rem;color:var(--zloto2)}
table.matrix-table td .total{color:var(--mgla);font-size:.82rem;margin-top:4px;display:block}
.tabela-nota{font-size:.85rem;color:var(--mgla);margin-top:22px;max-width:70ch}

/* pytania (FAQ) */
.pytania{border-top:var(--hair);margin-top:20px}
.pytanie{border-bottom:var(--hair)}
.pytanie summary{
  cursor:pointer;padding:26px 0;font-family:var(--display);font-size:1.15rem;
  color:var(--porcelana);display:flex;justify-content:space-between;align-items:center;gap:20px;
  list-style:none;
}
.pytanie summary::-webkit-details-marker{display:none}
.pytanie summary::after{content:"+";font-family:var(--tekst);font-size:1.4rem;color:var(--zloto);flex-shrink:0;transition:transform .2s ease}
.pytanie[open] summary::after{transform:rotate(45deg)}
.pytanie p{padding-bottom:26px;max-width:68ch;color:var(--mgla)}

/* kontakt (adres) */
.rozdzial--kontakt{max-width:760px}
.kontakt__dane{font-style:normal;margin-top:36px;display:grid;gap:16px}
.kontakt__wiersz{display:flex;gap:20px;align-items:baseline;padding:16px 0;border-bottom:var(--hair)}
.kontakt__wiersz span{
  display:inline-block;width:110px;flex-shrink:0;
  font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--zloto);
}
.kontakt__wiersz a,.kontakt__wiersz p{color:var(--porcelana);margin:0;font-size:1.02rem}

/* stopka */
.stopka{
  margin-top:0;padding:44px 52px 36px;border-top:var(--hair);
  display:grid;gap:14px;
  font-size:.72rem;letter-spacing:.14em;color:var(--mgla);
}
.stopka__kontakt{display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:center;letter-spacing:.06em}
.stopka__linki{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center}
.stopka__linki a{color:var(--mgla);text-decoration:none}
.stopka__linki a:hover{color:var(--zloto2)}
.stopka__copy{text-align:center}
.stopka--wpis{max-width:900px;margin:80px auto 0;padding:30px 24px;text-align:center}

/* ---------- strona wpisu / dokumentu prawnego ---------- */
.strona-wpisu{background:var(--czern)}
.wpis{max-width:760px;margin:0 auto;padding:130px 24px 0}
.wpis h1{font-size:clamp(2rem,4.6vw,3.4rem);margin:22px 0 40px}
.wpis__tresc{display:grid;gap:18px}
.wpis__tresc h2{font-size:1.7rem;margin:26px 0 4px}
.wpis__tresc p{max-width:none;color:var(--mgla)}
.wpis__tresc a{color:var(--zloto2)}
.wpis__powrot{color:var(--mgla);text-decoration:none;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}
.wpis__powrot:hover{color:var(--zloto2)}

/* ---------- zdjęcia w miejscach na media ---------- */
.foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* ---------- odsłanianie ---------- */
.odslon{opacity:0;transform:translateY(36px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
.odslon.widoczny{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .odslon{opacity:1;transform:none;transition:none}
  .scena__dalej span{animation:none}
  .wejscie{display:none}
  html{scroll-behavior:auto}
}
:focus-visible{outline:2px solid var(--zloto);outline-offset:3px}

/* ---------- sekwencja wejścia ---------- */
.wejscie{
  position:fixed;inset:0;z-index:300;background:var(--czern);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;
  transition:opacity .7s ease,visibility .7s;
}
.wejscie__marka{
  font-family:var(--display);font-size:clamp(1.2rem,3vw,1.9rem);
  letter-spacing:.5em;text-indent:.5em;color:var(--porcelana);
  opacity:0;animation:wejdz 1s ease .15s forwards;
}
.wejscie__linia{width:0;height:1px;background:var(--zloto);animation:kreska 1s ease .5s forwards}
.wejscie--koniec{opacity:0;visibility:hidden;pointer-events:none}
@keyframes wejdz{to{opacity:1}}
@keyframes kreska{to{width:min(320px,60vw)}}

/* ---------- responsywność ---------- */
@media (max-width:1040px){
  .rozdzial{padding:100px 24px}
  .rozdzial--wegiel>*{padding-left:24px;padding-right:24px}
  .pasek,.pasek--tlo,.pasek--staly{padding:16px 20px}
  .menu__zamknij{right:20px}
  .podzialka{display:none}
  .stopka{padding:36px 24px 28px}
}

/* ===== Podpis rozdziału jako <p> (nie nagłówek) — wygląd jak dawny h2 ===== */
p.rozdzial__tytul{font-family:var(--display);font-weight:400;line-height:1.12;margin:28px 0 24px;max-width:none}

/* ===== Zgoda na cookies (Consent Mode v2) ===== */
.zgoda{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:760px;margin:0 auto;
  display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding:18px 24px;
  background:var(--wegiel);border:1px solid color-mix(in srgb,var(--zloto) 45%,transparent);
  box-shadow:0 18px 50px rgba(0,0,0,.45);font-size:.86rem;line-height:1.55;color:var(--porcelana)}
.zgoda[hidden]{display:none}
.zgoda p{flex:1 1 320px;margin:0;max-width:none}
.zgoda a{color:var(--zloto)}
.zgoda__przyciski{display:flex;gap:22px;align-items:center}
.zgoda button{border:0;font:inherit}
.zgoda .przycisk{font-family:var(--tekst);font-weight:600;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase}
.zgoda .przycisk--linia{border-bottom:1px solid var(--zloto)}
.stopka__cookies{background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;color:var(--mgla);cursor:pointer}
.stopka__cookies:hover{color:var(--zloto2)}

/* ===== Blog — lista wpisów ===== */
.wpisy{display:grid;gap:0;border-top:var(--hair)}
.wpis-karta{padding:44px 0;border-bottom:var(--hair);display:grid;gap:14px}
.wpis-karta h2{font-size:clamp(1.6rem,3.2vw,2.4rem);margin:0}
.wpis-karta h2 a{text-decoration:none}
.wpis-karta h2 a:hover{color:var(--zloto2)}
.wpis-karta p:not(.etykieta){color:var(--mgla);max-width:62ch}
.wpis-karta .przycisk--linia{justify-self:start}

/* ===== Blog — artykuł ===== */
.artykul{max-width:780px;margin:0 auto;padding:150px 24px 40px}
.artykul__okruszki{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mgla);margin-bottom:34px}
.artykul__okruszki a{color:var(--mgla);text-decoration:none}
.artykul__okruszki a:hover{color:var(--zloto2)}
.artykul__okruszki span{margin:0 8px;color:var(--zloto)}
.artykul h1{font-size:clamp(2rem,4.4vw,3.3rem);margin:20px 0 44px}
.artykul__tresc{display:grid;gap:20px}
.artykul__tresc h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:30px 0 0}
.artykul__tresc p{max-width:none;color:color-mix(in srgb,var(--porcelana) 82%,var(--mgla))}
.artykul__tresc>p:first-child{color:var(--porcelana);font-size:1.08rem}
.artykul__tresc a{color:var(--zloto2)}
.artykul__tresc ul,.artykul__tresc ol{display:grid;gap:10px;padding-left:0;list-style:none;counter-reset:pkt}
.artykul__tresc li{position:relative;padding-left:2em;color:color-mix(in srgb,var(--porcelana) 82%,var(--mgla))}
.artykul__tresc ul li::before{content:"—";position:absolute;left:0;color:var(--zloto)}
.artykul__tresc ol li::before{counter-increment:pkt;content:counter(pkt) ".";position:absolute;left:0;font-family:var(--tekst);font-weight:600;color:var(--zloto)}
.artykul__tresc .wazne{border-left:2px solid var(--zloto);background:color-mix(in srgb,var(--zloto) 7%,transparent);padding:20px 24px}
.artykul__tresc .wazne p{color:var(--porcelana)}
.artykul__tresc .duzy{font-family:var(--display);font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.4;color:var(--zloto2);border-top:var(--hair);border-bottom:var(--hair);padding:28px 0;margin:14px 0}
.artykul__powrot{margin-top:56px}
@media (max-width:1040px){.artykul{padding-top:120px}}

/* ===== Nagłówek tabeli cennika (H2 dla SEO) ===== */
.rozdzial--wegiel>.tabela-tytul{font-size:clamp(1.5rem,3vw,2.2rem);margin:0 auto 28px}