:root {

  --w-plotno: var(--kremowy);
  --w-plotno-2: var(--kremowy2);
  --w-karta: var(--bialy, #fff);
  --w-marka-ciemna: var(--noc);
  --w-marka-ciemna-2: var(--noc2);

  --w-marka: var(--akcent);
  --w-marka-tekst: var(--akcent-ciemny);
  --w-marka-jasna: var(--zloto);
  --w-tint: var(--akcent-jasny);
  --w-tekst: var(--ink);
  --w-przygaszony: var(--muted);
  --w-linia: var(--line);

  --w-font-naglowki: Georgia, 'Times New Roman', serif;
  --w-font-ui: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --w-font-reka: 'Segoe Script', 'Bradley Hand', cursive;
  --w-waga-naglowka: 500;
  --w-h1: clamp(40px, 5.7vw, 84px);
  --w-lh-h1: 1.02;
  --w-ls-h1: 0em;
  --w-h2: clamp(28px, 2.8vw, 44px);
  --w-lh-h2: 1.1;
  --w-eyebrow: 12.5px;
  --w-ls-eyebrow: .16em;
  --w-lead: clamp(16px, 1.32vw, 20px);
  --w-body: 16px;
  --w-cena: clamp(17px, 1.46vw, 21px);

  --w-pad-x: clamp(16px, 3vw, 44px);

  --w-kontener: 1360px;
  --w-hero-kolumna: min(37vw, 560px);
  --w-hero-wys: clamp(520px, 55vw, 800px);
  --w-pasek-ogloszen: clamp(32px, 2.8vw, 40px);
  --w-nav-h: clamp(64px, 5vw, 76px);

  --w-sekcja-y: clamp(56px, 6.4vw, 96px);
  --w-blok-y: clamp(28px, 3.4vw, 56px);
  --w-naglowek-tresc: clamp(28px, 4.2vw, 60px);

  --w-gap-karty: clamp(12px, 1.7vw, 24px);
  --w-gap-kafle: clamp(10px, 1.1vw, 16px);
  --w-karta-min: 230px;
  --w-kolo: clamp(88px, 10vw, 144px);

  --w-r-sm: 6px;
  --w-r-md: 12px;
  --w-r-lg: 20px;
  --w-r-xl: 30px;
  --w-r-pill: 999px;

  --w-cien-karta: 0 4px 16px rgb(16 24 40 / .06);
  --w-cien-plywajaca: 0 8px 28px rgb(16 24 40 / .08);
  --w-cien-gleboki: 0 16px 40px rgb(16 24 40 / .16);

  --w-btn-lg: clamp(48px, 3.9vw, 56px);
  --w-btn-md: clamp(44px, 3.2vw, 48px);
  --w-btn-sm: 44px;
  --w-strzalka: 44px;

  --w-ruch: .35s cubic-bezier(.2, .7, .2, 1);
}

html.w-marka-gleboka { --akcent: var(--akcent-ciemny); }

html.w-odwazna {
  --w-font-naglowki: var(--w-font-ui);
  --w-waga-naglowka: 800;
  --w-h1: clamp(44px, 7.2vw, 104px);
  --w-lh-h1: .96;
  --w-ls-h1: -.025em;
  --w-lh-h2: 1.05;
}

:root {
  --w-katbar-h: 46px;

  --w-naglowek: calc(var(--w-nav-h) + var(--w-katbar-h) + 2px);

  --w-welon: from color-mix(in srgb, var(--w-marka-ciemna) 42%, #000) r g b;
  --w-na-ciemnym: color-mix(in srgb, var(--w-marka-jasna) 30%, #fff);
  --w-na-ciemnym-2: color-mix(in srgb, var(--w-marka-jasna) 55%, #fff);

  --w-szklo-ciemne: rgb(var(--w-welon) / .62);
  --w-szklo-linia: rgb(255 255 255 / .18);

  --w-promo-tlo: var(--w-marka-ciemna);
  --w-promo-tekst: var(--w-plotno);
  --w-promo-akcent: var(--w-marka-jasna);

  --w-nag-tlo: var(--w-plotno);
  --w-nag-tlo-przewiniety: var(--w-karta);
  --w-nag-tekst: var(--w-tekst);
  --w-nag-tekst-2: var(--w-przygaszony);
  --w-nag-linia: var(--line);
  --w-nag-pigulka: var(--w-plotno-2);
  --w-nag-katbar: var(--w-karta);
  --w-nag-licznik-tlo: var(--w-marka-ciemna);
  --w-nag-licznik-tekst: #fff;
  --w-nag-fokus: var(--w-marka-tekst);
  --w-nag-cien: 0 10px 30px rgb(16 24 40 / .10);

  --w-stopka-tlo: var(--w-plotno);
  --w-stopka-tekst: var(--w-tekst);
  --w-stopka-tekst-2: var(--w-przygaszony);
  --w-stopka-linia: var(--line);
  --w-stopka-gora: clamp(40px, 5vw, 64px);

  --w-zdj-karty: 1 / 1;
  --w-nazwa-prod: clamp(17px, 1.3vw, 20px);
  --w-waga-nazwy: 600;

  --w-obrys-pola: color-mix(in srgb, var(--w-tekst) 60%, var(--w-karta));
  --w-pole-h: 48px;

  --w-etykieta: var(--w-marka-tekst);
  --w-wstep: var(--w-przygaszony);
  --w-podpis-pola: var(--w-przygaszony);

  --w-na-zdjeciu-akcent: color-mix(in srgb, var(--w-marka-jasna) 62%, #fff);

  --w-blad-tlo: #FBE9E4;
  --w-blad-tekst: #8E2F16;

  --w-cien-plakietka: 0 1px 4px rgb(16 24 40 / .12);
  --w-cien-kolko: 0 2px 8px rgb(16 24 40 / .14);

  --w-reka-obrot: -8deg;
}
@supports not (color: rgb(from red r g b)) {
  :root { --w-welon: 10 14 12; }
}
html.w-naglowek-ciemny {
  --w-nag-tlo: var(--w-marka-ciemna);
  --w-nag-tlo-przewiniety: var(--w-marka-ciemna);
  --w-nag-tekst: #fff;
  --w-nag-tekst-2: var(--w-marka-jasna);
  --w-nag-linia: rgb(255 255 255 / .12);
  --w-nag-pigulka: rgb(255 255 255 / .1);
  --w-nag-katbar: var(--w-marka-ciemna);
  --w-nag-licznik-tlo: var(--w-marka-jasna);
  --w-nag-licznik-tekst: var(--w-marka-ciemna);
  --w-nag-fokus: var(--w-marka-jasna);
  --w-nag-cien: 0 12px 32px rgb(0 0 0 / .28);
}
html.w-stopka-ciemna {
  --w-stopka-tlo: var(--w-marka-ciemna);
  --w-stopka-tekst: #fff;
  --w-stopka-tekst-2: var(--w-marka-jasna);
  --w-stopka-linia: rgb(255 255 255 / .14);
}
html.w-odwazna {
  --w-waga-nazwy: 700;
  --w-nazwa-prod: clamp(15px, 1.1vw, 17px);
}

html.w-skora {
  background-color: var(--w-stopka-tlo);
  scroll-padding-top: calc(var(--w-naglowek) + 16px);
}
.w-skora body {
  background: var(--w-plotno);
  color: var(--w-tekst);
  font-family: var(--w-font-ui);
  font-size: var(--w-body);

  font-feature-settings: "calt" 0;
}

.w-skora :is(input, button, select, textarea) { font-feature-settings: inherit; }

.w-skora :is(.tresc-waska, .akordeon, .opis-tresc, .blok-prawny, .karta-blok, .kt-poz-mala) p a:not(.btn),
.w-skora .lista-tresci a {
  color: var(--w-marka-tekst);
  text-decoration: underline;
  text-underline-offset: 3px;
}

:where(html.w-skora) :is(h1, h2, h3) {
  font-family: var(--w-font-naglowki);
  font-weight: var(--w-waga-naglowka);
  text-wrap: balance;
}
:where(html.w-skora) :is(p, li) { text-wrap: pretty; }
.w-skora ::selection { background: var(--w-tint); color: var(--w-marka-tekst); }

.w-skora :focus-visible { outline: 3px solid var(--w-marka-tekst); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) { .w-skora a:hover { color: var(--w-marka-tekst); } }

@media (min-width: 1024px) {

  .w-skora .wrap:not(.tresc-waska):not(.log-uklad):not(.hero-inner) {
    max-width: calc(var(--w-kontener) + 2 * var(--w-pad-x));
    padding-inline: var(--w-pad-x);
  }
}

.w-skora .btn {
  min-height: var(--w-btn-md);
  padding: 12px 26px;
  border-radius: var(--w-r-pill);
  border: 1px solid var(--w-marka-ciemna);
  background: var(--w-marka-ciemna);
  color: #fff;
  font: 600 14px/1.2 var(--w-font-ui);
  letter-spacing: .02em;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, translate .2s ease;
}
.w-skora .btn--maly { min-height: var(--w-btn-sm); padding: 10px 20px; font-size: 13px; }
.w-skora .btn--duzy { min-height: 56px; font-size: 15px; }
.w-skora .btn--kontur,
.w-skora .btn--obrys {
  background: transparent;
  border-color: var(--w-obrys-pola);
  color: var(--w-tekst);
}
.w-skora .btn--noc { background: var(--w-marka-ciemna); border-color: var(--w-marka-ciemna); color: #fff; }

.w-skora .btn--zloto { background: #fff; border-color: #fff; color: var(--w-marka-ciemna); }
.w-skora .btn--nahero {
  background: rgb(var(--w-welon) / .45);
  border-color: rgb(255 255 255 / .6);
  color: #fff;
}
.w-skora .btn--nieczynny {
  background: var(--w-plotno-2);
  border-color: var(--muted2);
  color: var(--w-przygaszony);
}
@media (hover: hover) and (pointer: fine) {
  .w-skora .btn:hover { background: var(--w-marka); border-color: var(--w-marka); color: #fff; translate: 0 -1px; }
  .w-skora .btn--kontur:hover,
  .w-skora .btn--obrys:hover { background: var(--w-tekst); border-color: var(--w-tekst); color: var(--w-plotno); }
  .w-skora .btn--zloto:hover { background: var(--w-tint); border-color: var(--w-tint); color: var(--w-marka-ciemna); }
  .w-skora .btn--nahero:hover { background: rgb(var(--w-welon) / .75); border-color: #fff; color: #fff; }
  .w-skora .btn--nieczynny:hover { background: var(--w-plotno-2); border-color: var(--muted2); color: var(--w-przygaszony); translate: none; }
}

.w-skora :is(.pod-hero, .sekcja--noc, .zaufanie, .df-zaufanie, .bl-hero, .kt-hero, .duet--noc, [style*="background:var(--noc)"], [style*="background: var(--noc)"]) .btn:not(.btn--kontur):not(.btn--obrys):not(.btn--nahero) {
  background: #fff; border-color: #fff; color: var(--w-marka-ciemna);
}
.w-skora :is(.pod-hero, .sekcja--noc, .zaufanie, .df-zaufanie, .bl-hero, .kt-hero, .duet--noc, [style*="background:var(--noc)"], [style*="background: var(--noc)"]) :is(.btn--kontur, .btn--obrys) {
  background: transparent; border-color: rgb(255 255 255 / .7); color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .w-skora :is(.pod-hero, .sekcja--noc, .zaufanie, .df-zaufanie, .bl-hero, .kt-hero, .duet--noc, [style*="background:var(--noc)"], [style*="background: var(--noc)"]) .btn:not(.btn--kontur):not(.btn--obrys):not(.btn--nahero):hover {
    background: var(--w-tint); border-color: var(--w-tint); color: var(--w-marka-ciemna);
  }
  .w-skora :is(.pod-hero, .sekcja--noc, .zaufanie, .df-zaufanie, .bl-hero, .kt-hero, .duet--noc, [style*="background:var(--noc)"], [style*="background: var(--noc)"]) :is(.btn--kontur, .btn--obrys):hover {
    background: #fff; border-color: #fff; color: var(--w-marka-ciemna);
  }
}
.w-skora .link-podkreslony { color: var(--w-marka-tekst); }

.w-skora :is(.sekcja--noc, .zaufanie, .df-zaufanie, .bl-hero, .kt-hero, .pod-hero, .duet--noc, [style*="background:var(--noc)"], [style*="background: var(--noc)"]) {
  --w-etykieta: var(--w-marka-jasna);
  --w-wstep: var(--w-na-ciemnym);
  --w-podpis-pola: var(--w-na-ciemnym-2);
}
.w-skora :is(.sekcja--noc, .zaufanie, .df-zaufanie, .bl-hero, .kt-hero, .duet--noc, [style*="background:var(--noc)"], [style*="background: var(--noc)"]) :focus-visible {
  outline-color: var(--w-marka-jasna);
}
.w-skora .eyebrow,
.w-skora .lead .eyebrow {
  font-size: var(--w-eyebrow);
  letter-spacing: var(--w-ls-eyebrow);
  font-weight: 700;
  color: var(--w-etykieta);
}

.w-skora [class*="eyebrow-noc"],
.w-skora :is(.eyebrow, .lead .eyebrow)[class*="eyebrow-noc"] { color: var(--w-marka-jasna); }
.w-skora .lead h2 { font-size: var(--w-h2); line-height: var(--w-lh-h2); letter-spacing: var(--w-ls-h1); }
.w-skora .lead p { color: var(--w-wstep); }
@media (max-width: 600px) {
  .w-skora .eyebrow,
  .w-skora .lead .eyebrow { font-size: 13px; }
}

.w-skora .pole > span {
  font-size: 12.5px; letter-spacing: .1em; color: var(--w-podpis-pola); margin-bottom: 7px;
}
.w-skora .pole input,
.w-skora .pole select {
  min-height: var(--w-pole-h);
  padding: 12px 20px;
  border: 1px solid var(--w-obrys-pola);
  border-radius: var(--w-r-pill);
  background-color: var(--w-karta);
  color: var(--w-tekst);
}
.w-skora .pole select { padding-right: 42px; }

.w-skora select:not([multiple]):not([size]) {
  -webkit-appearance: none;
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--w-tekst) 50%),
    linear-gradient(135deg, var(--w-tekst) 50%, transparent 50%);
  background-position: calc(100% - 25px) 50%, calc(100% - 20px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.w-skora .pole textarea {
  padding: 14px 20px;
  border: 1px solid var(--w-obrys-pola);
  border-radius: 20px;
  background-color: var(--w-karta);
  color: var(--w-tekst);
}
.w-skora .pole input:focus,
.w-skora .pole select:focus,
.w-skora .pole textarea:focus {
  outline: 3px solid var(--w-marka-tekst);
  outline-offset: 2px;
  border-color: var(--w-marka-tekst);
  box-shadow: none;
}
.w-skora .zgoda input,
.w-skora .opcja input,
.w-skora .przewoznik input,
.w-skora .platnosc input,
.w-skora .dodatek input[type="checkbox"] { accent-color: var(--w-marka-tekst); }
.w-skora .komunikat { border-radius: var(--w-r-md); background: var(--w-tint); color: var(--w-marka-tekst); }
.w-skora .komunikat.blad,
.w-skora .komunikat--blad { background: var(--w-blad-tlo); color: var(--w-blad-tekst); }

.w-skora .pasek-promo {
  background: var(--w-promo-tlo);
  color: var(--w-promo-tekst);
  padding: 0;
}
.w-skora .promo-poz {
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  line-height: 17px;
  padding-block: calc((var(--w-pasek-ogloszen) - 17px) / 2);
}
.w-skora .promo-poz b { color: var(--w-promo-akcent); font-weight: 700; }
@media (max-width: 1023px) {

  .w-skora .promo-tor { animation: none; width: 100%; justify-content: center; }
  .w-skora .promo-grupa + .promo-grupa { display: none; }
  .w-skora .promo-grupa { min-width: 0; width: 100%; justify-content: center; }
  .w-skora .promo-poz:nth-child(n+2) { display: none; }
  .w-skora .promo-poz { padding-inline: var(--w-pad-x); text-align: center; white-space: normal; }
}
@media (min-width: 1024px) {

  .w-skora .promo-tor { animation: none; width: 100%; justify-content: center; }
  .w-skora .promo-grupa + .promo-grupa { display: none; }
  .w-skora .promo-grupa { min-width: 0; width: 100%; justify-content: center; }
  .w-skora .promo-poz { display: flex; align-items: center; padding-inline: 0; }
  .w-skora .promo-poz:nth-child(n+4) { display: none; }
  .w-skora .promo-poz + .promo-poz { margin-left: 26px; }
  .w-skora .promo-poz + .promo-poz::before {
    content: ""; width: 4px; height: 4px; margin-right: 26px;
    border-radius: 50%; background: currentColor; opacity: .6;
  }
}

.w-skora .demobar {
  background: var(--w-promo-tlo);
  color: var(--w-na-ciemnym);
  border-block: 1px solid rgb(255 255 255 / .14);
  font-size: 12.5px;
  line-height: 1.5;
  padding: 7px var(--w-pad-x);
  text-align: center;
}
.w-skora .demobar a { color: var(--w-marka-jasna); font-weight: 700; border-bottom: 1px solid currentColor; }
.w-skora .demobar :focus-visible { outline-color: var(--w-marka-jasna); }
@media (hover: hover) and (pointer: fine) { .w-skora .demobar a:hover { color: #fff; } }

.w-skora header.nav {
  background: var(--w-nag-tlo);
  border-bottom: 1px solid var(--w-nag-linia);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: background-color .3s ease, box-shadow .3s ease;
}

.w-skora header.nav.w-przewiniety {
  background: var(--w-nag-tlo-przewiniety);
  box-shadow: var(--w-nag-cien);
}
.w-skora .nav-top { height: var(--w-nav-h); gap: 18px; }
.w-skora .brand,
.w-skora .brand:hover { color: var(--w-nag-tekst); }
.w-skora .brand--logo .w-logo {
  display: block; height: 34px; width: auto; max-width: none; fill: currentColor; flex: none;
}
@media (max-width: 600px) { .w-skora .brand--logo .w-logo { height: 28px; } }
@media (max-width: 360px) { .w-skora .brand--logo .w-logo { height: 25px; } }
.w-skora .nav-linki { gap: 2px; }
.w-skora .nav-linki a.link {
  color: var(--w-nag-tekst-2);
  font-size: 14px;
  font-weight: 600;
  padding-inline: 12px;
  border-radius: var(--w-r-pill);
  transition: background-color .2s ease, color .2s ease;
}

.w-skora .nav-linki a.link.akt { color: var(--w-nag-tekst); background: var(--w-nag-pigulka); }
@media (hover: hover) and (pointer: fine) {
  .w-skora .nav-linki a.link:hover { color: var(--w-nag-tekst); background: var(--w-nag-pigulka); }
}
.w-skora .ikonabtn { color: var(--w-nag-tekst); }
.w-skora .ikonabtn svg { stroke: var(--w-nag-tekst); }
@media (hover: hover) and (pointer: fine) { .w-skora .ikonabtn:hover { background: var(--w-nag-pigulka); } }
.w-skora .nav-akcje .licznik {
  background: var(--w-nag-licznik-tlo);
  color: var(--w-nag-licznik-tekst);
}
.w-skora header.nav :focus-visible { outline-color: var(--w-nag-fokus); }

@media (min-width: 1280px) {
  html.w-skora.w-naglowek-jasny #doSzukania {
    --szer-pigulki: clamp(200px, 17vw, 300px);
    position: relative;
    isolation: isolate;
    margin-left: calc(var(--szer-pigulki) - 44px);
    border-radius: var(--w-r-pill);
  }
  html.w-skora.w-naglowek-jasny #doSzukania::before {
    content: "Szukaj produktów…";
    content: "Szukaj produktów…" / "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    display: flex;
    align-items: center;
    width: var(--szer-pigulki);
    padding: 0 48px 0 20px;
    overflow: hidden;
    border: 1px solid var(--w-obrys-pola);
    border-radius: var(--w-r-pill);
    background: var(--w-karta);
    color: var(--w-przygaszony);
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  html.w-skora.w-naglowek-jasny #doSzukania:focus-visible { outline: none; }
  html.w-skora.w-naglowek-jasny #doSzukania:focus-visible::before { outline: 3px solid var(--w-nag-fokus); outline-offset: 2px; }
}
@media (min-width: 1280px) and (hover: hover) and (pointer: fine) {
  html.w-skora.w-naglowek-jasny #doSzukania:hover { background: transparent; }
  html.w-skora.w-naglowek-jasny #doSzukania:hover::before { border-color: var(--w-tekst); }
}

@media (min-width: 1024px) {
  html.w-naglowek-1rzad { --w-katbar-h: 0px; }
  html.w-skora.w-naglowek-1rzad .katbar { display: none; }
}

html.w-skora.w-naglowek-ciemny .brand--logo img:not([src*="jasne"]) { filter: brightness(0) invert(1); }
html.w-skora:not(.w-stopka-ciemna) .stopka-logo img[src*="jasne"] { filter: brightness(0); }
html.w-skora.w-stopka-ciemna .stopka-logo img:not([src*="jasne"]) { filter: brightness(0) invert(1); }

.w-skora .w-logo, .w-skora .w-logo text { font-family: var(--w-font-naglowki); }

@media (max-width: 1023px) {
  .w-skora .nav-linki {
    background: var(--w-nag-tlo-przewiniety);
    border-bottom-color: var(--w-nag-linia);
    padding: 8px var(--w-pad-x) 14px;
  }
  .w-skora .nav-linki a.link { border-bottom-color: var(--w-nag-linia); border-radius: 0; padding-inline: 8px; }
  .w-skora .nav-linki a.link.akt { border-radius: var(--w-r-md); }
}

.w-skora .katbar {
  background: var(--w-nag-katbar);
  border-top: 1px solid var(--w-nag-linia);
}
.w-skora .katbar-inner { height: var(--w-katbar-h); gap: 4px; }
.w-skora .katbar .kat-link {
  color: var(--w-nag-tekst-2);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .12em;
  padding: 0 14px;
}
.w-skora .katbar .kat-link.akt,
.w-skora .kat-poz:focus-within .kat-link { color: var(--w-nag-tekst); }
@media (hover: hover) and (pointer: fine) {
  .w-skora .katbar .kat-link:hover,
  .w-skora .kat-poz:hover .kat-link { color: var(--w-nag-tekst); }
}
@media (max-width: 900px) {
  .w-skora .katbar .kat-link { padding: 0 6px; }
}

.w-skora .kat-menu {
  background: var(--w-karta);
  border-top: 0;
  border-radius: 0 0 var(--w-r-lg) var(--w-r-lg);
  box-shadow: var(--w-cien-gleboki);
  padding: 22px 0 26px;
}
.w-skora .kat-siatka a { color: var(--w-tekst); font-size: 13px; letter-spacing: .08em; border-bottom-color: var(--line2); }
@media (hover: hover) and (pointer: fine) { .w-skora .kat-siatka a:hover { color: var(--w-marka-tekst); } }

.w-skora .szukaj-panel {
  background: var(--w-karta);
  border-bottom: 0;
  border-radius: 0 0 var(--w-r-lg) var(--w-r-lg);
  box-shadow: var(--w-cien-gleboki);
}
.w-skora .szukaj-poz img { border-radius: var(--w-r-sm); background: var(--w-plotno-2); }
.w-skora .szukaj-zamknij { border-color: var(--w-obrys-pola); }

.w-skora .produkty { gap: var(--w-gap-karty); }
@media (min-width: 1024px) {

  .w-skora .produkty {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--w-karta-min)), 1fr));
  }

  .w-skora #podobne { grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr)); }
}

html.w-skora .prod {

  transition: opacity .7s ease, transform .7s cubic-bezier(.16, 1, .3, 1), translate .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.w-skora .prod {
  background: var(--w-karta);
  border: 1px solid var(--line2);
  border-radius: var(--w-r-md);
  padding: 10px;
  box-shadow: none;
}
.w-skora .prod-foto {
  border-radius: var(--w-r-sm);
  background: var(--w-plotno-2);
  isolation: isolate;
}
.w-skora .prod-foto img { aspect-ratio: var(--w-zdj-karty); object-position: 50% 55%; }
.w-skora .prod-plakietki { top: 10px; left: 10px; gap: 5px; }
.w-skora .plakietka {
  font: 700 11.5px/1 var(--w-font-ui);
  letter-spacing: .08em;
  padding: 6px 10px;
  border-radius: var(--w-r-pill);
  background: var(--w-marka-ciemna);
  color: #fff;
  box-shadow: none;
}
.w-skora .plakietka--wlasne,
.w-skora .plakietka--hit,
.w-skora .plakietka--bestseller { background: var(--w-karta); color: var(--w-marka-tekst); box-shadow: var(--w-cien-plakietka); }
.w-skora .plakietka--imie { background: var(--w-marka-jasna); color: var(--w-marka-ciemna); }
.w-skora .plakietka--brak { background: var(--w-karta); color: var(--w-tekst); box-shadow: var(--w-cien-plakietka); }

.w-skora .serce { top: 6px; right: 6px; background: transparent; }
.w-skora .serce::before {
  content: ""; position: absolute; inset: 5px; z-index: -1;
  border-radius: 50%; background: var(--w-karta); box-shadow: var(--w-cien-kolko);
}
.w-skora .serce svg { width: 17px; height: 17px; stroke: var(--w-tekst); }
.w-skora .serce.akt svg { fill: var(--w-marka-tekst); stroke: var(--w-marka-tekst); }
@media (hover: hover) and (pointer: fine) { .w-skora .serce:hover { background: transparent; } }

.w-skora .prod-body { padding: 14px 6px 4px; }
.w-skora .prod-kat {
  font-size: 12px; font-weight: 600; letter-spacing: .14em; color: var(--w-przygaszony); margin: 0 0 5px;
}
.w-skora .prod h3 {
  font-family: var(--w-font-naglowki);
  font-weight: var(--w-waga-nazwy);
  font-size: var(--w-nazwa-prod);
  line-height: 1.2;
  letter-spacing: 0;
  margin: 0 0 4px;
}
.w-skora .prod-linia,
.w-skora .prod-haslo {
  font-family: var(--w-font-ui); font-size: 13px; color: var(--w-przygaszony); margin: 0 0 8px;
}
.w-skora .prod-dol {
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding-top: 6px;
}
.w-skora .prod-dol .cena {
  align-self: flex-start;
  font: 700 var(--w-cena)/1.25 var(--w-font-ui);
  color: var(--w-tekst);
}
.w-skora .cena-stara { font-family: var(--w-font-ui); font-weight: 500; color: var(--w-przygaszony); }
.w-skora .cena-omnibus { color: var(--w-przygaszony); }
.w-skora .prod-dol .btn {
  width: 100%;
  min-height: 44px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.w-skora .prod-dol .btn[data-dodaj]::before {
  content: ""; width: 16px; height: 16px; flex: none; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8h13l-1.1 12.5H6.6z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8h13l-1.1 12.5H6.6z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E") center / contain no-repeat;
}

.w-skora .produkty .prod-kup { display: none; }
.w-skora .prod-kup {
  width: auto;
  align-self: center;
  margin-top: 4px;
  min-height: 44px;
  padding: 6px 12px;
  border-color: transparent;
  background: transparent;
  color: var(--w-marka-tekst);
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (hover: hover) and (pointer: fine) {
  .w-skora .prod:hover {
    translate: 0 -4px;
    box-shadow: var(--w-cien-plywajaca);
    border-color: transparent;
  }
  .w-skora .prod-kup:hover { background: transparent; border-color: transparent; color: var(--w-tekst); translate: none; }
}
@media (prefers-reduced-motion: reduce) {
  html.w-skora .prod { transition: none; }
  .w-skora .prod:hover { translate: none; }
}

html.w-skora.w-odwazna :is(.prod-dol .btn, .nl-form .btn) { text-transform: none; letter-spacing: 0; font-size: 14px; }

html.w-karta-kwadrat { --w-zdj-karty: 10 / 7; }
html.w-skora.w-karta-kwadrat .prod { padding: 0; overflow: hidden; }
html.w-skora.w-karta-kwadrat .prod-foto { border-radius: 0; }
html.w-skora.w-karta-kwadrat .prod-body { padding: 14px 16px 16px; }
html.w-skora.w-karta-kwadrat .prod-dol { flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 12px; }
html.w-skora.w-karta-kwadrat .prod-dol .cena { align-self: center; }
html.w-skora.w-karta-kwadrat .prod-dol .btn[data-dodaj] {
  flex: none;
  width: 52px;
  min-width: 52px;
  height: 52px;
  min-height: 52px;
  padding: 0;
  border-radius: var(--w-r-sm);
  border-color: var(--w-marka);
  background: var(--w-marka);
  color: #fff;
  font-size: 0;
  letter-spacing: 0;
}
html.w-skora.w-karta-kwadrat .prod-dol .btn[data-dodaj]::before { width: 22px; height: 22px; }
@media (hover: hover) and (pointer: fine) {
  html.w-skora.w-karta-kwadrat .prod-dol .btn[data-dodaj]:hover { background: var(--w-marka-ciemna); border-color: var(--w-marka-ciemna); }
}

.w-skora .ovl { background: rgb(var(--w-welon) / .5); }
.w-skora .szuflada:not(.pe-edytor) { background: var(--w-plotno); }
@media (min-width: 601px) {
  .w-skora .szuflada:not(.pe-edytor) {
    top: 12px; bottom: 12px; right: 12px;
    border-radius: var(--w-r-lg);
    overflow: hidden;
    box-shadow: var(--w-cien-gleboki);
  }
  .w-skora .szuflada--lewa:not(.pe-edytor) { right: auto; left: 12px; }
}
.w-skora .szuflada-gora { background: var(--w-karta); padding: 18px 22px; border-bottom-color: var(--line2); }
.w-skora .szuflada-gora h3 { font-family: var(--w-font-naglowki); font-weight: var(--w-waga-naglowka); font-size: 26px; }
.w-skora .zamknij { border: 1px solid var(--line); }
.w-skora .szuflada-tresc { padding: 16px 22px; }
.w-skora .szuflada-dol { background: var(--w-karta); padding: 18px 22px calc(18px + var(--safe-b)); }
.w-skora .pozycja img { border-radius: var(--w-r-sm); background: var(--w-plotno-2); }
.w-skora .pozycja-t h4 { font-family: var(--w-font-ui); font-size: 14px; font-weight: 700; }
.w-skora .pozycja-t small { color: var(--w-przygaszony); }
.w-skora .pozycja-dol .kwota { font-family: var(--w-font-ui); font-size: 15px; font-weight: 700; }
.w-skora .ilosc { border-color: var(--w-obrys-pola); background: var(--w-karta); }
.w-skora .usun { color: var(--w-przygaszony); }
.w-skora .pasek-progu { background: var(--w-plotno-2); }
.w-skora .pasek-progu i { background: var(--w-marka-tekst); }
.w-skora .dostawa-info { color: var(--w-przygaszony); }
.w-skora .suma b { font-family: var(--w-font-ui); font-weight: 700; font-size: 20px; }
.w-skora .suma b.suma-slowo { font-family: var(--w-font-ui); }
.w-skora .prop-kafel { border-radius: var(--w-r-md); }
.w-skora .prop-kafel img { border-radius: var(--w-r-sm); }
.w-skora .toast {
  background: var(--w-marka-ciemna);
  color: #fff;
  border-radius: var(--w-r-pill);
  padding: 13px 22px;
  box-shadow: var(--w-cien-gleboki);
}

.w-skora .pod-hero { background-color: var(--w-marka-ciemna); }

.w-skora .pod-hero-foto > picture { display: block; width: 100%; height: 100%; }

.w-skora .pod-hero::before {
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--w-marka-ciemna) 80%, transparent) 0%,
    color-mix(in srgb, var(--w-marka-ciemna) 70%, transparent) 50%,
    color-mix(in srgb, var(--w-marka-ciemna) 86%, transparent) 100%);
}
.w-skora .pod-hero::after {
  background: radial-gradient(90% 90% at 50% 50%,
    color-mix(in srgb, var(--w-marka-ciemna) 50%, transparent) 0%, transparent 75%);
}
.w-skora .pod-hero-eyebrow {
  display: inline-block;
  padding: 7px 16px;
  border: 1px solid rgb(255 255 255 / .32);
  border-radius: var(--w-r-pill);
  background: rgb(0 0 0 / .22);
  color: var(--w-marka-jasna);
  font-size: 12.5px;
  letter-spacing: .16em;
  margin-bottom: 18px;
}
.w-skora .pod-hero-tytul {
  font-family: var(--w-font-naglowki);
  font-weight: var(--w-waga-naglowka);
  font-style: normal;
  font-size: clamp(36px, 4.6vw, 64px);
  line-height: var(--w-lh-h1);
  letter-spacing: var(--w-ls-h1);
}
.w-skora .pod-hero-tytul--zwykly { font-size: clamp(30px, 3.8vw, 52px); }
.w-skora .pod-hero-tytul em { font-style: italic; color: var(--w-na-zdjeciu-akcent); }
.w-skora .pod-hero-lead { color: var(--w-na-ciemnym); }

.w-skora .pod-hero .wpis-kat {
  display: inline-block; padding: 4px 12px; border-radius: var(--w-r-pill);
  background: rgb(0 0 0 / .28); color: var(--w-marka-jasna);
  font-size: 12.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-right: 8px;
}
.w-skora .pod-hero-okruszki { color: var(--w-marka-jasna); font-size: 13px; }
.w-skora .pod-hero-okruszki a { color: #fff; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgb(255 255 255 / .45); }
.w-skora .pod-hero :focus-visible { outline-color: var(--w-marka-jasna); }
@media (min-width: 1024px) {
  .w-skora .pod-hero {
    width: calc(100% - 2 * var(--w-pad-x));
    max-width: var(--w-kontener);
    margin: 18px auto 0;
    border-radius: var(--w-r-lg);
    padding: clamp(64px, 6vw, 96px) 0 clamp(56px, 5vw, 80px);
  }
}
.w-skora .okruszek { font-size: 13px; color: var(--w-przygaszony); }
.w-skora .okruszek a { color: var(--w-tekst); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--line); }

.w-skora .filtry {
  border-radius: var(--w-r-lg);
  border-color: var(--line2);
  padding: 22px 20px;
  top: calc(var(--w-naglowek) + 16px);
}
.w-skora .filtry.mob { border-radius: 0; padding: 0; }
.w-skora .filtry-gora h3 { font-family: var(--w-font-naglowki); font-size: 24px; }
.w-skora .filtr-grupa h4 { font-size: 12.5px; letter-spacing: .12em; color: var(--w-tekst); }
.w-skora .opcja { font-size: 14.5px; }
.w-skora .opcja .ile {
  min-width: 26px; padding: 2px 8px; border-radius: var(--w-r-pill);
  background: var(--w-plotno); color: var(--w-przygaszony); text-align: center; font-weight: 600;
}
.w-skora .chip-rozm {
  border-radius: var(--w-r-pill);
  border-color: var(--w-obrys-pola);
  padding: 8px 16px;
}
.w-skora .chip-rozm.akt,
.w-skora .chip-rozm:has(input:checked) { background: var(--w-marka-ciemna); border-color: var(--w-marka-ciemna); color: #fff; }
.w-skora .szukajka input,
.w-skora .sortuj {
  min-height: var(--w-pole-h);
  border-color: var(--w-obrys-pola);
  background-color: var(--w-karta);
}
.w-skora .tag-filtr {
  min-height: 40px; padding: 8px 14px; border-radius: var(--w-r-pill);
  background: var(--w-tint); color: var(--w-marka-tekst);
}
.w-skora .wyniki-info { color: var(--w-przygaszony); }
.w-skora .btn-filtry { border-color: var(--w-obrys-pola); }
.w-skora .stronicowanie { gap: 6px; }
.w-skora .str-btn { border-radius: var(--w-r-pill); border-color: var(--w-obrys-pola); background: var(--w-karta); }
.w-skora .str-btn.jest { background: var(--w-marka-ciemna); border-color: var(--w-marka-ciemna); color: #fff; }

.w-skora .galeria-glowna { border-radius: var(--w-r-lg); background: var(--w-plotno-2); }
.w-skora .miniatury button { border-radius: var(--w-r-md); background: var(--w-plotno-2); }
.w-skora .miniatury button.akt { border-color: var(--w-marka-ciemna); }
.w-skora .karta-produktu .prod-kat { font-size: 12.5px; font-weight: 700; letter-spacing: .14em; color: var(--w-marka-tekst); }
.w-skora .karta h1 {
  font-family: var(--w-font-naglowki);
  font-weight: var(--w-waga-naglowka);
  font-size: clamp(32px, 3.4vw, 50px);
  line-height: var(--w-lh-h2);
  letter-spacing: var(--w-ls-h1);
}
.w-skora .karta-produktu .prod-haslo { font-size: 16px; color: var(--w-przygaszony); }
.w-skora .cena-duza { font: 700 clamp(24px, 2vw, 30px)/1.2 var(--w-font-ui); margin: 16px 0 8px; }
.w-skora .wybor h4 { font-size: 12.5px; letter-spacing: .12em; color: var(--w-tekst); }
.w-skora .wybor-nazwa { color: var(--w-przygaszony); text-transform: none; letter-spacing: 0; }
.w-skora .kolko.akt { box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px var(--w-marka-ciemna); }
.w-skora .kup-rzad .btn--kup { min-height: 56px; font-size: 15px; font-weight: 700; }

.w-skora .kup-rzad .ilosc { margin-top: 0; }
.w-skora .kup-rzad .btn--kup::before {
  content: ""; width: 18px; height: 18px; flex: none; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8h13l-1.1 12.5H6.6z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8h13l-1.1 12.5H6.6z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E") center / contain no-repeat;
}
.w-skora .kup-rzad .btn--szybki {
  min-height: 56px; background: var(--w-tint); border-color: var(--w-tint); color: var(--w-marka-ciemna);
}
@media (hover: hover) and (pointer: fine) {
  .w-skora .kup-rzad .btn--szybki:hover { background: var(--w-marka-jasna); border-color: var(--w-marka-jasna); color: var(--w-marka-ciemna); }
}
.w-skora .kup-rzad .btn--kwadrat {
  flex: none; align-self: center; width: 56px; height: 56px; min-width: 56px; min-height: 56px;
  border-radius: 50%; padding: 0;
}
.w-skora .ilosc--duza { min-height: 56px; justify-content: space-between; }

.w-skora .wysylka-linia { display: block; color: var(--w-tekst); text-align: left; }
.w-skora .wysylka-linia svg { display: inline-block; vertical-align: -5px; margin-right: 8px; stroke: var(--w-marka-tekst); }
.w-skora .wysylka-linia .kropka { margin: 0 6px; }

.w-skora .wysylka-blok .wysylka-nota { text-align: left; padding-left: calc(28px + .28em); }
.w-skora .wysylka-blok .wysylka-linia { padding-left: calc(28px + .28em); text-indent: calc(-28px - .28em); }
@media (max-width: 1000px) {

  .w-skora .karta-produktu > div:first-child { display: contents; }
  .w-skora .karta-produktu .galeria-glowna,
  .w-skora .karta-produktu .miniatury { order: 1; }
  .w-skora .karta-produktu > div:last-child { order: 2; }
  .w-skora .karta-produktu .opis-pod-zdjeciami { order: 3; margin-top: 8px; }
}
.w-skora .karta-produktu .akordeon { border-radius: var(--w-r-lg); border-color: var(--line2); padding: 4px 22px; }
.w-skora .akordeon summary::after { color: var(--w-marka-tekst); }

.w-skora .opis-pod-zdjeciami { padding: 0; margin-top: 36px; }
.w-skora .opis-pod-zdjeciami h2 { font-size: clamp(24px, 2vw, 30px); }
.w-skora .dodatek { border-radius: var(--w-r-lg); }
.w-skora .personalizacja { border-radius: var(--w-r-lg); background: var(--w-tint); border-color: var(--line); }
.w-skora .personalizacja h4 { color: var(--w-marka-tekst); }
@media (min-width: 1024px) {
  .w-skora .karta-produktu {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: clamp(40px, 4vw, 72px);
  }

  .w-skora .karta-produktu > div:first-child:has(> .miniatury > *) {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    column-gap: 14px;
    align-items: start;
  }
  .w-skora .karta-produktu > div:first-child:has(> .miniatury > *) > .galeria-glowna { grid-column: 2; grid-row: 1; }
  .w-skora .karta-produktu > div:first-child:has(> .miniatury > *) > .miniatury {
    grid-column: 1; grid-row: 1; grid-template-columns: 1fr; margin-top: 0; gap: 10px;
  }
  .w-skora .karta-produktu > div:first-child:has(> .miniatury > *) > .opis-pod-zdjeciami { grid-column: 1 / -1; }

  .w-skora .kup-rzad .btn--szybki { order: 5; flex: 1 1 100%; }

  .w-skora .karta-produktu > div:last-child {
    position: sticky;
    top: calc(var(--w-naglowek) + 20px);
  }
}

.w-skora .sklep-naglowek { padding: clamp(32px, 4vw, 56px) 0 clamp(20px, 2.4vw, 32px); }
.w-skora .sklep-naglowek h1 { font-size: clamp(34px, 3.6vw, 52px); line-height: var(--w-lh-h2); letter-spacing: var(--w-ls-h1); }
.w-skora .sklep-naglowek .opis { color: var(--w-przygaszony); }
.w-skora .kasa-krok { border-radius: var(--w-r-lg); border-color: var(--line2); padding: 20px 24px; }
.w-skora .krok-nr { background: var(--w-marka-ciemna); }
.w-skora .kasa-krok.zablokowany .krok-nr { background: var(--w-przygaszony); }
.w-skora .kasa-krok.gotowy .krok-nr { background: var(--w-marka); }
.w-skora .krok-tyt { font-family: var(--w-font-ui); }
.w-skora :is(.grupa-dost, .przewoznik, .platnosc, .punkt-wynik) { border-radius: var(--w-r-md); border-color: var(--line); }
.w-skora :is(.grupa-dost, .przewoznik, .platnosc, .punkt-wynik).jest {
  border-color: var(--w-marka-ciemna); box-shadow: 0 0 0 1px var(--w-marka-ciemna) inset; background: var(--w-karta);
}
.w-skora .karta-blok { border-radius: var(--w-r-md); background: var(--w-plotno); }
.w-skora .suma-karta { border-radius: var(--w-r-lg); border-color: var(--line2); padding: 22px 22px 20px; }
.w-skora .suma-tyt { font-family: var(--w-font-naglowki); font-weight: var(--w-waga-naglowka); font-size: 24px; }
.w-skora .pw-cena,
.w-skora .pl-doplata,
.w-skora .sp-ile { color: var(--w-marka-tekst); }
@media (min-width: 1024px) {
  .w-skora .kasa { grid-template-columns: minmax(0, 1fr) 380px; gap: 36px; }
  .w-skora .kasa-suma { top: calc(var(--w-naglowek) + 16px); }
}

.w-skora .zakladki { background: var(--w-plotno-2); border-radius: var(--w-r-pill); }
.w-skora .zakladki button { color: var(--w-przygaszony); border-radius: var(--w-r-pill); }
.w-skora .zakladki button.akt { background: var(--w-karta); color: var(--w-tekst); }
.w-skora .demo-konta { border-radius: var(--w-r-lg); background: var(--w-tint); color: var(--w-marka-tekst); }
.w-skora .konto-demo { border-radius: var(--w-r-pill); }
.w-skora .panel-menu { border-radius: var(--w-r-lg); top: calc(var(--w-naglowek) + 16px); }
.w-skora .panel-menu button { border-radius: var(--w-r-pill); }
.w-skora .panel-menu button.akt { background: var(--w-marka-ciemna); color: #fff; }
.w-skora .panel-menu button.akt svg { stroke: #fff; }
@media (hover: hover) and (pointer: fine) { .w-skora .panel-menu button.akt:hover { background: var(--w-marka-ciemna); } }
.w-skora .panel-karta,
.w-skora .panel-cialo .panel-sekcja.akt { border-radius: var(--w-r-lg); }
.w-skora .zam { border-radius: var(--w-r-md); }

.w-skora .kt-poz { border-radius: var(--w-r-lg); border-color: var(--line2); box-shadow: none; }
.w-skora .kt-poz-ikona { border-radius: 50%; background: var(--w-tint); }
.w-skora .kt-poz-etykieta { font-size: 12.5px; }
.w-skora .kt-poz > div > .kt-poz-wartosc { font-family: var(--w-font-naglowki); font-size: 20px; }
.w-skora .kt-formbox { border-radius: var(--w-r-lg); border-color: var(--line2); box-shadow: var(--w-cien-karta); }
.w-skora .kt-skrot { border-radius: var(--w-r-lg); border-color: var(--line2); box-shadow: none; }
.w-skora .kt-skrot em { color: var(--w-marka-tekst); }

.w-skora .kt-skrot span .nw { display: inline; }
.w-skora .kt-h2 { font-family: var(--w-font-naglowki); font-weight: var(--w-waga-naglowka); }
.w-skora .kt-bok { border-radius: var(--w-r-lg); background: var(--w-tint); }
@media (min-width: 1024px) and (max-width: 1279px) {

  .w-skora :is(.kt-pola, .duet .dane-grid) { grid-template-columns: minmax(0, 1fr); }
}
.w-skora .kt-bok h3 { font-family: var(--w-font-naglowki); }

.w-skora :is(.bl-cta, .kt-cta) { background-color: var(--w-tint); color: var(--w-tekst); }
.w-skora :is(.bl-cta-tyt, .kt-cta-tyt, .bl-tytul, .kt-hero-tytul) {
  font-family: var(--w-font-naglowki); font-weight: var(--w-waga-naglowka); font-style: normal;
}
.w-skora :is(.bl-cta-tyt, .kt-cta-tyt) { color: var(--w-tekst); font-size: clamp(28px, 3vw, 44px); }
.w-skora :is(.bl-cta-lead, .kt-cta-lead) { color: var(--w-przygaszony); }
.w-skora :is(.bl-cta, .kt-cta) .btn--zloto { background: var(--w-marka-ciemna); border-color: var(--w-marka-ciemna); color: #fff; }
.w-skora :is(.bl-cta, .kt-cta) .btn--nahero { background: transparent; border-color: var(--w-obrys-pola); color: var(--w-tekst); }
@media (hover: hover) and (pointer: fine) {
  .w-skora :is(.bl-cta, .kt-cta) .btn--zloto:hover { background: var(--w-marka); border-color: var(--w-marka); color: #fff; }
  .w-skora :is(.bl-cta, .kt-cta) .btn--nahero:hover { background: var(--w-tekst); border-color: var(--w-tekst); color: var(--w-plotno); }
}
@media (min-width: 1024px) {
  .w-skora :is(.bl-cta, .kt-cta) {
    width: calc(100% - 2 * var(--w-pad-x));
    max-width: var(--w-kontener);
    margin: 0 auto var(--w-blok-y);
    border-radius: var(--w-r-lg);
  }
}
.w-skora .bl-wyroznik,
.w-skora .bl-karta { border-radius: var(--w-r-lg); border-color: var(--line2); box-shadow: none; }
.w-skora :is(.bl-wyroznik-tresc h2, .bl-tresc h3) { font-family: var(--w-font-naglowki); font-weight: var(--w-waga-naglowka); }
.w-skora .bl-plakietka { border-radius: var(--w-r-pill); background: var(--w-tint); color: var(--w-marka-tekst); }
.w-skora .bl-meta,
.w-skora .bl-wiecej a { color: var(--w-marka-tekst); }
.w-skora .bl-pig { border-color: var(--w-obrys-pola); }
@media (min-width: 1024px) {

  .w-skora .bl-siatka { grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: var(--w-gap-karty); }
}
.w-skora .bl-pig.akt { background: var(--w-marka-ciemna); border-color: var(--w-marka-ciemna); color: #fff; }
@media (hover: hover) and (pointer: fine) {
  .w-skora :is(.bl-karta, .kt-skrot):hover { translate: 0 -3px; transform: none; box-shadow: var(--w-cien-plywajaca); border-color: transparent; }
  .w-skora .bl-pig.akt:hover { background: var(--w-marka); border-color: var(--w-marka); }
}
.w-skora .wpis-glowne { border-radius: var(--w-r-lg); }

.w-skora .tresc-waska { max-width: calc(58ch + 2 * var(--w-pad-x)); padding-inline: var(--w-pad-x); }
.w-skora .tresc-waska h2 { font-size: clamp(24px, 2.2vw, 32px); line-height: var(--w-lh-h2); }
.w-skora .tresc-waska p,
.w-skora .lista-tresci li { font-size: 16.5px; }
.w-skora .tresc-waska .karta-blok,
.w-skora .blok-prawny { border-radius: var(--w-r-md); }
.w-skora .blok-prawny { border-left-color: var(--w-marka-tekst); }

.w-skora :is(.fakt b, .opis-tresc h3, .pep-nazwa, .df-h2, .df-h3, .df-karta h3, .df-box h3, .df-liczba b,
  .dfz-tresc h3, .dfk-nazwa, .dfk-tyt, .dfs-opis h3, .ad-kafel b, .podglad-imienia, .bon .kod) {
  font-family: var(--w-font-naglowki);
  font-weight: var(--w-waga-naglowka);
}
.w-skora :is(.pep-cena, .df-cena, .df-wycena b, .dfk-cena b, .ad-wiersz-kwota, .ad-kwota, .ad-suma--razem b,
  .zam-cena, .zam-dostawa b, .zam-suma .zam-kwota, .pozycja-kwota) {
  font-family: var(--w-font-ui);
  font-weight: 700;
}

.w-skora .kafel { border-radius: var(--w-r-md); background-color: var(--w-marka-ciemna); }
.w-skora .kafel::after {
  background: linear-gradient(0deg, rgb(var(--w-welon) / .9) 0%, rgb(var(--w-welon) / .84) 30%, rgb(var(--w-welon) / .5) 48%, transparent 66%);
}
.w-skora .kafel span { font-family: var(--w-font-naglowki); font-weight: var(--w-waga-naglowka); }
.w-skora .kafel small { font-size: 13px; color: var(--w-na-ciemnym); }
.w-skora .akordeon summary { font-family: var(--w-font-ui); }

.w-skora footer {
  background: var(--w-stopka-tlo);
  color: var(--w-stopka-tekst);
  padding: 0 0 26px;
}
.w-skora footer a { color: var(--w-stopka-tekst-2); }
@media (hover: hover) and (pointer: fine) { .w-skora footer a:hover { color: var(--w-stopka-tekst); } }
.w-skora footer :focus-visible { outline-color: var(--w-marka-tekst); }
html.w-stopka-ciemna.w-skora footer :focus-visible { outline-color: var(--w-marka-jasna); }

.w-skora .newsletter {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  gap: 18px;
  max-width: 1920px;
  margin: 0 auto;
  padding: clamp(64px, 7vw, 112px) var(--w-pad-x) clamp(56px, 6vw, 96px);
  border-top: 0;
  background-color: var(--w-marka-ciemna);
  color: #fff;
  text-align: center;
}
.w-skora .w-nl-foto { position: absolute; inset: 0; z-index: -2; }
.w-skora .w-nl-foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; }
.w-skora .newsletter::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(70% 90% at 50% 50%,
    color-mix(in srgb, var(--w-marka-ciemna) 82%, transparent) 0%,
    color-mix(in srgb, var(--w-marka-ciemna) 60%, transparent) 100%);
}
.w-skora .nl-tekst { max-width: 760px; }

.w-skora .w-nl-tyt,
.w-skora .newsletter .nl-tekst h4 {
  margin: 0 0 14px;
  color: #fff;
  font-family: var(--w-font-naglowki);
  font-weight: var(--w-waga-naglowka);
  font-size: clamp(34px, 4.4vw, 64px);
  line-height: var(--w-lh-h1);
  letter-spacing: var(--w-ls-h1);
  text-transform: none;
}
.w-skora .nl-tekst p { margin: 0 auto; max-width: 52ch; color: var(--w-na-ciemnym); font-size: 16.5px; }
.w-skora .nl-form { width: min(100%, 560px); gap: 12px; }
.w-skora .nl-rzad {
  gap: 6px;
  padding: 5px 5px 5px 8px;
  border-radius: var(--w-r-pill);
  background: var(--w-karta);
}
.w-skora .nl-rzad:has(input:focus-visible) { outline: 3px solid var(--w-marka-jasna); outline-offset: 3px; }
.w-skora .nl-form input[type='email'] {
  min-height: 48px;
  padding: 10px 14px;
  border: 0;
  border-radius: var(--w-r-pill);
  background: transparent;
  color: var(--w-tekst);
}
.w-skora .nl-form input[type='email']::placeholder { color: var(--w-przygaszony); }
.w-skora .nl-form input[type='email']:focus { outline: none; }
.w-skora .nl-form .btn {
  min-height: 48px;
  padding-inline: 24px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.w-skora .nl-zgoda {
  justify-content: center;
  text-align: left;
  font-size: 13px;
  color: var(--w-na-ciemnym);
}
.w-skora .nl-zgoda input { accent-color: var(--w-marka-jasna); }
.w-skora .newsletter .komunikat { background: var(--w-karta); color: var(--w-marka-tekst); }
.w-skora .newsletter .komunikat.blad { background: var(--w-blad-tlo); color: var(--w-blad-tekst); }
.w-skora .newsletter :focus-visible { outline-color: var(--w-marka-jasna); }

.w-skora .newsletter .nl-rzad .btn:focus-visible { outline: 3px solid var(--w-marka-ciemna); outline-offset: 1px; }

.w-skora .w-nl-reka {
  max-width: 14em;
  text-wrap: balance;
  margin: calc(1em - 8px) 0 0;
  margin-top: max(6px, calc(7.2em * max(sin(var(--w-reka-obrot)), -1 * sin(var(--w-reka-obrot))) - 8px));
  font-family: var(--w-font-reka);
  font-size: clamp(26px, 2.4vw, 34px);
  line-height: 1.1;
  color: var(--w-marka-jasna);
  rotate: var(--w-reka-obrot);
}

.w-skora .foot-grid { padding-top: clamp(48px, 5vw, 72px); gap: 32px 28px; }
.w-skora footer h4 {
  font-family: var(--w-font-ui);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .14em;
  color: var(--w-stopka-tekst);
  margin: 0 0 14px;
}
.w-skora footer ul { font-size: 14.5px; }
.w-skora .stopka-logo { color: var(--w-stopka-tekst); }
.w-skora .stopka-logo .w-logo { display: block; height: 36px; width: auto; max-width: none; fill: currentColor; }
.w-skora .w-stopka-marka p { margin: 16px 0 0; max-width: 34ch; font-size: 14.5px; color: var(--w-stopka-tekst-2); }
.w-skora .w-stopka-kontakt { font-size: 14px; }

.w-skora :is(.w-stopka-kontakt, .foot-grid > :first-child > p) a { display: inline-flex; align-items: center; min-height: 44px; }
.w-skora .soc-lista { display: flex; gap: 10px; margin: 18px 0 10px; }
.w-skora .soc {
  position: relative;
  width: 44px; height: 44px; justify-content: center; gap: 0;
  border: 1px solid var(--w-stopka-linia); border-radius: 50%;
  color: var(--w-stopka-tekst);
}

.w-skora .soc > span {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap; opacity: 0;
}
.w-skora .soc svg { width: 20px; height: 20px; }
@media (hover: hover) and (pointer: fine) {
  .w-skora .soc:hover { background: var(--w-stopka-tekst); color: var(--w-stopka-tlo); border-color: var(--w-stopka-tekst); }
  .w-skora .soc:hover svg { stroke: currentColor; }
}
.w-skora .copy {
  margin-top: clamp(36px, 4vw, 56px);
  padding-top: 20px;
  border-top: 1px solid var(--w-stopka-linia);
  color: var(--w-stopka-tekst-2);
  font-size: 13px;
  align-items: center;
}
.w-skora .copy a { color: var(--w-stopka-tekst); }
.w-skora .w-copy-prawne { display: flex; flex-wrap: wrap; gap: 4px 22px; }
.w-skora .w-copy-prawne a { display: inline-flex; align-items: center; min-height: 44px; color: var(--w-stopka-tekst-2); }
@media (hover: hover) and (pointer: fine) {
  .w-skora .copy a:hover, .w-skora .w-copy-prawne a:hover { color: var(--w-stopka-tekst); }
}

.w-skora footer .wrap > .newsletter { margin-top: clamp(40px, 4vw, 56px); border-radius: var(--w-r-lg); }
@media (min-width: 601px) and (max-width: 1023px) {

  .w-skora .foot-grid:has(> :nth-child(5)) > :first-child { grid-column: 1 / -1; }
}
@media (min-width: 1024px) {
  .w-skora .foot-grid { grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 40px; }

  .w-skora .foot-grid:has(> :nth-child(5)) { grid-template-columns: minmax(0, 1.4fr) repeat(4, minmax(0, 1fr)); gap: 32px; }
  .w-skora .copy { display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; }
  .w-skora .copy:not(:has(> :nth-child(3))) { grid-template-columns: minmax(0, 1fr) auto; }
  .w-skora .copy > :last-child { justify-self: end; }
}

html.w-stopka-ciemna.w-skora footer { padding-top: var(--w-stopka-gora); }
@media (min-width: 1024px) {
  html.w-stopka-ciemna.w-skora footer > .newsletter:first-child {
    width: calc(100% - 2 * var(--w-pad-x));
    max-width: var(--w-kontener);
    grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
    align-items: center;
    justify-items: stretch;
    column-gap: clamp(32px, 4vw, 72px);
    padding: clamp(40px, 3.6vw, 56px) clamp(32px, 4vw, 64px);
    border-radius: var(--w-r-lg);
    text-align: left;
    box-shadow: var(--w-cien-gleboki), 0 0 0 100vmax var(--w-plotno);
    clip-path: inset(calc(-1 * var(--w-stopka-gora)) -100vmax calc(-1 * var(--w-stopka-gora)) -100vmax);
  }
  html.w-stopka-ciemna.w-skora footer > .newsletter:first-child .w-nl-tyt,
  html.w-stopka-ciemna.w-skora footer > .newsletter:first-child .nl-tekst h4 { font-size: clamp(28px, 2.6vw, 40px); margin-bottom: 10px; }
  html.w-stopka-ciemna.w-skora footer > .newsletter:first-child .nl-tekst p { margin: 0; }
  html.w-stopka-ciemna.w-skora footer > .newsletter:first-child .nl-form { width: 100%; }
  html.w-stopka-ciemna.w-skora footer > .newsletter:first-child .nl-zgoda { justify-content: flex-start; }
  html.w-stopka-ciemna.w-skora footer > .newsletter:first-child .w-nl-reka { display: none; }
  html.w-stopka-ciemna.w-skora footer > .newsletter:first-child .komunikat { grid-column: 2; }
  html.w-stopka-ciemna.w-skora footer > .newsletter:first-child + .wrap .foot-grid { padding-top: calc(var(--w-stopka-gora) + clamp(40px, 4vw, 56px)); }
}
html.w-stopka-ciemna.w-skora .soc { border-color: rgb(255 255 255 / .28); }
html.w-stopka-ciemna.w-skora .copy {
  border-top: 0;
  padding: 10px 28px;
  border-radius: var(--w-r-pill);
  background: #fff;
  color: var(--w-przygaszony);
}
html.w-stopka-ciemna.w-skora .copy a,
html.w-stopka-ciemna.w-skora .w-copy-prawne a { color: var(--w-tekst); }
html.w-stopka-ciemna.w-skora .copy :focus-visible { outline-color: var(--w-marka-tekst); }
@media (max-width: 1023px) {
  html.w-stopka-ciemna.w-skora .copy { border-radius: var(--w-r-lg); padding: 16px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .w-skora :is(.btn, .bl-karta, .kt-skrot, .prod):hover { translate: none; }
  .w-skora .kafel:hover img { transform: none; }
}

@media (max-width: 600px) {
  .w-skora :is(.promo-poz, .katbar .kat-link, .prod-kat, .filtr-grupa h4, .dostawa-info, .nota,
    .wybor h4, footer h4, .pod-hero-eyebrow, .pod-hero-okruszki, .okruszek, .copy, .demobar,
    .kt-poz-etykieta, .tabela th, .etykieta-mala, .pole > span, .bl-meta, .kt-licznik, .nl-form .btn) {
    font-size: 13px;
  }
  .w-skora .nl-zgoda { min-height: 44px; }
}
@media (max-width: 900px) {

  .w-skora .prod h3 a {
    display: inline-block;
    vertical-align: top;
    padding-block: max(0px, calc((45px - 1.2em) / 2));
  }
  .w-skora .prod h3 {
    margin: calc(-1 * max(0px, calc((45px - 1.2em) / 2))) 0 calc(4px - max(0px, calc((45px - 1.2em) / 2)));
  }
}

.w-skora :is(.bl-wiecej, .kt-poz-wartosc) a { display: inline-flex; align-items: center; min-height: 44px; }
.w-skora :is(.bl-karta, .bl-wyroznik) :is(h2, h3) a {
  display: inline-block;
  padding-block: max(0px, calc((45px - 1.25em) / 2));
  margin-block: calc(-1 * max(0px, calc((45px - 1.25em) / 2)));
}

.w-skora :is(.demobar, .pod-hero-okruszki, .okruszek) a,
.w-skora .copy > span a {
  display: inline-block;
  padding-block: 14px;
  margin-block: -14px;
}