/* ==========================================================================
   P.H.U. DĄBEK — warstwa główna (ładowana nieblokująco)
   Sekcje, komponenty, stopka, baner zgód.
   Odstępy wyłącznie ze skali i wyłącznie w jedną stronę (margin-block-end / gap).
   ========================================================================== */

/* --- Okruszki -------------------------------------------------------------- */
.crumbs{background:var(--stal);border-bottom:1px solid var(--stal-ciemna);font-size:var(--t-sm)}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);
  list-style:none;padding:0;margin:0;padding-block:var(--s-3)}
.crumbs li+li::before{content:"";display:inline-block;width:1px;height:.8em;
  margin-right:var(--s-2);background:var(--tusz-slaby);transform:skewX(var(--skos));vertical-align:-.05em}
.crumbs a{color:var(--tusz-slaby);text-decoration:none}
.crumbs a:hover{color:var(--granat);text-decoration:underline}
.crumbs [aria-current]{color:var(--tusz);font-weight:500}

/* --- Nagłówek sekcji ------------------------------------------------------- */
.naglowek-sekcji{margin-block-end:var(--s-10);max-width:46rem}
.naglowek-sekcji h2{margin-block-end:var(--s-4)}
.naglowek-sekcji p{font-size:var(--t-lg);color:var(--tusz-slaby)}
.sekcja--granat .naglowek-sekcji p{color:#C6D2E4}

/* Kreska pod nagłówkiem — ten sam skos co w logo. Niesie rytm, nie ozdabia. */
.naglowek-sekcji h2::after{
  content:"";display:block;width:3.5rem;height:4px;margin-block-start:var(--s-4);
  background:var(--limonka);transform:skewX(var(--skos));
}

/* --- Hero podstron --------------------------------------------------------- */
.hero-strony{background:var(--granat);color:var(--biel);padding-block:var(--s-16);--focus:var(--limonka)}
.hero-strony h1{margin-block-end:var(--s-5)}
.hero-strony p{font-size:var(--t-xl);color:#D8E1EE;max-width:52ch}
@media (min-width:64em){.hero-strony{padding-block:var(--s-20)}}

.hero-strony .znacznik{display:inline-block;margin-block-end:var(--s-5)}

/* --- Układ: treść + kolumna boczna ----------------------------------------- */
/* min-width:0 na dzieciach jest konieczne — bez tego szeroka tabela
   rozpycha kolumnę zamiast przewijać się we własnym kontenerze. */
.uklad-tresc{display:grid;gap:var(--s-12)}
.uklad-tresc>*{min-width:0}
@media (min-width:64em){
  .uklad-tresc{grid-template-columns:minmax(0,1fr) 19rem;gap:var(--s-12);align-items:start}
}
/* W układzie z kolumną boczną to ona wyznacza miarę wiersza — treść wypełnia
   całą dostępną szerokość zamiast zostawiać pustą kolumnę obok siebie. */
.uklad-tresc .proza{max-width:none;--measure:none}
/* Kolumna boczna celowo NIE jest przyklejona — przy dłuższych panelach
   przyklejenie ucinało ich dolną część i przeszkadzało przy czytaniu.
   Jedynym przyklejonym elementem serwisu pozostaje nagłówek. */
.kolumna-boczna{display:grid;gap:var(--s-6);align-content:start}

.panel-kontakt{background:var(--stal);padding:var(--s-6);display:grid;gap:var(--s-2)}
.panel-kontakt h2{font-size:var(--t-lg);text-transform:uppercase;letter-spacing:.07em}
.panel-kontakt p{margin:0;max-width:none}
/* :not(.btn) jest tu konieczne — bez tego reguła nadpisywała kolor tekstu
   przycisku i granatowy napis znikał na granatowym tle. */
.panel-kontakt a:not(.btn){font-family:var(--font-display);font-weight:700;font-size:var(--t-2xl);
  text-decoration:none;color:var(--granat)}
.panel-kontakt .btn{margin-block-start:var(--s-3);justify-content:center;font-size:var(--t-base)}

.panel-linki{border:1px solid var(--line);padding:var(--s-6)}
.panel-linki h2{font-size:var(--t-lg);text-transform:uppercase;letter-spacing:.07em;
  margin-block-end:var(--s-4)}
.panel-linki ul{list-style:none;padding:0;display:grid;gap:var(--s-3)}
.panel-linki a{font-weight:500}

/* --- Siatki ---------------------------------------------------------------- */
.siatka{display:grid;gap:var(--s-5);align-items:stretch}
.siatka--2{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}
.siatka--3{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr))}
.siatka--4{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}

/* --- Katalog usług: zwięzły spis bez opisów, gdy liczy się przegląd --------- */
.katalog{list-style:none;padding:0;display:grid;gap:var(--s-3);
  grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}
.katalog a{
  position:relative;display:flex;align-items:center;gap:var(--s-3);height:100%;
  background:var(--biel);border:1px solid var(--line);padding:var(--s-4) var(--s-5);
  text-decoration:none;color:inherit;font-family:var(--font-display);font-weight:600;
  font-size:var(--t-lg);line-height:1.15;text-transform:uppercase;letter-spacing:.02em;
  transition:border-color .15s ease,background-color .15s ease;
}
.katalog a::before{content:"";position:absolute;left:0;top:0;width:4px;height:0;
  background:var(--limonka);transition:height .2s ease}
.katalog a:hover{border-color:var(--granat);background:var(--biel)}
.katalog a:hover::before{height:100%}
.katalog svg{width:1.75rem;height:1.75rem;flex:none;color:var(--blekit)}
.katalog li.wyroznik a{border-color:var(--granat);border-width:2px}
.katalog li.wyroznik svg{color:var(--limonka-ciemna)}

/* --- Kafelek usługi -------------------------------------------------------- */
.usluga{
  position:relative;display:flex;flex-direction:column;gap:var(--s-3);
  background:var(--biel);border:1px solid var(--line);
  padding:var(--s-6);text-decoration:none;color:inherit;
  transition:border-color .15s ease,background-color .15s ease;
}
.usluga::before{
  content:"";position:absolute;left:0;top:0;width:4px;height:0;background:var(--limonka);
  transition:height .2s ease;
}
.usluga:hover{border-color:var(--granat);background:var(--stal)}
.usluga:hover::before{height:100%}
.usluga svg{width:2rem;height:2rem;color:var(--blekit)}
.usluga h3{font-size:var(--t-xl);text-transform:uppercase;letter-spacing:.01em}
.usluga p{font-size:var(--t-sm);color:var(--tusz-slaby);margin:0;flex:1}
.usluga .wiecej{font-family:var(--font-display);font-weight:600;font-size:var(--t-base);
  text-transform:uppercase;letter-spacing:.05em;color:var(--blekit);
  display:inline-flex;align-items:center;gap:var(--s-2)}
.usluga .wiecej svg{width:1.1em;height:1.1em;color:inherit;transition:transform .18s ease}
.usluga:hover .wiecej svg{transform:translateX(.25rem)}
.usluga--wyroznik{border-color:var(--granat);border-width:2px}
.znacznik{
  align-self:flex-start;font-family:var(--font-display);font-weight:600;font-size:var(--t-xs);
  text-transform:uppercase;letter-spacing:.09em;
  background:var(--limonka);color:var(--tusz);padding:var(--s-1) var(--s-3);
  border-radius:var(--radius-pill);
}

/* --- Blok specjalizacji na stronie głównej --------------------------------- */
.specjalizacja{display:grid;gap:var(--s-10)}
@media (min-width:64em){.specjalizacja{grid-template-columns:1.15fr .85fr;gap:var(--s-16);align-items:start}}
.specjalizacja h2{margin-block-end:var(--s-5)}
.specjalizacja p{margin-block-end:var(--s-5)}

/* --- Metryka usługi -------------------------------------------------------- */
.metryka{border:2px solid var(--granat);background:var(--biel);container-type:inline-size}
.metryka caption{
  font-family:var(--font-display);font-weight:700;font-size:var(--t-lg);
  text-transform:uppercase;letter-spacing:.07em;text-align:left;
  background:var(--granat);color:var(--biel);padding:var(--s-3) var(--s-5);
}
.metryka th,.metryka td{padding:var(--s-3) var(--s-5);text-align:left;vertical-align:top;
  border-block-start:1px solid var(--line);font-size:var(--t-sm)}
.metryka tr:first-child th,.metryka tr:first-child td{border-block-start:0}
.metryka th{font-weight:400;color:var(--tusz-slaby);width:44%}
.metryka td{font-weight:600}

/* W wąskim kontenerze (kolumna boczna) etykieta ląduje nad wartością —
   inaczej wartości łamią się po dwa słowa na wiersz. */
@container (max-width:27rem){
  .metryka tbody tr{display:flex;flex-direction:column;border-block-start:1px solid var(--line)}
  .metryka tbody tr:first-child{border-block-start:0}
  .metryka th,.metryka td{width:auto;border-block-start:0;padding-block:0}
  .metryka th{padding-block-start:var(--s-3);font-family:var(--font-display);
    font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em}
  .metryka td{padding-block-end:var(--s-3);font-size:var(--t-base)}
}

/* --- Proza ----------------------------------------------------------------- */
.proza{max-width:var(--measure)}
.proza>*+*{margin-block-start:var(--s-5)}
.proza h2{margin-block-start:var(--s-12);margin-block-end:var(--s-4);text-transform:none}
.proza h2:first-child{margin-block-start:0}
.proza>h2+*{margin-block-start:0}
.proza a{font-weight:500}

.lista{list-style:none;padding:0;display:grid;gap:var(--s-3)}
.lista li{position:relative;padding-left:var(--s-6)}
.lista li::before{
  content:"";position:absolute;left:0;top:.6em;width:.7rem;height:3px;
  background:var(--limonka);transform:skewX(var(--skos));
}
.lista--num{counter-reset:l}
.lista--num li{counter-increment:l;padding-left:var(--s-8)}
.lista--num li::before{
  content:counter(l);top:0;width:auto;height:auto;background:none;transform:none;
  font-family:var(--font-display);font-weight:700;font-size:var(--t-lg);color:var(--blekit);
}

.defs{display:grid;gap:var(--s-4);border-left:3px solid var(--stal-ciemna);padding-left:var(--s-6)}
.defs dt{font-family:var(--font-display);font-weight:700;font-size:var(--t-xl);color:var(--granat)}
.defs dd{margin:0;color:var(--tusz-slaby)}

/* Rozmieszczenie jest jawne (grid-column/grid-row). Przy automatycznym
   opis lądował w kolumnie numeru i łamał się po jednym słowie na wiersz. */
.kroki{list-style:none;padding:0;counter-reset:k;display:grid;gap:var(--s-6)}
.kroki li{counter-increment:k;display:grid;grid-template-columns:2.75rem minmax(0,1fr);
  column-gap:var(--s-4);row-gap:var(--s-2);align-items:baseline}
.kroki li::before{
  content:counter(k,decimal-leading-zero);grid-column:1;grid-row:1;
  font-family:var(--font-display);font-weight:700;font-size:var(--t-2xl);
  color:var(--limonka-ciemna);line-height:1;
}
.kroki strong{grid-column:2;grid-row:1;display:block;font-family:var(--font-display);
  font-weight:700;font-size:var(--t-xl);color:var(--granat);line-height:1.15}
.kroki span{grid-column:2;grid-row:2;color:var(--tusz-slaby)}
@media (max-width:29.99em){
  .kroki li{grid-template-columns:2.25rem minmax(0,1fr);column-gap:var(--s-3)}
}

.uwaga{
  background:var(--stal);border-left:4px solid var(--blekit);
  padding:var(--s-5) var(--s-6);
}
.uwaga p{margin:0;max-width:none;font-size:var(--t-sm)}

/* --- FAQ ------------------------------------------------------------------- */
.faq{display:grid;gap:var(--s-3)}
.faq__item{border:1px solid var(--line);background:var(--biel)}
.faq__item[open]{border-color:var(--granat)}
.faq__q{
  display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);
  padding:var(--s-5) var(--s-6);cursor:pointer;list-style:none;
}
.faq__q::-webkit-details-marker{display:none}
.faq__q h3{font-size:var(--t-xl);text-transform:none;font-weight:600;margin:0}
.faq__mark{width:1.4rem;height:1.4rem;flex:none;color:var(--blekit);
  transform:rotate(90deg);transition:transform .2s ease}
.faq__item[open] .faq__mark{transform:rotate(-90deg)}
.faq__q:hover{background:var(--stal)}
.faq__a{padding:0 var(--s-6) var(--s-6)}
.faq__a p+p{margin-block-start:var(--s-4)}
.faq__a p{color:var(--tusz-slaby)}

/* --- Partnerzy: certyfikaty w formie tablicy na ścianie warsztatu ---------- */
.partnerzy{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}
.partner{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);
  background:var(--biel);border:1px solid var(--stal-ciemna);padding:var(--s-5) var(--s-4);
  text-align:center;min-height:8.5rem;
}
.partner img{height:2.75rem;width:auto;object-fit:contain}
.partner span{font-size:var(--t-xs);color:var(--tusz-slaby);line-height:1.35}
.partner--glowny{grid-column:span 2;border:2px solid var(--granat)}
.partner--glowny img{height:3.5rem}
@media (max-width:29.99em){.partner--glowny{grid-column:span 1}}

/* --- Opinie ---------------------------------------------------------------- */
.oceny{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));
  margin-block-end:var(--s-12)}
.ocena{background:var(--biel);border:1px solid var(--line);padding:var(--s-6)}
.ocena b{display:block;font-family:var(--font-display);font-size:var(--t-4xl);
  font-weight:700;line-height:1;color:var(--granat)}
.ocena .gwiazdki{display:flex;gap:.15rem;margin-block:var(--s-2);color:var(--limonka-ciemna)}
.ocena .gwiazdki svg{width:1.1rem;height:1.1rem}
.ocena p{font-size:var(--t-sm);color:var(--tusz-slaby);margin:0}

.opinie{display:grid;gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(21rem,1fr))}
.opinia{
  position:relative;background:var(--biel);border:1px solid var(--line);
  padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-4);
}
.opinia>svg{width:1.75rem;height:1.75rem;color:var(--stal-ciemna)}
.opinia blockquote{margin:0;font-size:var(--t-lg);line-height:1.55}
.opinia blockquote p{margin:0;max-width:none}
.opinia footer{margin-block-start:auto;font-size:var(--t-sm);color:var(--tusz-slaby)}
.opinia cite{font-style:normal;font-weight:600;color:var(--tusz);display:block}
.opinia--zwiezla blockquote{font-size:var(--t-base)}

/* --- Cennik ---------------------------------------------------------------- */
.cennik-grupa{margin-block-end:var(--s-12)}
.cennik-grupa h2{margin-block-end:var(--s-5)}
.tabela-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--line);background:var(--biel)}
.tabela{min-width:26rem}
.tabela th,.tabela td{padding:var(--s-4) var(--s-5);text-align:left;
  border-block-start:1px solid var(--line)}
.tabela thead th{background:var(--granat);color:var(--biel);border:0;
  font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.tabela tbody tr:first-child th,.tabela tbody tr:first-child td{border-block-start:0}
.tabela th[scope=row]{font-weight:400}
.tabela td:last-child{text-align:right;white-space:nowrap;font-weight:600;
  font-family:var(--font-display);font-size:var(--t-xl)}
.tabela thead th:last-child{text-align:right}

/* --- Wpisy z bazy wiedzy --------------------------------------------------- */
.wpisy{display:grid;gap:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}
.wpis{display:flex;flex-direction:column;background:var(--biel);
  border:1px solid var(--line);text-decoration:none;color:inherit;
  transition:border-color .15s ease}
.wpis:hover{border-color:var(--granat)}
.wpis img{aspect-ratio:3/2;object-fit:cover;width:100%}
.wpis__tresc{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-2);flex:1}
.wpis__meta{font-size:var(--t-xs);color:var(--tusz-slaby);text-transform:uppercase;
  letter-spacing:.07em;font-family:var(--font-display);font-weight:600}
.wpis h3{font-size:var(--t-xl);text-transform:none}
.wpis p{font-size:var(--t-sm);color:var(--tusz-slaby);margin:0}

/* --- Artykuł --------------------------------------------------------------- */
.artykul__naglowek{max-width:54rem}
.artykul__meta{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);
  font-size:var(--t-sm);color:#BFD0E8;margin-block-end:var(--s-5);
  font-family:var(--font-display);text-transform:uppercase;letter-spacing:.07em}
.artykul__foto{margin-block-end:var(--s-12)}
.artykul__foto img{width:100%;aspect-ratio:16/7;object-fit:cover}
.artykul__foto figcaption{font-size:var(--t-xs);color:var(--tusz-slaby);
  padding-block-start:var(--s-2)}

/* --- Galeria --------------------------------------------------------------- */
.galeria{display:grid;gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}
.galeria figure{margin:0;border:1px solid var(--line);background:var(--biel)}
.galeria img{width:100%;object-fit:cover}
.galeria figcaption{padding:var(--s-4) var(--s-5);font-size:var(--t-sm);color:var(--tusz-slaby)}

/* --- Kontakt --------------------------------------------------------------- */
.kontakt{display:grid;gap:var(--s-10)}
@media (min-width:64em){.kontakt{grid-template-columns:1fr 1fr;gap:var(--s-16)}}
.dane{display:grid;gap:var(--s-6);list-style:none;padding:0}
.dane li{display:grid;grid-template-columns:2.5rem 1fr;gap:var(--s-4);align-items:start}
.dane svg{width:1.6rem;height:1.6rem;color:var(--blekit);margin-top:.15rem}
.dane dt,.dane b{display:block;font-family:var(--font-display);font-size:var(--t-sm);
  text-transform:uppercase;letter-spacing:.08em;color:var(--tusz-slaby)}
.dane a{font-weight:600;font-size:var(--t-lg)}
.dane p{margin:0}

.mapa{border:1px solid var(--line);background:var(--stal);
  display:grid;place-items:center;text-align:center;padding:var(--s-10) var(--s-6);
  min-height:22rem;gap:var(--s-4)}
.mapa iframe{width:100%;height:100%;min-height:22rem;border:0;display:block}
.mapa p{font-size:var(--t-sm);color:var(--tusz-slaby);max-width:34rem}
.mapa--zaladowana{padding:0;min-height:0;display:block}

/* --- Pas CTA --------------------------------------------------------------- */
.cta{background:var(--granat);color:var(--biel);--focus:var(--limonka)}
.cta .wrap{padding-block:var(--section-y);display:grid;gap:var(--s-8)}
@media (min-width:64em){
  .cta .wrap{grid-template-columns:1.3fr auto;align-items:center;gap:var(--s-16)}
}
.cta h2{margin-block-end:var(--s-4)}
.cta p{color:#D8E1EE;font-size:var(--t-lg);margin:0}
.cta .btn-grupa{flex-shrink:0}

/* --- Stopka ---------------------------------------------------------------- */
.stopka{position:relative;background:var(--granat);color:#C6D2E4;--focus:var(--limonka)}
.stopka::before{
  content:"";display:block;height:6px;background:var(--limonka);
  transform:skewY(calc(var(--skos) * .06));transform-origin:left;
}
.stopka__glowna{display:grid;gap:var(--s-10);padding-block:var(--s-16) var(--s-12)}
@media (min-width:48em){.stopka__glowna{grid-template-columns:repeat(2,1fr)}}
@media (min-width:64em){.stopka__glowna{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:var(--s-8)}}
.stopka h2{font-size:var(--t-lg);text-transform:uppercase;letter-spacing:.09em;
  color:var(--biel);margin-block-end:var(--s-5)}
.stopka ul{list-style:none;padding:0;display:grid;gap:var(--s-3)}
.stopka a{color:#C6D2E4;text-decoration:none}
.stopka a:hover{color:var(--limonka);text-decoration:underline}
.stopka p{font-size:var(--t-sm);line-height:1.6}
.stopka__marka{display:flex;align-items:center;gap:var(--s-3);margin-block-end:var(--s-5);
  text-decoration:none}
.stopka__marka img{width:56px;height:56px;background:var(--biel);border-radius:var(--radius-pill);padding:2px}
.stopka__marka b{font-family:var(--font-display);font-size:var(--t-xl);color:var(--biel);
  text-transform:uppercase;letter-spacing:.02em;display:block;line-height:1.1}
.stopka__marka span{font-size:var(--t-xs);display:block}
.stopka__nip{font-size:var(--t-xs);color:#8FA3C0;margin-block-start:var(--s-4)}
.stopka__dol{border-top:1px solid rgba(255,255,255,.15);padding-block:var(--s-6);
  display:flex;flex-wrap:wrap;gap:var(--s-4) var(--s-6);align-items:center;
  justify-content:space-between;font-size:var(--t-sm)}
.stopka__dol nav{display:flex;flex-wrap:wrap;gap:var(--s-4)}
.stopka__dol button{background:none;border:0;color:#C6D2E4;cursor:pointer;
  text-decoration:underline;padding:0;font-size:inherit}
.stopka__dol button:hover{color:var(--limonka)}

/* --- Baner zgód ------------------------------------------------------------ */
.zgody{
  position:fixed;left:0;right:0;bottom:0;z-index:80;
  background:var(--biel);border-top:4px solid var(--limonka);
  box-shadow:0 -8px 32px rgba(16,22,28,.18);
}
.zgody[hidden]{display:none}
.zgody .wrap{padding-block:var(--s-6);display:grid;gap:var(--s-5)}
@media (min-width:64em){
  .zgody .wrap{grid-template-columns:1fr auto;align-items:center;gap:var(--s-10)}
}
.zgody h2{font-size:var(--t-xl);text-transform:uppercase;letter-spacing:.05em;
  margin-block-end:var(--s-2)}
.zgody p{font-size:var(--t-sm);color:var(--tusz-slaby);margin:0}
.zgody__akcje{display:flex;flex-wrap:wrap;gap:var(--s-3)}
/* „Odrzuć” ma ten sam rozmiar i kontrast co „Akceptuj” — bez ciemnych wzorców */
.zgody__akcje .btn{font-size:var(--t-base);padding:var(--s-3) var(--s-5);min-height:2.75rem;flex:1 1 auto;
  justify-content:center}
.zgody__akcje .btn::after{display:none}
.zgody__akcje .btn--odrzuc{--btn-bg:var(--tusz);--btn-fg:var(--biel)}
.zgody__akcje .btn--odrzuc:hover{--btn-bg:#000}
.zgody__akcje .btn--ustawienia{--btn-bg:transparent;--btn-fg:var(--granat);
  box-shadow:inset 0 0 0 2px var(--line)}
.zgody__panel{display:grid;gap:var(--s-4);padding-block-start:var(--s-5);
  border-top:1px solid var(--line);grid-column:1/-1}
.zgody__panel[hidden]{display:none}
.zgody__opcja{display:grid;grid-template-columns:auto 1fr;gap:var(--s-3);align-items:start}
.zgody__opcja input{width:1.15rem;height:1.15rem;margin-top:.3rem;accent-color:var(--blekit)}
.zgody__opcja b{display:block;font-weight:600}
.zgody__opcja span{font-size:var(--t-sm);color:var(--tusz-slaby)}

/* --- Drobne ---------------------------------------------------------------- */
.tekst-slaby{color:var(--tusz-slaby)}
.zrodlo{font-size:var(--t-xs);color:var(--tusz-slaby);margin-block-start:var(--s-6)}
.sekcja--granat .zrodlo{color:#9FB3D0}
.centruj-cta{margin-block-start:var(--s-12)}
.tylko-czytnik{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}

@media print{
  .topbar,.naglowek__akcje,.burger,.zgody,.cta,.crumbs{display:none}
  body{color:#000}
  p{orphans:3;widows:3}
  a[href^="/"]::after{content:" (servicedabek.pl" attr(href) ")";font-size:.8em}
}