:root {
  --w-font-naglowki: 'Bricolage Grotesque', Georgia, 'Times New Roman', serif;
  --w-font-ui: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --w-font-reka: 'Segoe Script', 'Bradley Hand', cursive;
}

:root {

  --sh-wstega: var(--akcent-jasny);

  --w-blad-tekst: #7A2611;
}

html.w-odwazna { --w-font-naglowki: 'Bricolage Grotesque', 'Manrope', system-ui, sans-serif; --w-ls-h1: -.03em; }

.w-skora .nav-linki a.link { white-space: nowrap; }

.w-skora .brand--logo .w-logo { height: 32px; width: auto; }
@media (max-width: 600px) { .w-skora .brand--logo .w-logo { height: 26px; } }
@media (max-width: 360px) { .w-skora .brand--logo .w-logo { height: 22px; } }
.w-skora .stopka-logo .w-logo { height: 34px; width: auto; color: #fff; }

@media (prefers-reduced-motion: reduce) {
  .w-skora .promo-grupa { min-width: 0; }
}

.w-hero-jasne .hero--slajder .hero-sterowanie {
  position: relative;
  inset: auto;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: var(--w-gap-kafle) var(--w-hero-x) var(--w-blok-y);
  justify-content: flex-start;
}
.w-hero-jasne .hero--slajder .hero-kropki { flex-wrap: wrap; justify-content: flex-start; gap: 8px; }
.w-hero-jasne .hero--slajder:not(:has(.w-zaufanie--hero)) { --w-nachodzi: 0px; --w-karta-zauf-h: 0px; }

@media (min-width: 601px) {
  .w-hero-jasne .hero--slajder .hero-strzalka {
    position: relative;
    inset: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: none;
    border-radius: 50%;
    border: 1px solid var(--w-obrys-sterowania);
    background-color: #fff;
    color: var(--w-tekst);
    translate: none;
    transform: none;
  }
  .w-hero-jasne .hero--slajder .hero-strzalka svg { width: 20px; height: 20px; stroke: currentColor; }
  .w-hero-jasne .hero--slajder .hero-strzalka--wstecz { order: 1; }
  .w-hero-jasne .hero--slajder .hero-kropki { order: 2; }
  .w-hero-jasne .hero--slajder .hero-strzalka--dalej { order: 3; background-color: var(--w-marka-ciemna); border-color: var(--w-marka-ciemna); color: #fff; }
}
@media (min-width: 601px) and (hover: hover) and (pointer: fine) {
  .w-hero-jasne .hero--slajder .hero-strzalka:hover { background-color: var(--w-tint); border-color: var(--w-marka-ciemna); color: var(--w-tekst); }
  .w-hero-jasne .hero--slajder .hero-strzalka--dalej:hover { background-color: var(--w-marka); border-color: var(--w-marka); color: #fff; }
  .w-hero-jasne .hero--slajder .hero-kropka:not(.jest):hover { background-color: #fff; border-color: var(--w-marka-ciemna); }
}
@media (max-width: 600px) {
  .w-hero-jasne .hero--slajder .hero-strzalka { display: none; }
}
@media (min-width: 900px) {

  .w-hero-jasne .hero--slajder .hero-slajd { min-height: calc(min(var(--w-hero-h), 720px) - 44px - 2 * var(--w-blok-y)); }
  .w-hero-jasne .hero--slajder .hero-inner { padding-bottom: 0; }
  .w-hero-jasne .hero--slajder .hero-sterowanie { padding-top: var(--w-blok-y); }
  .w-hero-jasne .hero--slajder:has(.w-zaufanie--hero) .hero-sterowanie { padding-bottom: calc(var(--w-nad-karta) + var(--w-blok-y)); }
  .w-hero-jasne .hero--slajder p.sub { max-width: min(34em, 46vw); }
}
@media (max-width: 899px) {
  .w-hero-jasne .hero--slajder:has(.w-zaufanie--hero) .hero-sterowanie { padding-bottom: 0; }
}

@media (min-width: 1200px) {
  .w-hero-jasne .bez-js .hero--slajder:has(.w-zaufanie--hero) .hero-inner { padding-bottom: calc(var(--w-nad-karta) + 2 * var(--w-blok-y)); }
}
@media (max-width: 600px) {
  .w-hero-jasne .hero--slajder .hero-kropka { padding: 0 14px; letter-spacing: .08em; }
}

.w-hero-jasne .hero--slajder :is(h1, .hero-tyt) { overflow-wrap: normal; word-break: normal; hyphens: manual; }
@media (min-width: 900px) {
  .w-hero-jasne .hero--slajder :is(h1, .hero-tyt) { font-size: clamp(40px, min(5vw, 8.4svh), 80px); }
}
@media (max-width: 899px) {
  .w-hero-jasne .hero--slajder :is(h1, .hero-tyt) { font-size: clamp(30px, 8.6vw, 52px); }
}

.w-hero-jasne .hero--slajder .hero-bg { box-shadow: 0 0 0 1px var(--w-linia); background-color: #fff; }
.w-hero-jasne .hero--slajder .hero-bg img { object-fit: contain; object-position: 50% 62%; padding: 10% 7% 5%; }
@media (min-width: 900px) {
  .w-hero-jasne .hero--slajder .hero-bg {
    --luk-gora: clamp(36px, 4vw, 64px);
    --luk-pod-oknem: max(0px, 100% + var(--hero-gora, 150px) + 24px - 100svh);
    top: var(--luk-gora);
    bottom: var(--luk-pod-oknem);
    right: var(--w-hero-x);
    width: min(500px, 46% - var(--w-hero-x) - 48px,
      max(300px, (100svh - var(--hero-gora, 150px) - var(--luk-gora) - 24px) * .8));
    height: auto;
    aspect-ratio: 4 / 5;
    max-height: calc(100% - var(--luk-gora) - var(--luk-pod-oknem));
    margin-block: auto;
    box-shadow: 0 0 0 1px var(--w-linia), var(--w-cien-plywajaca);
  }
}

.w-hero-jasne .hero--slajder .hero-bg {
  border-radius: 50% 50% var(--w-r-lg) var(--w-r-lg) / 40% 40% var(--w-r-lg) var(--w-r-lg);
}
@media (max-width: 899px) {
  .w-hero-jasne .hero--slajder .hero-bg {
    margin-top: auto;
    border-radius: 50% 50% var(--w-r-lg) var(--w-r-lg) / 28% 28% var(--w-r-lg) var(--w-r-lg);
  }
}
@media (min-width: 601px) and (max-width: 899px) {
  .w-hero-jasne .hero--slajder .hero-bg { width: min(30rem, 100% - 2 * var(--w-pad-x)); height: auto; aspect-ratio: 4 / 3; margin-inline: auto; }
}
@media (max-width: 600px) {
  .w-hero-jasne .hero--slajder .hero-bg {
    order: -1;
    height: var(--w-zdj-mob);
    width: auto;
    max-width: 360px;
    margin: 12px var(--w-pad-x) 0;
  }
  .w-hero-jasne .hero--slajder .hero-slajd {
    --w-zdj-mob: clamp(calc(min(400px, 100vw - 2 * var(--w-pad-x)) * .5),
      calc(100svh - max(520px, 520px + (390px - 100vw) * .5)), 260px);
  }

  .w-hero-jasne .hero--slajder .hero-inner { padding: 14px var(--w-pad-x) 14px; }
  .w-hero-jasne .hero--slajder .eyebrow { margin-bottom: 10px; }
  .w-hero-jasne .hero--slajder :is(h1, .hero-tyt) { margin-bottom: 10px; font-size: clamp(28px, min(8.6vw, 4.6svh), 38px); }
  .w-hero-jasne .hero--slajder p.sub { margin-bottom: 14px; line-height: 1.5; }
}
.hero--slajder .hero-slajd.jest { z-index: 2; }

.w-skora .w-sekcja h2 em {
  background-image: linear-gradient(var(--sh-wstega), var(--sh-wstega));
  background-repeat: no-repeat;
  background-size: 100% .26em;
  background-position: 0 88%;
  padding-inline: .04em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.w-skora :is(.w-sekcja--ciemna, .w-opowiesc__tekst, .w-dlaczego__foto, .w-promo__tekst) h2 em {
  background-image: none;
  padding-inline: 0;
}

.w-skora footer { position: relative; }
.w-skora footer::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 6px;
  background: linear-gradient(90deg, var(--zloto) 0 33.33%, var(--akcent) 33.33% 66.66%, var(--akcent-ciemny) 66.66% 100%);
  pointer-events: none;
}

@media (min-width: 1280px) {
  .w-skora .w-tor#polecane:not(:has(> :nth-child(5))) { --w-tor-kol: 4; }
}

.w-skora .prod-foto img { object-fit: contain; }
.w-skora .prod-foto, .w-skora .prod-foto img { background-color: #fff; }

.w-skora .w-kafel-foto > a {
  justify-content: flex-start;
  aspect-ratio: auto;
  height: 100%;
  padding: 0;
  background-color: var(--w-marka-ciemna);
}
.w-skora .w-kafel-foto > a::after { content: none; }
.w-skora .w-kafel-foto img {
  position: relative;
  inset: auto;
  z-index: auto;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  padding: 5% 18%;
  background-color: #fff;
}
.w-skora .w-kafel-foto__nazwa { padding: 16px 20px 0; }
.w-skora .w-kafel-foto__zobacz { padding: 0 20px 18px; margin-top: 4px; }

@media (max-width: 600px) {
  .w-skora .w-kafle-tekst:has(> .w-kafel-foto) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .w-skora .w-kafel-foto img { padding: 6% 14%; }
  .w-skora .w-kafel-foto__nazwa { padding: 12px 14px 0; font-size: 21px; }
  .w-skora .w-kafel-foto__zobacz { padding: 0 14px 14px; font-size: 13px; flex-wrap: wrap; overflow-wrap: normal; }
  .w-skora .w-kafel-tekstowy > a { aspect-ratio: auto; padding: 16px; }
  .w-skora .w-kafel-tekstowy__tytul { font-size: 24px; }
  .w-skora .w-kafel-tekstowy__opis { font-size: 13.5px; }
}
@media (max-width: 360px) {

  .w-skora .w-kafel-foto__zobacz { font-size: 12px; }
}
.w-skora .w-kafel-foto__nazwa { overflow-wrap: normal; }

.w-skora .sh-konfig__uklad {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: clamp(28px, 4.4vw, 72px);
  align-items: center;
}
.w-skora .sh-konfig h2 {
  margin: 0 0 16px;
  font-family: var(--w-font-naglowki);
  font-weight: var(--w-waga-naglowka);
  font-size: var(--w-h2);
  line-height: var(--w-lh-h2);
}
.w-skora .sh-konfig .w-lead { margin-bottom: clamp(22px, 2.4vw, 30px); }
.w-skora .sh-zakladki {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
}
.w-skora .sh-zakladka {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px 0 12px;
  border: 1px solid var(--w-obrys-sterowania);
  border-radius: var(--w-r-pill);
  background-color: var(--w-karta);
  color: var(--w-tekst);
  font: 600 14px / 1.2 var(--w-font-ui);
  cursor: pointer;
  transition: background-color var(--w-ruch), border-color var(--w-ruch), color var(--w-ruch), translate var(--w-ruch);
}
.w-skora .sh-zakladka svg {
  width: 20px; height: 20px; flex: none;
  fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
}
.w-skora .sh-zakladka[aria-selected="true"] {
  background-color: var(--w-marka-ciemna);
  border-color: var(--w-marka-ciemna);
  color: #fff;
}
.w-skora .sh-zakladka:focus-visible { outline: 3px solid var(--w-marka-tekst); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
  .w-skora .sh-zakladka[aria-selected="false"]:hover { background-color: var(--w-tint); border-color: var(--w-marka-tekst); translate: 0 -2px; }
}
.w-skora .sh-panel {
  padding: 18px 20px;
  margin: 0 0 12px;
  border: 1px solid var(--w-linia);
  border-left: 4px solid var(--akcent);
  border-radius: var(--w-r-md);
  background-color: var(--w-karta);
}
.w-skora .sh-panel h3 { margin: 0 0 6px; font: 700 17px / 1.3 var(--w-font-ui); color: var(--w-tekst); }
.w-skora .sh-panel p { margin: 0; color: var(--w-przygaszony); font-size: 15.5px; line-height: 1.6; }

html.w-skora:not(.sh-zakladki-js) .sh-zakladki { display: none; }
.w-skora .sh-konfig__nota { margin: 8px 0 22px; color: var(--w-przygaszony); font-size: 15px; line-height: 1.6; }
.w-skora .sh-konfig .btn { display: inline-flex; align-items: center; gap: 10px; }
.w-skora .sh-konfig__foto {
  border-radius: var(--w-r-xl);
  overflow: hidden;
  background-color: var(--w-tint);
  border: 1px solid var(--w-linia);
  padding: clamp(10px, 1.4vw, 18px);
}
.w-skora .sh-konfig__foto img {
  width: 100%;
  height: auto;
  max-height: min(78svh, 760px);
  aspect-ratio: 800 / 742;
  object-fit: contain;
  border-radius: var(--w-r-lg);
  background-color: #fff;
  transition: scale .6s cubic-bezier(.2, .7, .2, 1);
}
@media (hover: hover) and (pointer: fine) {
  .w-skora .sh-konfig__foto:hover img { scale: 1.02; }
}
@media (max-width: 1000px) {
  .w-skora .sh-konfig__uklad { grid-template-columns: minmax(0, 1fr); }
  .w-skora .sh-konfig__foto { order: 2; max-width: 520px; width: 100%; margin-inline: auto; }
}

.w-skora .w-hurt__sytuacje {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--w-gap-kafle);
  margin: clamp(24px, 2.6vw, 34px) 0;
  padding: 0;
  list-style: none;
}
.w-skora .w-hurt__sytuacje .w-szklo-karta { display: block; padding: 18px 20px 20px; transition: border-color var(--w-ruch), translate var(--w-ruch); }
.w-skora .w-hurt__sytuacje .w-szklo-karta h3 { margin: 0 0 6px; font-size: clamp(17px, 1.3vw, 20px); color: #fff; }
.w-skora .w-hurt__sytuacje .w-szklo-karta p { margin: 0; }
@media (hover: hover) and (pointer: fine) {
  .w-skora .w-hurt__sytuacje .w-szklo-karta:hover { translate: 0 -3px; border-color: var(--w-marka-jasna); }
}
@media (max-width: 600px) {
  .w-skora .w-hurt__sytuacje { grid-template-columns: 1fr; }
}
.w-skora .w-kontakt__formularz .nota { margin: 0; font-size: 13.5px; color: var(--w-przygaszony); }

.w-skora .sh-blog-linki {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}
.w-skora .sh-blog-linki a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid rgb(255 255 255 / .35);
  border-radius: var(--w-r-pill);
  color: #fff;
  font: 600 14px / 1.2 var(--w-font-ui);
  transition: background-color var(--w-ruch), border-color var(--w-ruch), color var(--w-ruch);
}
.w-skora .sh-blog-linki a:focus-visible { outline: 3px solid var(--w-marka-jasna); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
  .w-skora .sh-blog-linki a:hover { background-color: var(--w-marka-jasna); border-color: var(--w-marka-jasna); color: var(--w-marka-ciemna); }
}
.w-skora .sh-kontakt-wiecej { margin: 16px 0 0; }

.w-skora .kontakt-karta > div,
.w-skora .kt-poz,
.w-skora .kt-poz > * { min-width: 0; }
.w-skora :is(.kontakt-karta, .kt-poz) a.nw { white-space: normal; overflow-wrap: anywhere; }

@media (max-height: 700px) {
  .w-skora #koszyk { overflow-y: auto; overscroll-behavior: contain; }
  .w-skora #koszyk .szuflada-tresc { flex: 0 0 auto; min-height: 0; overflow: visible; }
  .w-skora #koszyk #propozycjeKoszyk { flex: 0 0 auto; }
}

.w-skora .kasa-krok.zablokowany { opacity: 1; }
.w-skora .kasa-krok.zablokowany .krok-tyt { color: var(--w-przygaszony); }
.w-skora .kasa-krok.zablokowany .krok-nr { background: transparent; box-shadow: inset 0 0 0 2px var(--muted2); color: var(--w-przygaszony); }

.w-skora :is(.zam-cena, .zam-dostawa b, .zam-suma .zam-kwota, .bl-cta-tyt) { font-family: var(--w-font-naglowki); }

.w-skora .pod-hero-tytul em { font-style: normal; }

@media (min-width: 1001px) {
  .w-skora #dfSytuacje > .kafle { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.w-skora .w-opowiesc__tekst .eyebrow { color: var(--w-marka-jasna); }

.w-skora .kt-poz-wartosc a.nw { display: inline; }

.w-skora .kf-scena.kf--max .wrap:not(.tresc-waska):not(.log-uklad):not(.hero-inner) { padding-inline: 0; }
@media (max-width: 480px) {

  .w-skora .kt-poz-wartosc a.nw { font-size: clamp(14px, 4.4vw, 20px); }
}

@media (min-width: 601px) and (max-width: 1023px) {
  .w-skora .kt-skroty { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .w-skora #zestawy .kafle:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {

  .w-skora .bl-wyroznik { grid-template-columns: minmax(0, 1fr); }
  .w-skora .bl-wyroznik > * { min-width: 0; }
}
@media (min-width: 601px) {

  .w-hero-jasne .hero--slajder .hero-sterowanie { display: grid; grid-template-columns: auto minmax(0, max-content) auto; justify-content: start; column-gap: 10px; }
  .w-hero-jasne .hero--slajder .hero-kropki { justify-content: flex-start; }
}

.w-skora .kf-narzedzie { overflow-wrap: normal; }
.w-skora .kf-narzedzie > span:not(.kf-n-ikona) { white-space: nowrap; }

.w-skora .kf-scena:not(.kf--max) .kf-gora { padding-bottom: clamp(18px, 2vw, 28px); }
.w-skora .kf-scena:not(.kf--max) .kf-uklad { padding-top: 0; }
@media (min-width: 900px) and (max-width: 1199px) {

  .w-hero-jasne .hero--slajder { margin-bottom: 0; }
  .w-hero-jasne .hero--slajder .w-zaufanie--hero { position: relative; inset: auto; margin: 0 var(--w-hero-x) var(--w-blok-y); }
  .w-hero-jasne .hero--slajder:has(.w-zaufanie--hero) .hero-sterowanie { padding-bottom: var(--w-blok-y); }
}

.w-skora .w-sekcja:not(.w-sekcja--ciemna) .w-btn:focus-visible,
.w-hero-jasne .hero--slajder :is(.hero-kropka, .hero-strzalka, .btn):focus-visible,
.w-skora .w-kafel-tekstowy > a:focus-visible { outline: 3px solid var(--w-marka-tekst); outline-offset: 3px; }

.w-skora .w-sekcja :is(.w-opowiesc__tekst, .w-promo__tekst, .w-dlaczego__foto) .w-btn:focus-visible { outline-color: var(--w-marka-jasna); }

.w-skora .tabela :is(th, td) { overflow-wrap: break-word; word-break: normal; hyphens: manual; }
@media (max-width: 600px) {

  .w-skora #tabelaParametry, .w-skora #tabelaParametry :is(tbody, tr, th, td) { display: block; width: auto; }
  .w-skora #tabelaParametry th { padding: 10px 0 2px; border-bottom: 0; }
  .w-skora #tabelaParametry td { padding: 0 0 10px; }
}

.w-hero-jasne .hero--slajder .hero-kropki:is(:has(> :nth-child(6):last-child), :has(> :nth-child(4):last-child)) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.w-hero-jasne .hero--slajder .hero-kropki:is(:has(> :nth-child(6):last-child), :has(> :nth-child(4):last-child)) .hero-kropka { justify-content: flex-start; min-width: 0; }

@media (min-width: 768px) {
  .w-hero-jasne .hero--slajder .hero-kropki:has(> :nth-child(6):last-child) { grid-template-columns: repeat(3, auto); }
  .w-hero-jasne .hero--slajder .hero-kropki:has(> :nth-child(4):last-child) { grid-template-columns: repeat(4, auto); }
}
@media (min-width: 1280px) {
  .w-hero-jasne .hero--slajder .hero-kropki:has(> :nth-child(6):last-child) { grid-template-columns: repeat(6, auto); }
}
@media (max-width: 360px) {
  .w-hero-jasne .hero--slajder .hero-kropka { padding: 0 10px; gap: 6px; letter-spacing: .04em; font-size: 12px; }
}

.w-skora .sh-zakladki { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.w-skora .sh-zakladka { flex-direction: column; justify-content: center; gap: 4px; min-height: 64px; padding: 10px 6px; border-radius: var(--w-r-md); }
@media (min-width: 601px) {
  .w-skora .sh-zakladki { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (min-width: 601px) {
  .w-skora #podobne:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 601px) {
  .w-skora .df-liczby { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.w-skora .sh-blog-linki { flex-direction: column; align-items: flex-start; }

@media (max-width: 360px) {
  .w-skora .nl-form input[type='email'] { padding-inline: 8px; font-size: 16px; }
  .w-skora .nl-rzad { padding-left: 4px; }
  .w-skora .nl-form .btn { padding-inline: 18px; }
}

.w-skora .kf-narzedzie { padding-inline: 8px; }
.w-skora .kf-narzedzie > span:not(.kf-n-ikona) { font-size: 12px; letter-spacing: 0; }

@media (max-width: 600px) {
  .w-skora .bl-filtry:has(> :nth-child(4):last-child) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .w-skora .bl-filtry:has(> :nth-child(4):last-child) .bl-pig { justify-content: center; text-align: center; }
}

@media (max-width: 600px) {
  .w-skora .sh-zakladki:has(> :nth-child(5):last-child) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .w-skora .sh-zakladki:has(> :nth-child(5):last-child) > .sh-zakladka { grid-column: span 2; }
  .w-skora .sh-zakladki:has(> :nth-child(5):last-child) > .sh-zakladka:nth-child(n + 4) { grid-column: span 3; }
}

@media (max-width: 600px) {
  .w-hero-jasne .hero--slajder .hero-kropka .w-kropka-nr { display: none; }
  .w-hero-jasne .hero--slajder .hero-kropka { justify-content: center; padding: 0 10px; letter-spacing: .04em; }

  .w-hero-jasne .hero--slajder .hero-kropki { flex: 1 1 100%; width: 100%; }
}
@media (max-width: 360px) {
  .w-hero-jasne .hero--slajder .hero-kropka { font-size: 11.5px; letter-spacing: .02em; }
}

@media (max-width: 600px) {
  .w-hero-jasne .hero--slajder .hero-bg {
    width: min(360px, calc(100% - 2 * var(--w-pad-x)));
    margin-inline: auto;
  }
  .w-hero-jasne .hero--slajder .hero-inner {
    text-align: center;
  }
  .w-hero-jasne .hero--slajder .hero-inner > * {
    margin-inline: auto;
  }
  .w-hero-jasne .hero--slajder .hero-cta {
    width: 100%;
    justify-content: center;
  }
  .w-hero-jasne .hero--slajder .hero-kropki:is(:has(> :nth-child(6):last-child), :has(> :nth-child(4):last-child)) .hero-kropka {
    justify-content: center;
  }

  .w-skora .w-naglowek {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .w-skora .w-naglowek__tekst { width: 100%; }
  .w-skora .w-naglowek__akcje {
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }
  .w-skora .w-sekcja :is(h2, .w-lead, .eyebrow),
  .w-skora :is(.sh-konfig__tekst, .w-opowiesc__tekst, .w-faq__wstep),
  .w-skora .w-kontakt__uklad > :first-child {
    text-align: center;
  }
  .w-skora .w-sekcja .w-lead { margin-inline: auto; }
  .w-skora .sh-panel { text-align: left; }
  .w-skora .sh-blog-linki { align-items: center; }
  .w-skora .w-kontakt__formularz > :is(h3, .sh-kontakt-wiecej) { text-align: center; }
  .w-skora .w-kontakt__formularz .pelna > .btn,
  .w-skora :is(.sh-konfig__tekst, .w-opowiesc__tekst, .w-faq__wstep) > .w-btn,
  .w-skora .w-kontakt__uklad > :first-child > .w-btn { width: 100%; }

  .w-skora .w-kafle-tekst > li > a { text-align: center; align-items: center; }
  .w-skora :is(.w-kafel-foto__zobacz, .w-kafel-tekstowy__opis) {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .w-skora .w-kafel-tekstowy__tytul { width: 100%; }

  .w-skora .w-tor:has(> :nth-child(2)) {
    --w-tor-luki: 0;
    --w-tor-widac: 1;
    width: calc(100% - 2 * var(--w-pad-x));
    margin-inline: auto;
    padding-inline: 0;
    scroll-padding-inline: 0;
  }
  .w-skora .w-tor > * { scroll-snap-align: center; }

  .w-skora :is(.kt-poz, .w-kontakt__karty .kontakt-karta) {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
  }
  .w-skora :is(.kt-formbox > .kt-h2, .kt-formbox > .kt-lead) { text-align: center; }

  .w-skora .kf-gora { align-items: center; text-align: center; }
  .w-skora .kf-gora-akcje { justify-content: center; }
  .w-skora .kf-nazwa-produktu { text-align: center; }

  .w-skora .kf-narzedzia--pasek {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding-right: 0;
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .w-skora .kf-narzedzia--pasek > .kf-narzedzie {
    grid-column: span 2;
    min-width: 0;
    min-height: 64px;
    padding: 8px 6px;
    justify-content: center;
  }
  .w-skora .kf-narzedzia--pasek > .kf-narzedzie:nth-child(n + 4) { grid-column: span 3; }
}