/* nx-20261013b.css: nagłówek deyepolska.pl na tablecie i telefonie + pasek menu pod nim (13.10.2026). Źródło: D:/CLAUDE/02_Strona-sekcje/naglowek-20261013/src/nx.css */
/* Nagłówek deyepolska.pl na tablecie i telefonie (poniżej 1024 px), 13.10.2026. Zamiast dużego logo w osobnym rzędzie
   i drugiego rzędu z sześcioma ikonami: jeden spokojny rząd, logo po lewej, ikony sklepu po prawej, menu na końcu.
   Dotyczy tylko nagłówka u góry strony (.MenuStatic). Po przewinięciu szablon robi z tego samego elementu dolny pasek
   (.MenuSticky) i tego nie zmieniamy. Ikony (rysunek w ::before, podpis pod nim) i ich działanie zostają z szablonu:
   zmienia się tylko układ rzędu. */
@media (max-width:1023px){
 .SklepNaglowekKontener.MenuStatic header.SklepNaglowek>.Strona{display:flex!important;flex-wrap:wrap;align-items:center;column-gap:16px;
  min-height:72px;padding:6px 0!important;box-sizing:border-box}
 /* logo: the shop's own mobile logo (RwdMobilny), left, at a calmer size; the computer logo stays hidden */
 .SklepNaglowekKontener.MenuStatic .NaglowekLogo{flex:0 1 auto;min-width:0;width:auto!important;margin:0!important;padding:0!important;text-align:left!important;line-height:0}
 .SklepNaglowekKontener.MenuStatic #LinkLogo{display:inline-block;line-height:0}
 .SklepNaglowekKontener.MenuStatic #LinkLogo img.RwdMobilny{width:auto!important;height:54px!important;max-width:100%!important;object-fit:contain;object-position:left center}
 /* icons: one row on the right, no wrapping; the night switch and the menu at the end */
 .SklepNaglowekKontener.MenuStatic .IkonyGlowneSklep{flex:0 0 auto;flex-wrap:nowrap!important;align-items:flex-start;justify-content:flex-end;gap:18px;width:auto!important;height:auto!important;margin:0 0 0 auto!important;padding:0!important}
 .SklepNaglowekKontener.MenuStatic .IkonyGlowneSklep>div{flex:0 0 auto;margin:0!important}
 /* "Kontakt" drawn like the other icons: the picture on top, the word under it (the template puts it beside) */
 .SklepNaglowekKontener.MenuStatic .IkonyGlowneSklep .IkonaKontakt{width:52px!important;padding:0!important}
 .SklepNaglowekKontener.MenuStatic .IkonaKontakt>label.IkonaOpisMobile{width:auto!important;min-width:0!important;padding:35px 0 0!important;text-align:center}
 .SklepNaglowekKontener.MenuStatic .IkonaKontakt>label.IkonaOpisMobile::before{background-position:50% 0!important;background-size:26px 26px!important}
 .SklepNaglowekKontener.MenuStatic .IkonyGlowneSklep .IkonaTryb{order:8}
 .SklepNaglowekKontener.MenuStatic .IkonyGlowneSklep .IkonaMenuGlownego{order:9}
 /* the search form opens as its own line under the row (the Szukaj icon toggles it, as before) */
 .SklepNaglowekKontener.MenuStatic form.Wyszukiwanie{order:20;flex:0 0 100%;margin:0!important}
}
/* tablets and phones (user: "Na tabletach i telefonach"): the main menu row under the header (#nx-pasek, built by the menu script from the menu's own links). Its place is
   kept from the first paint (padding of the header), so nothing moves when the row appears; never in the bottom bar */
#nx-pasek{display:none}
@media (max-width:1023px){
 .SklepNaglowekKontener.MenuStatic header.SklepNaglowek{position:relative;padding-bottom:48px!important}
 .SklepNaglowekKontener.MenuStatic #nx-pasek{position:absolute;left:0;right:0;bottom:0;height:48px;display:flex;align-items:stretch;justify-content:safe center;gap:4px;
  padding:0 16px;border-top:1px solid rgba(23,19,16,.08);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .SklepNaglowekKontener.MenuStatic #nx-pasek::-webkit-scrollbar{display:none}
 #nx-pasek>a,#nx-pasek>button{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;margin:0;padding:0 14px;border:0;background:none;
  font:inherit;font-size:15px;font-weight:500;line-height:1;color:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .2s}
 #nx-pasek>a::after,#nx-pasek>button::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;background:#0d62bc;transform:scaleX(0);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
 #nx-pasek>a:hover::after,#nx-pasek>a.is-on::after{transform:none}
 #nx-pasek>a:hover,#nx-pasek>button:hover{color:#0a417b}
 #nx-pasek em{display:inline-block;padding:3px 7px;border-radius:999px;background:linear-gradient(135deg,#086dd8,#0a519c);font-style:normal;font-size:10px;font-weight:700;line-height:1;color:#fff}
 #nx-pasek .nx-wiecej span::after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 3px 7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.6}
 html.fx-noc .SklepNaglowekKontener.MenuStatic #nx-pasek{border-top-color:rgba(224,238,253,.1)}
 html.fx-noc #nx-pasek>a:hover,html.fx-noc #nx-pasek>button:hover{color:#3a99ff}
}
/* phones (below 768 px): all five links in one row, no scrolling (user: "spróbuj zmieścić wszystkie w jednym rzędzie"): first words only
   ("Kalkulator", "Konfigurator"; the full name stays in aria-label) and a small orange dot instead of the "Nowość" pill */
@media (max-width:767px){
 .SklepNaglowekKontener.MenuStatic header.SklepNaglowek{padding-bottom:44px!important}
 .SklepNaglowekKontener.MenuStatic #nx-pasek{height:44px;padding:0 6px;gap:0;justify-content:space-between;overflow:hidden}
 #nx-pasek>a,#nx-pasek>button{flex:0 1 auto;min-width:0;padding:0 8px;font-size:14px;gap:0}
 #nx-pasek>a::after,#nx-pasek>button::after{left:8px;right:8px}
 #nx-pasek .nx-d{display:none}
 #nx-pasek em{position:absolute;top:11px;right:2px;width:6px;height:6px;padding:0;border-radius:50%;font-size:0;line-height:0;box-shadow:0 0 0 2px #fff}
 html.fx-noc #nx-pasek em{box-shadow:0 0 0 2px #1b1714}
 #nx-pasek .nx-wiecej span::after{width:5px;height:5px;margin:0 0 3px 5px}
}
@media (max-width:374px){
 #nx-pasek>a,#nx-pasek>button{padding:0 5px;font-size:13px}
 #nx-pasek>a::after,#nx-pasek>button::after{left:5px;right:5px}
}
/* phones: the logo, then search, cart, night and menu; contact and account stay in the menu, the footer and the bottom bar */
@media (max-width:767px){
 .SklepNaglowekKontener.MenuStatic header.SklepNaglowek>.Strona{min-height:64px;padding:4px 0!important;column-gap:8px}
 .SklepNaglowekKontener.MenuStatic #LinkLogo img.RwdMobilny{height:40px!important}
 .SklepNaglowekKontener.MenuStatic .IkonyGlowneSklep{gap:8px}
 .SklepNaglowekKontener.MenuStatic .IkonyGlowneSklep .IkonaKontakt,.SklepNaglowekKontener.MenuStatic .IkonyGlowneSklep .LogowanieNaglowek{display:none!important}
}
@media (max-width:389px){
 .SklepNaglowekKontener.MenuStatic #LinkLogo img.RwdMobilny{height:38px!important}
}
@media (max-width:374px){
 .SklepNaglowekKontener.MenuStatic #LinkLogo img.RwdMobilny{height:36px!important}
}
/* the smallest phones (320–359 px): the night switch stays in the bottom bar only */
@media (max-width:359px){
 .SklepNaglowekKontener.MenuStatic #LinkLogo img.RwdMobilny{height:34px!important}
 .SklepNaglowekKontener.MenuStatic .IkonyGlowneSklep .IkonaTryb{display:none!important}
}
/* logo "Sklep Deye.pl" + "Powered by EkoPolska" (13.10.2026, the user chose variant B). New file names, so the 7-day
   browser cache of the old logo cannot show it; the phone logo is taller by the "Powered by" line (heights above). */
#LinkLogo img.RwdMobilny,#LinkLogo img.RwdKomputer{content:url(/images/naglowek/logo-deyepolska-pl.png)}
html.fx-noc .SklepNaglowekKontener #LinkLogo img.RwdMobilny,html.fx-noc .SklepNaglowekKontener #LinkLogo img.RwdKomputer{content:url(/images/naglowek/logo-deyepolska-pl-noc.png)}


/* ===== wyśrodkowanie (14.10.2026) =====
   Użytkownik: „Wyśrodkuj tekst w kafelkach oferta i w kafelkach więcej i przeglądnij resztę strony i wyśrodkuj tekst tam,
   gdzie uważasz to za estetyczne”. Blok jest dopisany do arkusza nagłówka nx (ładowany w <head> na każdej stronie).
   Arkusze menu i stron ładują się później, więc reguły mają mocniejsze selektory (html body …), a !important tylko tam,
   gdzie oryginał też go używa. Źródło: D:/CLAUDE/02_Strona-sekcje/wysrodkowanie-20261014/src/wsr.css */

/* --- menu „Oferta”: studia LV i HV --- */
html body ul.GlowneGorneMenu.mnx .mnx-oferta .mnx-sys-t{text-align:center}
html body ul.GlowneGorneMenu.mnx .mnx-oferta .mnx-sys-t small{text-wrap:balance}
html body ul.GlowneGorneMenu.mnx .mnx-oferta .mnx-sys-l{justify-content:center}
@media (min-width:1024px){
 html body ul.GlowneGorneMenu.mnx .mnx-oferta .mnx-sys-t{display:block;padding:0 40px}
 html body ul.GlowneGorneMenu.mnx .mnx-oferta .mnx-sys-t::after{position:absolute;top:20px;right:20px}
}
@media (max-width:1023px){
 html body ul.GlowneGorneMenu.mnx .mnx-oferta .mnx-sys-a{flex-direction:column-reverse!important;align-items:center;gap:10px}
 html body ul.GlowneGorneMenu.mnx .mnx-oferta .mnx-sys-t{align-self:stretch}
}
/* --- menu „Oferta”: osprzęt PV jako cztery kafelki 2 × 2 --- */
html body ul.GlowneGorneMenu.mnx .mnx-oferta .mnx-osp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-content:start;gap:8px;text-align:center}
html body ul.GlowneGorneMenu.mnx .mnx-oferta .mnx-osp-h{grid-column:1/-1;text-align:center}
html body ul.GlowneGorneMenu.mnx .mnx-oferta .mnx-osp a:not(.mnx-cala){flex-direction:column;justify-content:center;gap:8px;min-height:0;padding:12px 8px!important;
 background:rgba(255,255,255,.62);box-shadow:inset 0 0 0 1px rgba(14,25,41,.05);font-size:13.5px!important;line-height:1.3;text-align:center}
html body ul.GlowneGorneMenu.mnx .mnx-oferta .mnx-osp a:not(.mnx-cala):hover{background:#fff}
html body ul.GlowneGorneMenu.mnx .mnx-oferta a.mnx-cala{grid-column:1/-1;justify-content:center;gap:10px}
@media (min-width:1024px){
 html body ul.GlowneGorneMenu.mnx .mnx-oferta .mnx-osp{grid-template-rows:auto 1fr 1fr auto}
}
html.fx-noc body ul.GlowneGorneMenu.mnx .mnx-oferta .mnx-osp a:not(.mnx-cala){background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(224,238,253,.08)}
html.fx-noc body ul.GlowneGorneMenu.mnx .mnx-oferta .mnx-osp a:not(.mnx-cala):hover{background:rgba(255,255,255,.1)}

/* --- menu „Więcej”: karta Serwisu i kolumny Dla instalatorów, O nas --- */
html body ul.GlowneGorneMenu.mnx .mnx-wiecej .mnx-serwis{text-align:center}
html body ul.GlowneGorneMenu.mnx .mnx-wiecej .mnx-srv-gora{justify-content:center;flex-wrap:wrap}
html body ul.GlowneGorneMenu.mnx .mnx-wiecej a.mnx-srv-cta .mnx-srv-cta-t{text-align:center}
html body ul.GlowneGorneMenu.mnx .mnx-wiecej a.mnx-srv-wa{justify-content:center}
html body ul.GlowneGorneMenu.mnx .mnx-wiecej .mnx-gr{text-align:center}
html body ul.GlowneGorneMenu.mnx .mnx-wiecej .mnx-gr-h{text-align:center}
html body ul.GlowneGorneMenu.mnx .mnx-wiecej a.mnx-gr-a{flex-direction:column;justify-content:flex-start;gap:8px;text-align:center}
html body ul.GlowneGorneMenu.mnx .mnx-wiecej a.mnx-gr-a .mnx-gr-t{align-items:center}
html body ul.GlowneGorneMenu.mnx .mnx-wiecej .mnx-gr-o{text-wrap:balance}
@media (min-width:1024px){
 /* ikona nad tekstem wydłuża kolumny, więc treść karty Serwisu stoi na środku jej wysokości, bez dziury nad przyciskiem */
 html body ul.GlowneGorneMenu.mnx .mnx-wiecej .mnx-serwis{justify-content:center}
 html body ul.GlowneGorneMenu.mnx .mnx-wiecej a.mnx-srv-cta{margin-top:10px}
 html body ul.GlowneGorneMenu.mnx .mnx-wiecej a.mnx-gr-a{gap:6px;padding:7px 8px!important}
 html body ul.GlowneGorneMenu.mnx .mnx-wiecej a.mnx-gr-a .mnx-ik{width:38px;height:38px;border-radius:11px}
 html body ul.GlowneGorneMenu.mnx .mnx-wiecej a.mnx-gr-a .mnx-ik svg{width:20px;height:20px}
}

/* --- karty „Porozmawiaj z doradcą” przy pytaniach (LV, HV, Oferta, Kalkulator) i karta Serwisu na stronie głównej --- */
html body .lvx .lvx-doradca,html body .hvx .hvx-doradca,html body .kmx .kmx-doradca,html body .ofx .ofx-doradca,html body .fhx .fx-doradca{text-align:center}
html body .lvx .lvx-doradca-l a,html body .hvx .hvx-doradca-l a,html body .kmx .kmx-doradca-l a,html body .ofx .ofx-doradca-l a,html body .fhx .fx-doradca-l a{justify-content:center}
html body .fhx .fin-sw{align-items:center;text-align:center}
html body .fhx .fin-sw a.fin-serwis{align-self:stretch}

/* --- Oferta (kategorie.html): nagłówek i kafelki osprzętu --- */
html body .ofx .ofx-osprzet-glowa{flex-direction:column;align-items:center;gap:10px;text-align:center}
html body .ofx .ofx-osprzet-glowa>*{max-width:640px}
/* na telefonie (do 560 px) kafelki są wierszami ze zdjęciem po lewej i zostają wyrównane do lewej */
@media (min-width:561px){
 html body .ofx .ofx-kafel{text-align:center}
 html body .ofx .ofx-kafel .ofx-chipy{justify-content:center}
}

/* --- strona główna: kafelki osprzętu i liczby przy magazynach do garażu (węższe ekrany: wiersze, bez zmian) --- */
@media (min-width:768px){
 html body .fhx .fx-os-karty a{text-align:center}
}
@media (min-width:701px){
 html body .fhx .fx-zi-fakty>div{text-align:center}
}

/* --- Kalkulator pm-40: opisy trzech kroków i liczby doby --- */
html body .kmx .kmx-kr>li{text-align:center}
html body .kmx .kmx-doba-liczby>li{text-align:center}

/* --- Serwis pm-31: skróty, kroki, dokumenty, gwarancja, materiały producenta (na telefonie skróty, kroki
       i materiały zostają wierszami z ikoną po lewej, bo tak czyta się je szybciej) --- */
html body .StrTresc .srv .srv-dok-tresc{text-align:center}
html body .StrTresc .srv .srv-dok-typ,html body .StrTresc .srv .srv-dok-btny{justify-content:center}
html body .StrTresc .srv .srv-gwar-k{text-align:center}
html body .StrTresc .srv .srv-gwar-k .srv-ik{display:block;margin-left:auto;margin-right:auto}
@media (min-width:641px){
 html body .StrTresc .srv .srv-skroty a{align-items:center;text-align:center}
 html body .StrTresc .srv .srv-kroki>li{text-align:center}
 html body .StrTresc .srv .srv-nr{margin-left:auto;margin-right:auto}
 html body .StrTresc .srv .srv-krok-linki{justify-content:center}
 html body .StrTresc .srv .srv-prod-k{align-items:center;text-align:center}
}
@media (min-width:1024px){
 /* przerywana linia biegnie od środka pierwszego do środka ostatniego kółka (4 kolumny, odstęp jak w srv-kroki) */
 html body .StrTresc .srv .srv-kroki::before{left:calc((100% - 3 * clamp(16px,2vw,28px)) / 8);right:calc((100% - 3 * clamp(16px,2vw,28px)) / 8)}
}

/* --- strona główna: czarny przycisk „Zobacz całą ofertę” pod kafelkami „Uzupełnij instalację” (14.10.2026); element dodaje
       skrypt menu (mnx, poprawki) --- */
html body #fhx .fx-os-dol{display:flex;justify-content:center;margin-top:clamp(26px,3vw,42px)}
html body #fhx a.fx-os-cala{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:0 32px;border-radius:999px;background:#171310;
 box-shadow:0 14px 30px rgba(23,19,16,.2);font:600 16px/1.2 Sora,Arial,sans-serif;color:#fff!important;text-decoration:none!important;transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s,box-shadow .2s}
html body #fhx a.fx-os-cala span{color:#3a99ff;font-size:19px;line-height:1;transition:transform .2s}
html body #fhx a.fx-os-cala:hover{transform:translateY(-1px);background:#3a2e27;box-shadow:0 18px 36px rgba(23,19,16,.26)}
html body #fhx a.fx-os-cala:hover span{transform:translateX(3px)}
html body #fhx a.fx-os-cala:focus-visible{outline:3px solid #2387f1;outline-offset:3px}
html.fx-noc body #fhx a.fx-os-cala{background:#e8edf2;color:#171310!important;box-shadow:0 14px 30px rgba(0,0,0,.35)}
html.fx-noc body #fhx a.fx-os-cala span{color:#0a417b}
html.fx-noc body #fhx a.fx-os-cala:hover{background:#fff}
@media (max-width:560px){html body #fhx a.fx-os-cala{width:100%;max-width:420px}}


/* ===== stopka: kolumny linków i kontakt (14.10.2026) =====
   Użytkownik: „Przeanalizuj i przebuduj zgodnie ze stylem strony pozostałe widoczne sekcje” (zaznaczona stopka).
   Ciemne tło i górna część stopki (logo, przyciski, pas zaufania) zostają z fin.css (Konfigurator). Tu tylko kolumny:
   pomarańczowe nagłówki z kropką jak w menu, linki ze strzałką po najechaniu, Kontakt jako żarząca się karta jak karta
   Serwisu w menu „Więcej”. Na telefonie kolumny linków dalej się rozwijają, a Kontakt jest od razu widoczny. */
/* nowe logo także w stopce (użytkownik: „Podmień nowe logo wszędzie na całej stronie”); fin rysuje tu stare logo-noc-k.png */
html body footer.KontStopka .fin-marka img{content:url("/images/naglowek/logo-deyepolska-pl-noc.png");width:220px!important;max-width:100%!important;height:auto!important;aspect-ratio:315/89}
html body footer.KontStopka .Stopka{padding:clamp(34px,4.4vw,56px) 0 10px!important}
html body footer.KontStopka .StopkaKolumny{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(300px,1.35fr);gap:clamp(20px,3vw,44px);align-items:start;width:auto!important;margin:0!important;padding:0!important}
html body footer.KontStopka .KolumnaStopki{width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important;border:0!important}
html body footer.KontStopka .KolumnaStopki label{display:block;width:auto!important;margin:0 0 10px!important;padding:0!important}
html body footer.KontStopka .KolumnaStopki strong.NaglowekStopki{display:inline-flex!important;align-items:center;gap:9px;padding:0!important;color:var(--fin-acc2,#3a99ff)!important;font:600 12px/1.2 Sora,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important}
html body footer.KontStopka .KolumnaStopki strong.NaglowekStopki::after{content:"";order:-1;flex:none;width:6px;height:6px;border-radius:50%;background:var(--fin-acc2,#3a99ff);box-shadow:0 0 10px rgba(58,153,255,.7)}
html body footer.KontStopka .LinkiStopki{margin:0!important;padding:0!important;list-style:none!important}
html body footer.KontStopka .LinkiStopki li{margin:0!important;padding:0!important;list-style:none!important;background:none!important}
html body footer.KontStopka .LinkiStopki li::before{display:none!important}
html body footer.KontStopka .LinkiStopki a{display:inline-flex!important;align-items:center;gap:8px;padding:7px 0!important;color:rgba(234,239,244,.78)!important;font:400 15px/1.4 Sora,Arial,sans-serif!important;transition:color .2s!important}
html body footer.KontStopka .LinkiStopki a::after{content:"→";color:var(--fin-acc2,#3a99ff);opacity:0;transform:translateX(-5px);transition:opacity .2s,transform .2s}
html body footer.KontStopka .LinkiStopki a:hover,html body footer.KontStopka .LinkiStopki a:focus-visible{color:#fff!important}
html body footer.KontStopka .LinkiStopki a:hover::after,html body footer.KontStopka .LinkiStopki a:focus-visible::after{opacity:1;transform:none}
html body footer.KontStopka .LinkiStopki:empty{display:none!important}
/* Kontakt: karta */
html body footer.KontStopka .KolumnaStopkiKontakt{position:relative;isolation:isolate;overflow:hidden;padding:24px 24px 22px!important;border-radius:24px;
 background:radial-gradient(80% 70% at 88% 100%,rgba(13,98,188,.26),transparent 70%),linear-gradient(180deg,#09182d 0%,#06101d 60%,#050b14 100%)!important;box-shadow:inset 0 0 0 1px rgba(58,153,255,.2),0 18px 40px rgba(0,0,0,.25)}
html body footer.KontStopka .KontaktStopka{display:flex!important;flex-direction:column;gap:12px;width:auto!important;margin:4px 0 0!important;padding:0!important;list-style:none!important}
html body footer.KontStopka .KontaktStopka li{position:relative;display:flex!important;align-items:center;min-height:40px;margin:0!important;padding:0 0 0 54px!important;list-style:none!important;
 color:rgba(234,239,244,.72)!important;font:400 14px/1.5 Sora,Arial,sans-serif!important;background:none!important}
html body footer.KontStopka .KontaktStopka li::before{content:""!important;position:absolute!important;left:0!important;top:50%!important;width:40px!important;height:40px!important;margin:-20px 0 0!important;border-radius:12px;
 background:rgba(13,98,188,.15)!important;box-shadow:inset 0 0 0 1px rgba(58,153,255,.18);filter:none!important;opacity:1!important;transform:none!important}
html body footer.KontStopka .KontaktStopka li::after{content:"";position:absolute;left:10px;top:50%;width:20px;height:20px;margin-top:-10px;background:var(--fin-acc2,#3a99ff);
 -webkit-mask:var(--fs-ik) center/contain no-repeat;mask:var(--fs-ik) center/contain no-repeat}
html body footer.KontStopka .KontaktStopka li.Mail{order:1;--fs-ik: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
html body footer.KontStopka .KontaktStopka li.Tel{order:2;--fs-ik: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h3l2 5-2.5 1.5a11 11 0 0 0 6 6L15 14l5 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E")}
html body footer.KontStopka .KontaktStopka li.Godziny{order:3;--fs-ik: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
html body footer.KontStopka .KontaktStopka li.Firma{order:4;align-items:flex-start;margin-top:6px!important;padding-top:16px!important;border-top:1px solid rgba(224,238,253,.1);font-size:13px!important;line-height:1.6!important;color:rgba(234,239,244,.58)!important;
 --fs-ik: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E")}
html body footer.KontStopka .KontaktStopka li.Firma::before{top:16px!important;margin:0!important}
html body footer.KontStopka .KontaktStopka li.Firma::after{top:26px;margin:0}
html body footer.KontStopka .KontaktStopka li.Firma span{color:inherit!important}
html body footer.KontStopka .KontaktStopka li.Mail a,html body footer.KontStopka .KontaktStopka li.Tel a{color:#fff!important;font:600 16.5px/1.3 Sora,Arial,sans-serif!important;letter-spacing:-.005em;text-decoration:none!important;transition:color .2s!important}
html body footer.KontStopka .KontaktStopka li.Mail a span,html body footer.KontStopka .KontaktStopka li.Tel a span{color:inherit!important}
html body footer.KontStopka .KontaktStopka li.Mail a:hover,html body footer.KontStopka .KontaktStopka li.Tel a:hover{color:var(--fin-acc2,#3a99ff)!important}
html body footer.KontStopka .KontaktStopka li.Godziny,html body footer.KontStopka .KontaktStopka li.Godziny span{color:rgba(234,239,244,.82)!important}
@media (max-width:1023px){
 html body footer.KontStopka .StopkaKolumny{display:block!important}
 /* link columns: the template's accordion, as clear rows */
 html body footer.KontStopka .KolumnaStopki:not(.KolumnaStopkiKontakt){border-bottom:1px solid var(--fin-ln,rgba(224,238,253,.1))!important}
 html body footer.KontStopka .KolumnaStopki:not(.KolumnaStopkiKontakt) label{position:relative;margin:0!important;padding:18px 0!important}
 html body footer.KontStopka .KolumnaStopki:not(.KolumnaStopkiKontakt) strong.NaglowekStopki{position:static!important;font-size:13px!important;color:#e8edf2!important}
 /* the template's arrow is measured from the whole row (the label), not from the short heading text */
 html body footer.KontStopka .KolumnaStopki:not(.KolumnaStopkiKontakt) strong.NaglowekStopki::before{left:auto!important;right:0!important;top:50%!important}
 html body footer.KontStopka .KolumnaStopki:not(.KolumnaStopkiKontakt) .LinkiStopki{padding:0 0 14px 15px!important}
 html body footer.KontStopka .LinkiStopki a{padding:9px 0!important;font-size:15.5px!important}
 /* Kontakt: always open, no accordion arrow */
 html body footer.KontStopka .KolumnaStopkiKontakt{margin-top:22px!important}
 html body footer.KontStopka .KolumnaStopkiKontakt label{pointer-events:none}
 html body footer.KontStopka .KolumnaStopkiKontakt strong.NaglowekStopki::before{display:none!important}
 html body footer.KontStopka .KolumnaStopkiKontakt .KontenerDaneStopka{max-height:none!important;height:auto!important;overflow:visible!important;opacity:1!important;visibility:visible!important}
}
@media (min-width:768px) and (max-width:1023px){
 html body footer.KontStopka .KontaktStopka{display:grid!important;grid-template-columns:1fr 1fr;column-gap:24px}
 html body footer.KontStopka .KontaktStopka li.Firma{grid-column:1/-1}
}


/* ===== Konto, zamówienie i pozostałe strony szablonu w stylu sklepu (14.10.2026, sesja Kalkulator i koszyk) =====
   Użytkownik: „Przebuduj też zgodnie ze stylem strony proces zamawiania zamówienia, szablony, panel klienta, proces rejestracji,
   no wszystko czego jeszcze nie przebudowaliśmy, informacje po zamówieniu na końcu”.
   Dotyczy stron, które rysuje szablon ShopGold: logowanie, rejestracja, hasło, kroki zamówienia 2–4 (szybki zakup, potwierdzenie,
   podsumowanie), płatność OK/błąd, panel klienta, zamówienia, dane, adresy, reklamacje, zwroty, wyszukiwanie, listy produktów,
   strony tekstowe (regulamin, polityka), 404, wylogowanie. Strony już przebudowane (Więcej, Serwis, Kalkulator, Oferta, LV, HV,
   osprzęt, strona główna, koszyk, konfigurator, karta produktu) są wyłączone selektorem body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)).
   Tylko wygląd: każdy formularz, pole i przycisk to element sklepu, więc jego skrypty i walidacja działają jak dotąd.
   Źródło: D:/CLAUDE/02_Strona-sekcje/konto-zamowienie-20261014/src/kn.css (body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) rozwija skrypt budujący). */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)){--kn-tusz:#171310;--kn-szary:#5b534d;--kn-jasny:#8a7f77;--kn-karta:#fff;--kn-kafel:#f4f3f1;--kn-linia:#e7e2dd;--kn-pole:#f6f5f3;--kn-pole-b:#e3ddd7;
 --kn-info:#f0f7fe;--kn-info-b:#b1d0f1;--kn-pom:#0d62bc;--kn-pom-ciem:#0a417b;--kn-burs:#3a99ff;--kn-ok:#1f8a52;--kn-blad:#b42318;--kn-blad-tlo:#fff1ef;
 --kn-cien:0 1px 0 rgba(14,25,41,.04),0 12px 32px rgba(14,25,41,.07);--kn-grad:linear-gradient(135deg,#086fde 0%,#0f5db0 48%,#084c94 100%);
 --kn-disp:Unbounded,Sora,Arial,sans-serif;--kn-txt:Sora,"Instrument Sans",Arial,sans-serif;--kn-ease:cubic-bezier(.2,.8,.2,1);
 --kolor-tlo-pola:var(--kn-karta);--kolor-ramka-pola:#cfc6be;--kolor-ramka-pola-hover:var(--kn-pom);--kolor-tlo-radio-zaznaczony:var(--kn-pom);--kolor-radio-zaznaczony:#fff;
 font-family:var(--kn-txt);color:var(--kn-tusz)}
html.fx-noc body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)){--kn-tusz:#e7ecf1;--kn-szary:#bcb0a6;--kn-jasny:#958b84;--kn-karta:#1b1714;--kn-kafel:#26201c;--kn-linia:#3a312b;--kn-pole:#221c18;--kn-pole-b:rgba(224,238,253,.14);
 --kn-info:#141e2b;--kn-info-b:rgba(58,153,255,.25);--kn-pom-ciem:#248eff;--kn-ok:#5fcf8a;--kn-blad:#ff8a7a;--kn-blad-tlo:#3a1a16;--kn-cien:0 0 0 1px rgba(224,238,253,.07);
 --kolor-ramka-pola:rgba(224,238,253,.3)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) *{box-sizing:border-box}

/* --- nagłówek strony: duży, wyśrodkowany, z pomarańczowym podpisem nad nim --- */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu))>h1.StrNaglowek{display:block;max-width:920px;margin:clamp(6px,1.4vw,16px) auto clamp(20px,2.6vw,32px)!important;padding:0!important;border:0!important;background:none!important;
 font-family:var(--kn-disp)!important;font-size:clamp(28px,3.4vw,44px)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:-.03em;text-align:center;color:var(--kn-tusz)!important;text-wrap:balance}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu))>h1.StrNaglowek span{font:inherit!important;color:inherit!important;letter-spacing:inherit}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu))>h1.StrNaglowek::before{content:"DeyePolska.pl";display:block;margin:0 0 12px;font-family:var(--kn-txt);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--kn-pom-ciem)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(#SzczegolyKoszyka)>h1.StrNaglowek::before{content:"Zamówienie"}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(.OknaLogowanie,.OknaRejestracja,#przypomnienie,.TabelaKlient,.ZamowieniaLista,#TabelaZamowienia,#daneAdresowe,#Zmienhaslo,#reklamacja,#zwrotForm,.PozycjaReklamacjaLista)>h1.StrNaglowek::before{content:"Konto klienta"}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(.Listing,#WyszukiwanieZaawansowane,.Producenci):not(:has(.ZamowieniaLista,.PozycjaReklamacjaLista))>h1.StrNaglowek::before{content:"Sklep Deye"}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(.Platnosc,#PlatnoscBladInfo)>h1.StrNaglowek::before{content:"Płatność"}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.FormatEdytor)>h1.StrNaglowek::before{content:"Informacje"}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(#formularzKlienta)>h1.StrNaglowek::before{content:"Zapytanie"}
/* the template's white frame goes, the content sits on the page as cards */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu))>.StrTresc,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #TrescKoszyka>.StrTresc{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--kn-tusz)}

/* --- karty --- */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .TabelaTbl{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:18px;align-items:start;width:auto!important;margin:0 auto!important;max-width:1180px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .TabelaTbl>.error{grid-column:1/-1}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .TabelaTbl>.error:not(:has(span:not(:empty))){display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.Ramka,.RamkaProcent,.RamkaProcentTrzy){float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:clamp(22px,3vw,38px)!important;border:0!important;border-radius:26px!important;
 background:var(--kn-karta)!important;box-shadow:var(--kn-cien)!important;color:var(--kn-tusz);font-size:15px;line-height:1.6}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .StrTresc.Ramka{padding:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .StrTresc.Ramka>.Informacja{max-width:1180px;margin:0 auto 18px!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.Ramka,.RamkaProcent)>strong:first-child,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.Ramka,.RamkaProcent) h3{display:block;margin:0 0 10px!important;padding:0!important;font-family:var(--kn-disp);font-size:clamp(18px,1.6vw,21px);font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--kn-tusz)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.Ramka,.RamkaProcent)>strong:not(:first-child){display:block;margin:26px 0 8px;padding-top:22px;border-top:1px solid var(--kn-linia);font-family:var(--kn-disp);font-size:16px;font-weight:600;color:var(--kn-tusz)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.OknaLogowanie-1,.OknaZamowienieLogowanie-2,.OknaRejestracja-1,.OknaRejestracja-2,.OknaZamowienieLogowanie-1,.OknaZamowienieZmienDane-1,.OknaZamowienieZmienDane-2)>br{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.Ramka,.RamkaProcent) a:not(.przycisk){color:var(--kn-pom-ciem);text-decoration:underline;text-underline-offset:3px}

/* --- formularze --- */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform p{margin:0 0 14px!important;padding:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform p>span:first-child:has(label.formSpan){display:flex;align-items:baseline;gap:4px;margin:0 0 7px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform label.formSpan{display:inline!important;width:auto!important;float:none!important;margin:0!important;padding:0!important;font-size:13.5px!important;font-weight:600!important;line-height:1.35;color:var(--kn-tusz)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform em.required:not(.checkreq){width:auto!important;height:auto!important;background:none!important;vertical-align:baseline}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform em.required:not(.checkreq)::after{content:"*";font-style:normal;font-weight:700;color:var(--kn-pom)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.cmxform,.UwagiZamowienie,.OknoNipParagon) :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=search],input:not([type])),
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.cmxform,.UwagiZamowienie) select,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.cmxform,.UwagiZamowienie) textarea{display:block;width:100%!important;max-width:none!important;min-height:52px;height:auto;margin:0!important;padding:0 16px!important;
 border:1px solid var(--kn-pole-b)!important;border-radius:14px!important;background-color:var(--kn-pole)!important;box-shadow:none!important;font-family:var(--kn-txt)!important;font-size:16px!important;line-height:1.4;
 color:var(--kn-tusz)!important;outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.cmxform,.UwagiZamowienie) select{-webkit-appearance:none;appearance:none;padding-right:42px!important;cursor:pointer;
 background:var(--kn-pole) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%230a417b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 16px center/13px no-repeat!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.cmxform,.UwagiZamowienie) textarea{min-height:130px;padding:14px 16px!important;resize:vertical}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.cmxform,.UwagiZamowienie,.OknoNipParagon) :is(input,select,textarea):focus{border-color:var(--kn-pom)!important;background-color:var(--kn-karta)!important;box-shadow:0 0 0 4px rgba(13,98,188,.14)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform :is(input,select,textarea).error{border-color:var(--kn-blad)!important;background-color:var(--kn-blad-tlo)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform label.error,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .errorInformacja:not(:empty){display:block;width:auto!important;margin:6px 0 0!important;padding:0!important;font-size:12.5px!important;font-weight:500!important;color:var(--kn-blad)!important;background:none!important;border:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform #nip_firmy{max-width:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .PolaFormKlienta{display:none!important}
/* osoba fizyczna / firma as two tabs */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform .OsobowoscPrawna{display:grid!important;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 18px!important;padding:4px!important;border-radius:16px;background:var(--kn-kafel)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform .OsobowoscPrawna label{display:flex!important;align-items:center;justify-content:center;min-height:44px;margin:0!important;padding:0 12px!important;border-radius:12px;font-size:14.5px;font-weight:600;line-height:1.2;color:var(--kn-szary);transition:background-color .2s,color .2s,box-shadow .2s}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform .OsobowoscPrawna label span.radio{display:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform .OsobowoscPrawna label:has(input:checked){background:var(--kn-karta);box-shadow:0 2px 8px rgba(14,25,41,.08);color:var(--kn-tusz)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform .OsobowoscPrawna label:focus-visible{outline:2px solid var(--kn-pom);outline-offset:2px}
/* checkboxes and radios: the template's own boxes, bigger and in the shop colours */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform label:not(.formSpan):not(.error){padding-left:36px!important;min-height:24px;line-height:1.5!important;font-size:14px;color:var(--kn-tusz)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform label span.check,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform label span.radio{top:0!important;width:24px!important;height:24px!important;border-radius:8px!important;border:1.5px solid var(--kolor-ramka-pola)!important;box-shadow:none!important;background-color:var(--kn-karta)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform label span.radio{border-radius:50%!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform label span.check::after,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform label span.radio::after{left:7.5px!important;top:3.5px!important;width:5px!important;height:10px!important;border-width:0 2.5px 2.5px 0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform label input:checked~span{background-color:var(--kn-pom)!important;border-color:var(--kn-pom)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform label:focus-visible span{box-shadow:0 0 0 4px rgba(13,98,188,.2)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform em.required.checkreq{left:28px!important;top:-2px!important;width:auto!important;height:auto!important;background:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .cmxform em.required.checkreq::after{content:"*";font-style:normal;font-weight:700;color:var(--kn-pom)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .CheckSekcja{margin:10px 0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) strong.CheckSekcja{text-align:left;margin:0 0 14px!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZaznaczWszystkieZgody{padding:14px 16px 4px;margin:0 0 6px;border-radius:16px;background:var(--kn-kafel)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZaznaczWszystkieZgody .CheckSekcja label{font-size:15px!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .checkboxOpis{margin:6px 0 0 36px;font-size:12.5px;line-height:1.6;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .CheckSekcja .Lf{display:none}

/* --- przyciski --- */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(input[type=submit],button[type=submit]):is(.przycisk,.przyciskZamow),html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) input.przyciskZamow,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #submitButton,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #submitButtonNowyKlient,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #submitButtonHaslo{
 display:inline-flex!important;align-items:center;justify-content:center;width:auto;min-width:min(100%,260px);min-height:54px;margin:8px 0 0!important;padding:0 30px!important;border:0!important;border-radius:16px!important;
 background:var(--kn-grad)!important;box-shadow:0 12px 26px rgba(10,81,156,.32),inset 0 1px 0 rgba(255,255,255,.28)!important;font-family:var(--kn-txt)!important;font-size:16px!important;font-weight:700!important;
 line-height:1.2;color:#fff!important;text-shadow:none!important;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .2s var(--kn-ease),filter .2s,box-shadow .2s}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(#submitButton,#submitButtonNowyKlient,#submitButtonHaslo,input.przyciskZamow):hover{transform:translateY(-1px);filter:brightness(1.05)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(#submitButton,#submitButtonNowyKlient,#submitButtonHaslo,input.przyciskZamow).przyciskWylaczony{opacity:.55;box-shadow:none!important;cursor:not-allowed;transform:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) a.przycisk,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) span.przycisk,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(input,button).przycisk:not([type=submit]){display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0;padding:0 22px!important;border:0!important;border-radius:14px!important;
 background:transparent!important;box-shadow:inset 0 0 0 1.5px var(--kn-tusz)!important;font-family:var(--kn-txt)!important;font-size:15px!important;font-weight:600!important;line-height:1.2;color:var(--kn-tusz)!important;
 text-decoration:none!important;text-shadow:none!important;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) a.przycisk:hover,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) span.przycisk:hover{background:var(--kn-tusz)!important;color:var(--kn-karta)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZmienDane{float:right;margin:0 0 8px 12px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZmienDane a.przycisk{min-height:36px;padding:0 14px!important;border-radius:999px!important;background:var(--kn-kafel)!important;box-shadow:none!important;font-size:13px!important;color:var(--kn-pom-ciem)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZmienDane a.przycisk:hover{background:var(--kn-info)!important;color:var(--kn-pom-ciem)!important}

/* --- komunikaty --- */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Informacja{position:relative;margin:0 0 18px!important;padding:18px 20px 18px 58px!important;border:1px solid var(--kn-info-b)!important;border-radius:18px!important;background:var(--kn-info)!important;
 font-size:14.5px;line-height:1.6;color:var(--kn-tusz)!important;box-shadow:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Informacja::before{content:"i";position:absolute;left:18px;top:16px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--kn-pom);font:700 14px/1 Georgia,serif;color:#fff}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Informacja:empty{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .InformacjaOk{border-color:rgba(31,138,82,.3)!important;background:rgba(31,138,82,.08)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .InformacjaOk::before{content:"✓";background:var(--kn-ok);font-family:var(--kn-txt)}

/* --- kroki zamówienia (2–4): tak jak w koszyku (kx), kółko z numerem, krótka nazwa obok i linia do następnego kroku; te same nazwy
   co w koszyku. Szablon daje #KrokiZamowienia align-items:center i podpisom opacity:.4, stąd wyrównanie i pełna widoczność. --- */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #SzczegolyKoszyka{max-width:1180px;margin:0 auto}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center!important;justify-content:normal!important;gap:0;max-width:1180px;margin:0 auto 26px!important;padding:0!important;border:0!important;background:none!important;counter-reset:kn}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok{position:relative;display:flex!important;align-items:center;justify-content:flex-start!important;gap:10px;float:none!important;width:auto!important;min-width:0;margin:0!important;padding:0 12px 0 0!important;border:0!important;background:none!important;counter-increment:kn;text-align:left}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok::before{content:counter(kn);display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--kn-karta);
 box-shadow:inset 0 0 0 1.5px var(--kn-linia);font-family:var(--kn-disp);font-size:12px;font-weight:700;color:var(--kn-jasny)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok::after{content:"";flex:1 1 auto;min-width:12px;height:1.5px;border-radius:2px;background:var(--kn-linia)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok:last-child::after{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok :is(strong,h5){display:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok :is(h2,p){flex:0 1 auto;min-width:0;margin:0!important;padding:0!important;border:0!important;background:none!important;opacity:1!important;font-size:0!important;line-height:0!important;letter-spacing:0;text-transform:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok :is(h2,p)::after{display:block;font-family:var(--kn-txt);font-size:13px;font-weight:500;line-height:1.3;color:var(--kn-szary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok:nth-child(1) :is(h2,p)::after{content:"Dostawa i płatność"}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok:nth-child(2) :is(h2,p)::after{content:"Twoje dane"}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok:nth-child(3) :is(h2,p)::after{content:"Potwierdzenie"}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok:nth-child(4) :is(h2,p)::after{content:"Gotowe"}
/* the shop's link back to the cart covers the whole step */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok a{position:absolute;inset:0;z-index:1;font-size:0!important;color:transparent!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok:has(a):hover :is(h2,p)::after{color:var(--kn-pom-ciem);text-decoration:underline;text-underline-offset:3px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok:has(~.aktywny)::before{content:"✓";box-shadow:inset 0 0 0 2px var(--kn-pom);font-family:var(--kn-txt);font-size:14px;color:var(--kn-pom)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok:has(~.aktywny)::after{background:var(--kn-pom)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok:has(~.aktywny) :is(h2,p)::after{color:var(--kn-tusz)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok.aktywny::before{background:var(--kn-grad);box-shadow:0 6px 16px rgba(13,98,188,.35);color:#fff}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok.aktywny :is(h2,p)::after{font-weight:700;color:var(--kn-tusz)}
@media (max-width:900px){
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia{display:flex!important;gap:6px;margin-bottom:18px!important}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok{flex:0 0 auto;padding:0!important}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok::after{display:none}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok:not(.aktywny) :is(h2,p){display:none}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok.aktywny{flex:1 1 auto;padding:0 6px!important}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #KrokiZamowienia .KoszykKrok::before{flex-basis:28px;width:28px;height:28px;font-size:11px}
}

/* krok 2: dane do wysyłki (szybki zakup) i logowanie obok */
@media (min-width:900px){
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OknaZamowienieLogowanie{grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr)}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OknaZamowienieLogowanie-1 form>p:has(#imie),html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OknaZamowienieLogowanie-1 form>p:has(#nazwisko){display:inline-block;width:calc(50% - 7px);vertical-align:top}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OknaZamowienieLogowanie-1 form>p:has(#imie){margin-right:10px!important}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.OknaZamowienieLogowanie-1,.OknaRejestracja-1) form>p:has(#kod_pocztowy){display:inline-block;width:calc(38% - 7px);vertical-align:top;margin-right:10px!important}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.OknaZamowienieLogowanie-1,.OknaRejestracja-1) form>p:has(#miasto){display:inline-block;width:calc(62% - 7px);vertical-align:top}
}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OknaZamowienieLogowanie-1{padding-right:clamp(22px,3vw,38px)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OknaZamowienieLogowanie-1 h3+form{margin-top:16px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OknaZamowienieLogowanie-1 form>br{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OknaZamowienieLogowanie-1 form>h3{margin-top:26px!important;padding-top:22px!important;border-top:1px solid var(--kn-linia)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OknaZamowienieLogowanie-1 form>div:last-of-type:has(#submitButtonNowyKlient){margin-top:10px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OknaZamowienieLogowanie-1 #submitButtonNowyKlient{width:100%}

/* krok 3: potwierdzenie */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #potwierdzenie{display:grid;gap:16px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #potwierdzenie>br,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #potwierdzenie>.cl{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #potwierdzenie .InfoDuze{margin:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerDaneKlienta,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerPotwierdzenieTekst{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.KontenerDaneKlienta,.KontenerPotwierdzenieTekst)>.Odstep{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.DaneWysylki,.DaneFaktura,.PotwierdzenieTekst){float:none!important;width:auto!important;margin:0!important;padding:22px 24px!important;border:0!important;border-radius:22px;background:var(--kn-karta)!important;box-shadow:var(--kn-cien)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.DaneWysylki,.DaneFaktura,.PotwierdzenieTekst) h3{margin:0 0 10px!important;font-family:var(--kn-disp)!important;font-size:16px!important;font-weight:600!important;color:var(--kn-tusz)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.DaneWysylki,.DaneFaktura,.PotwierdzenieTekst) .Tekst{font-size:14.5px;line-height:1.65;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .DaneFaktura .Tekst label{display:inline-flex!important;margin:0 18px 0 0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OknoNipParagon{margin-top:10px;font-size:14px;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OknoNipParagon input{margin-top:8px!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .FormaWysylkiPlatnosci b{font-size:15px;color:var(--kn-tusz)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OpisInfoItalic,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OpisInfo{font-style:normal!important;font-size:14px;line-height:1.6;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzenie{width:100%;margin:0!important;border:0!important;border-collapse:separate;border-spacing:0;border-radius:22px;overflow:hidden;background:var(--kn-karta);box-shadow:var(--kn-cien)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzenie th{padding:14px 18px!important;border:0!important;background:var(--kn-kafel)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--kn-szary)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzenie td{padding:16px 18px!important;border:0!important;border-top:1px solid var(--kn-linia)!important;background:none!important;font-size:14.5px;color:var(--kn-tusz);vertical-align:middle}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzenie td h3{margin:0!important;font-size:15px!important;font-weight:600!important;line-height:1.4;color:var(--kn-tusz)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzenie td h3 a{color:inherit!important;text-decoration:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzenie td img{border-radius:12px;background:#fff}
/* the template centres the cells but not the headings: price and value right under their headings, quantity centred */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzenie :is(th,td):not(:first-child){text-align:right!important;white-space:nowrap}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzenie:not(.KoszykPotwierdzeniePodsumowanie) :is(th,td):nth-child(3){text-align:center!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzenie td :is(.Cecha,.Komentarz){display:block;margin:4px 0 0;font-size:12.5px;font-weight:400;line-height:1.45;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzenie td :is(.Cecha,.Komentarz) b{font-weight:600;color:var(--kn-tusz)}
/* order total as a receipt on the right: name of each line on the left, amount on the right */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzeniePodsumowanie{float:none!important;width:min(100%,560px)!important;margin:0 0 0 auto!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzeniePodsumowanie td{border-top:0!important;padding:10px 22px!important;font-size:14.5px;font-weight:500!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzeniePodsumowanie td:first-child{text-align:left!important;white-space:normal;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzeniePodsumowanie tr:first-child td{padding-top:18px!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzeniePodsumowanie tr:last-child td{padding:16px 22px 18px!important;border-top:1px solid var(--kn-linia)!important;font-family:var(--kn-disp);font-size:18px;font-weight:700!important;color:var(--kn-tusz)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .UwagiZamowienie{padding:22px 24px;border-radius:22px;background:var(--kn-karta);box-shadow:var(--kn-cien)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .UwagiZamowienie b{display:block;margin:0 0 10px;font-family:var(--kn-disp);font-size:16px;font-weight:600}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .PotwierdzenieAkceptacje{padding:20px 24px;border-radius:22px;background:var(--kn-karta);box-shadow:var(--kn-cien)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .PotwierdzenieAkceptacje .CheckSekcja:not(:has(input)),html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .PotwierdzenieAkceptacje .CheckSekcja[style*="none"]{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .PrzyciskiPotwierdzenie{display:flex;justify-content:center;padding-top:6px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .PrzyciskiPotwierdzenie input.przyciskZamow{min-width:min(100%,420px);min-height:60px;font-size:17px!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #potwierdzenie>a.przycisk.Rg{justify-self:center;float:none!important}

/* krok 4: podsumowanie, czyli „dziękujemy” */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Podziekowanie{position:relative;isolation:isolate;overflow:hidden;margin:0 0 18px!important;padding:clamp(34px,5vw,60px) clamp(22px,4vw,48px) clamp(30px,4vw,48px)!important;border:0!important;border-radius:30px!important;text-align:center;
 background:radial-gradient(70% 60% at 50% 100%,rgba(13,98,188,.28),transparent 70%),linear-gradient(180deg,#081e3d 0%,#091423 58%,#060c14 100%)!important;color:#fff!important;
 font-family:var(--kn-disp);font-size:clamp(22px,2.6vw,32px);font-weight:700;line-height:1.2;letter-spacing:-.02em}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Podziekowanie::before{content:"✓";position:static;display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--kn-grad);box-shadow:0 14px 30px rgba(10,81,156,.45);
 font:700 30px/1 var(--kn-txt);color:#fff}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Podziekowanie::after{content:"Potwierdzenie wysłaliśmy na Twój adres e-mail. O kolejnych krokach poinformujemy Cię mailowo.";display:block;max-width:560px;margin:14px auto 0;font-family:var(--kn-txt);font-size:15px;font-weight:400;
 line-height:1.6;letter-spacing:0;color:rgba(224,238,253,.8)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .PlatnoscInfo:not(:empty){margin:0 0 16px;padding:22px 24px;border-radius:22px;background:var(--kn-karta);box-shadow:var(--kn-cien);font-size:15px;line-height:1.65;color:var(--kn-tusz)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .PlatnoscInfo:empty{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .PlatnoscInfo :is(input[type=submit],button,a.przycisk){margin-top:10px}
/* order details: one card, label above value, thin lines between rows. The template still gives this list a frame, each label
   half the width with a line on the right and right-aligned text, and each value the other half (that is what broke the words
   letter by letter on 14.10), so all of it is reset here. Order of the template's items: 1 e-mail, 2 number, 3 value, 4 date,
   5 status, 6 payment, 7 delivery, then the PDF links (pro forma if enabled, order). */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly{margin:0 0 18px!important;padding:clamp(22px,3vw,34px)!important;border:0!important;border-radius:26px;background:var(--kn-karta);box-shadow:var(--kn-cien);line-height:1.5}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly::before{content:"Szczegóły zamówienia";display:block;margin:0 0 4px;font-family:var(--kn-disp);font-size:clamp(18px,1.6vw,21px);font-weight:600;letter-spacing:-.01em;color:var(--kn-tusz)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:clamp(18px,3vw,40px);margin:0!important;padding:0!important;border:0!important;background:none!important;list-style:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li{grid-column:span 2;display:flex!important;flex-direction:column;justify-content:flex-start!important;align-items:flex-start!important;gap:5px;min-width:0;margin:0!important;padding:16px 0!important;
 border:0!important;border-bottom:1px solid var(--kn-linia)!important;background:none!important;list-style:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li::before{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li>strong{display:block;width:auto!important;margin:0!important;padding:0!important;border:0!important;text-align:left!important;font-size:12px;font-weight:600!important;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--kn-jasny)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li>span{display:block;width:auto!important;max-width:100%;margin:0!important;padding:0!important;border:0!important;text-align:left!important;font-size:16px;font-weight:600!important;line-height:1.45;color:var(--kn-tusz);overflow-wrap:break-word}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li>span.adres_email{overflow-wrap:anywhere}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li:nth-child(2){order:1}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li:nth-child(3){order:2}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li:nth-child(4){order:3}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li:nth-child(5){order:4}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li:nth-child(6){order:5}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li:nth-child(1){order:6}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li:nth-child(7){order:7;grid-column:1/-1}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li:is(:nth-child(2),:nth-child(3))>span{font-family:var(--kn-disp);font-size:clamp(20px,2vw,26px);font-weight:700!important;letter-spacing:-.02em;line-height:1.15}
/* the PDF links: two buttons side by side under the details, the label above them repeats the link, so it is hidden */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li:has(>span a){order:8;grid-column:span 3;padding:20px 0 0!important;border-bottom:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li:has(>span a)>strong{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li:has(>span a)>span{width:100%!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li>span a{display:flex!important;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:52px;margin:0!important;padding:0 18px 0 50px!important;border-radius:14px;
 background-position:18px center!important;background-size:20px 20px!important;box-shadow:inset 0 0 0 1.5px var(--kn-tusz);font-size:15px;font-weight:600;line-height:1.25;text-align:center;color:var(--kn-tusz)!important;text-decoration:none!important;transition:background-color .2s,color .2s}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li>span a:hover{background-color:var(--kn-kafel)!important;color:var(--kn-pom-ciem)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li>span a img{width:20px;height:auto}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #TrescKoszyka .StrTresc>a.przycisk.Prawy{float:none!important;display:flex!important;width:max-content;max-width:100%;margin:22px auto 0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #TrescKoszyka .StrTresc>.Prawy:not(a),html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .StrTresc>.Prawy:not(a){float:none!important;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 0!important}
@media (max-width:640px){
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li{grid-column:span 1;padding:14px 0!important}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li:is(:nth-child(1),:nth-child(6),:nth-child(7)),html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li:has(>span a){grid-column:1/-1}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li:has(>span a){padding:12px 0 0!important}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li>span{font-size:15px}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KontenerSzczegoly #podsumowanieZamowienia li>strong{font-size:10.5px;letter-spacing:.04em}
}

/* --- strony z jednym komunikatem: 404, wylogowanie, aktywacja, płatność --- */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.Informacja):not(:has(form,.Sekcja,.RamkaProcentTrzy,.Listing,.PozycjaZamowienieLista,.PozycjaReklamacjaLista,.PozycjaAdresyDostawyLista,.TabelaTbl,.FormatEdytor))>.StrTresc,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.fs-404-lead)>.StrTresc{max-width:720px;margin:0 auto!important;padding:clamp(26px,4vw,44px)!important;border-radius:28px;background:var(--kn-karta)!important;box-shadow:var(--kn-cien)!important;text-align:center}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.Informacja):not(:has(form,.Sekcja,.RamkaProcentTrzy,.Listing,.PozycjaZamowienieLista,.PozycjaReklamacjaLista,.PozycjaAdresyDostawyLista,.TabelaTbl,.FormatEdytor))>.StrTresc>.Informacja{padding:0!important;border:0!important;background:none!important;font-size:16px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.Informacja):not(:has(form,.Sekcja,.RamkaProcentTrzy,.Listing,.PozycjaZamowienieLista,.PozycjaReklamacjaLista,.PozycjaAdresyDostawyLista,.TabelaTbl,.FormatEdytor))>.StrTresc>.Informacja::before{position:static;display:grid;width:56px;height:56px;margin:0 auto 16px;font-size:24px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu))>.StrTresc>:is(.Prawy,.Lewy){float:none!important;display:inline-flex;margin:10px 5px 0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu))>.StrTresc>.fs-404-lead{margin:0 0 18px!important;font-size:16px;line-height:1.6;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu))>.StrTresc>.fs-404-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 20px!important;padding:0!important;list-style:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu))>.StrTresc>.fs-404-links li{margin:0!important;padding:0!important;list-style:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu))>.StrTresc>.fs-404-links li::before{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu))>.StrTresc>.fs-404-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--kn-kafel);font-size:14px;font-weight:600;color:var(--kn-tusz)!important;text-decoration:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu))>.StrTresc>.fs-404-links a:hover{background:var(--kn-info);color:var(--kn-pom-ciem)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #PlatnoscBladInfo,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .KomunikatBledu{color:var(--kn-blad)}

/* --- panel klienta, zamówienia, reklamacje --- */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Sekcja{float:none!important;width:auto!important;margin:0 0 16px!important;padding:clamp(20px,2.6vw,30px)!important;border:0!important;border-radius:24px!important;background:var(--kn-karta)!important;box-shadow:var(--kn-cien)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Sekcja .TytulSekcji{margin:0 0 12px!important;padding:0!important;border:0!important;background:none!important;font-family:var(--kn-disp)!important;font-size:17px!important;font-weight:600!important;color:var(--kn-tusz)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Sekcja .TrescSekcji{padding:0!important;border:0!important;font-size:14.5px;line-height:1.6;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SekcjaRamka{border:0!important;border-radius:18px;background:var(--kn-kafel)!important;padding:16px 18px!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.TabelaKlient,#TabelaZamowienia,.SekcjaTbl){width:100%;border:0!important;border-collapse:separate;border-spacing:0}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.TabelaKlient,#TabelaZamowienia) :is(td,th){padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--kn-linia)!important;background:none!important;font-size:14px;color:var(--kn-tusz);text-align:left}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.TabelaKlient,#TabelaZamowienia) tr:last-child td{border-bottom:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.TabelaKlient,#TabelaZamowienia) .TabelaOpis,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.TabelaKlient,#TabelaZamowienia) th{font-size:12px!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--kn-jasny)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .StatusZamowienia{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--kn-info);font-size:12.5px;font-weight:700;color:var(--kn-pom-ciem)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.PozycjaZamowienieLista,.PozycjaReklamacjaLista,.PozycjaAdresyDostawyLista,.PozycjaHistoriaZamowienia){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px 18px;align-items:center;margin:0 0 12px!important;padding:18px 20px!important;
 border:0!important;border-radius:20px;background:var(--kn-karta);box-shadow:var(--kn-cien);font-size:14px;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.PozycjaZamowienieLista,.PozycjaReklamacjaLista,.PozycjaAdresyDostawyLista)>*{float:none!important;width:auto!important;margin:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.PozycjaZamowienieLista,.PozycjaReklamacjaLista) .Tytul{font-family:var(--kn-disp);font-size:15px;font-weight:600;color:var(--kn-tusz)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .DataZlozenia{font-size:13px;color:var(--kn-jasny)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .PodsumowanieWartosc{font-family:var(--kn-disp);font-weight:700;color:var(--kn-tusz)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .StatPp{border-radius:18px;background:var(--kn-kafel);padding:14px 16px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(.RamkaProcentTrzy)>.StrTresc{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;max-width:1180px;margin:0 auto}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(.RamkaProcentTrzy)>.StrTresc>*{grid-column:1/-1}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(.RamkaProcentTrzy)>.StrTresc>.RamkaProcentTrzy{grid-column:auto;display:grid;gap:16px;padding:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(.RamkaProcentTrzy)>.StrTresc>.cl{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(.RamkaProcentTrzy)>.StrTresc>.Rg{justify-self:end;float:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(.RamkaProcentTrzy)>.StrTresc>.Informacja{margin:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(.RamkaProcentTrzy)>.StrTresc>.Sekcja{margin:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(.RamkaProcentTrzy)>.StrTresc>a.przycisk{justify-self:center;float:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .RamkaProcentTrzy .Sekcja{margin:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Sekcja .TrescSekcji a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--kn-linia);font-size:15px;font-weight:600;color:var(--kn-tusz)!important;text-decoration:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Sekcja .TrescSekcji:last-child a{border-bottom:0}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Sekcja .TrescSekcji a::after{content:"→";color:var(--kn-pom-ciem);transition:transform .2s}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Sekcja .TrescSekcji a:hover{color:var(--kn-pom-ciem)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Sekcja .TrescSekcji a:hover::after{transform:translateX(3px)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .TabelaKlient{overflow-x:auto}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .TabelaKlient table{width:100%;border-collapse:collapse}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .TabelaKlient :is(td,th){padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--kn-linia)!important;text-align:left;font-size:14px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .TabelaKlient th{font-size:12px!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--kn-jasny)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZamowieniaLista{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px 20px;grid-column:1/-1;align-items:start}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZamowieniaLista strong{display:block;margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--kn-jasny)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZamowieniaLista ul{margin:0!important;padding:0!important;list-style:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZamowieniaLista li{margin:0 0 3px!important;padding:0!important;list-style:none;font-size:14px;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZamowieniaLista li::before{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZamowieniaLista li b{color:var(--kn-tusz)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZamowieniaLista>a.przycisk{align-self:end;justify-self:end}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SzczegolyData em{font-style:normal}
@media (max-width:900px){html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(.RamkaProcentTrzy)>.StrTresc{grid-template-columns:minmax(0,1fr)}}

/* --- wyszukiwanie zaawansowane --- */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WyszukiwanieZaawansowane{max-width:900px;margin:0 auto;padding:clamp(22px,3vw,36px);border-radius:26px;background:var(--kn-karta);box-shadow:var(--kn-cien)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WyszukiwanieZaawansowane .OpcjaSzukania{margin:0 0 14px!important;padding:0!important;border:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WyszukiwanieZaawansowane>p{margin:0!important;border-bottom:1px solid var(--kn-linia)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WyszukiwanieZaawansowane>p:last-child{border:0}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WyszukiwanieZaawansowane>p[style]{margin-top:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WyszukiwanieZaawansowane>p>label{display:flex!important;align-items:center;justify-content:space-between;gap:16px;min-height:52px;margin:0!important;padding:8px 0!important;font-size:14.5px!important;font-weight:500!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WyszukiwanieZaawansowane>p>label>b:first-child{font-weight:600}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WyszukiwanieZaawansowane b.OpcjaSzukania:has(select,.ulamek){display:flex;align-items:center;gap:8px;width:auto;height:auto}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WyszukiwanieZaawansowane b.OpcjaSzukania .ulamek{width:110px!important;min-height:44px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WyszukiwanieZaawansowane b.OpcjaSzukania select{width:260px!important;min-height:44px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WyszukiwanieZaawansowane b.OpcjaSzukania{position:relative;display:block;flex:none;width:24px;height:24px;margin:0!important;padding:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WyszukiwanieZaawansowane b.OpcjaSzukania span.check{position:absolute!important;inset:0!important;transform:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WyszukiwanieZaawansowane p.WyszukajFraze{border:0;padding-bottom:10px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WyszukiwanieZaawansowane p.WyszukajFraze>label{display:block!important;padding:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WyszukiwanieZaawansowane p.WyszukajFraze b.OpcjaSzukania{width:auto;height:auto;margin-top:8px!important}

/* --- listy produktów (wyszukiwarka, nowości, promocje, producent): pasek z liczbą, stronami i widokiem --- */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ListingNawigacja{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 16px!important;padding:10px 12px 10px 16px!important;border:0!important;border-radius:18px;background:var(--kn-karta)!important;box-shadow:var(--kn-cien)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ListingNawigacja[style*="none"]{display:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ListingNawigacja .cl{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ListingNawigacja .IndexStron{display:flex;flex-wrap:wrap;align-items:center;gap:6px;float:none!important;font-size:14px;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ListingNawigacja .IndexStron>b{margin-right:4px;font-weight:600;color:var(--kn-tusz)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ListingNawigacja .IndexStron a{display:grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border-radius:10px;background:var(--kn-kafel);font-weight:600;color:var(--kn-tusz)!important;text-decoration:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ListingNawigacja .IndexStron a.Aktywna{background:var(--kn-tusz);color:var(--kn-karta)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ListingNawigacja .IndexStron span{margin-left:8px;font-size:13px;color:var(--kn-jasny)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WynikWyszukiwania{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px!important;padding:14px 16px 14px 20px!important;border:0!important;border-radius:18px;background:var(--kn-karta);box-shadow:var(--kn-cien);font-size:14.5px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WynikWyszukiwania>*{float:none!important;margin:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WynikWyszukiwania p{display:flex;gap:6px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #WynikWyszukiwania .cl{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #BrakProduktow{display:block!important;float:none!important;width:auto!important;max-width:none!important;text-align:center;padding:26px 24px!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #BrakProduktow::before{position:static;margin:0 auto 10px}

/* --- strony tekstowe (regulamin, polityka prywatności, cookies): wygodny dokument --- */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.FormatEdytor)>.StrTresc>.FormatEdytor{max-width:900px;margin:0 auto;padding:clamp(24px,4vw,56px)!important;border-radius:28px;background:var(--kn-karta);box-shadow:var(--kn-cien);
 font-size:15.5px;line-height:1.75;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.FormatEdytor)>.StrTresc>.FormatEdytor :is(h2,h3){font-family:var(--kn-disp)!important;font-weight:600!important;letter-spacing:-.01em;line-height:1.25;color:var(--kn-tusz)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.FormatEdytor)>.StrTresc>.FormatEdytor h2{margin:0 0 18px!important;font-size:clamp(20px,2.2vw,26px)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.FormatEdytor)>.StrTresc>.FormatEdytor h3{margin:34px 0 12px!important;padding-top:26px;border-top:1px solid var(--kn-linia);font-size:17px!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.FormatEdytor)>.StrTresc>.FormatEdytor h3:first-child,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.FormatEdytor)>.StrTresc>.FormatEdytor h2+h3{margin-top:10px!important;padding-top:0;border-top:0}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.FormatEdytor)>.StrTresc>.FormatEdytor :is(ol,ul){margin:0 0 16px 22px!important;padding:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.FormatEdytor)>.StrTresc>.FormatEdytor li{margin:0 0 8px!important;padding-left:4px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.FormatEdytor)>.StrTresc>.FormatEdytor li::marker{color:var(--kn-pom-ciem);font-weight:700}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.FormatEdytor)>.StrTresc>.FormatEdytor a{color:var(--kn-pom-ciem)!important;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.FormatEdytor)>.StrTresc>.FormatEdytor :is(b,strong){color:var(--kn-tusz)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.FormatEdytor)>.StrTresc>.FormatEdytor table{width:100%;border-collapse:collapse;font-size:14px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.FormatEdytor)>.StrTresc>.FormatEdytor :is(td,th){padding:10px 12px;border:1px solid var(--kn-linia)!important}

/* --- formularz zapytania o produkt (f-2) --- */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #formularzKlienta{max-width:720px;margin:0 auto;padding:clamp(22px,3vw,36px);border-radius:26px;background:var(--kn-karta);box-shadow:var(--kn-cien)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :has(>#formularzKlienta) .OpisFormularza,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OpisFormularza{max-width:720px;margin:0 auto 16px!important;text-align:center;font-size:15px;line-height:1.6;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OpisPolaFormularza{display:block!important;float:none!important;width:auto!important;max-width:760px;margin:0 auto!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .TrescPolaFormularza{float:none!important;width:auto!important;padding:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZabezpieczenieFormularz{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZabezpieczenieFormularz .Lf{float:none!important;margin:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZabezpieczenieFormularz #weryfikacja{width:180px!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OdswiezGrafike img{margin:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(#formularzKlienta)>.StrTresc>:is(.Prawy,.Lewy),html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(#formularzKlienta) .StrTresc>a.przycisk{float:none!important;display:inline-flex}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(#formularzKlienta)>.StrTresc{text-align:center}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(#formularzKlienta)>.StrTresc #formularzKlienta,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(#formularzKlienta)>.StrTresc .OpisPolaFormularza{text-align:left}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .NaglowekZabezpieczenieFormularz{font-size:13.5px;font-weight:600}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OknoGrafikiFormularz img{border-radius:10px;background:#fff}

/* --- telefon --- */
@media (max-width:640px){
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu))>h1.StrNaglowek{font-size:clamp(24px,7vw,30px)!important}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .TabelaTbl{gap:12px}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.Ramka,.RamkaProcent){border-radius:22px!important;padding:20px 18px!important}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(#submitButton,#submitButtonNowyKlient,#submitButtonHaslo,input.przyciskZamow){width:100%!important}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzenie .UkryjMobile{display:none}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) table.KoszykPotwierdzenie :is(td,th){padding:12px!important}
 html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.DaneWysylki,.DaneFaktura,.PotwierdzenieTekst,.UwagiZamowienie,.PotwierdzenieAkceptacje){padding:18px!important}
}

/* --- lewa kolumna (kategorie i kontakt na stronach z listami): karty jak w menu --- */
html body #LewaKolumna :is(.CalyBoxKategorie,.CalyBox){margin:0 0 16px!important;padding:16px 12px 12px!important;border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 1px 0 rgba(14,25,41,.04),0 10px 26px rgba(14,25,41,.06)!important}
html body #LewaKolumna :is(.BoxNaglowekKategorie,.BoxNaglowek){margin:0 4px 8px!important;padding:0!important;border:0!important;background:none!important;font:600 12px/1.2 Sora,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#0a417b!important}
html body #LewaKolumna :is(.BoxNaglowekKategorie,.BoxNaglowek) label{font:inherit!important;color:inherit!important}
html body #LewaKolumna .BoxKategorieWysuwane a{border-radius:12px;transition:background-color .2s}
html body #LewaKolumna .BoxKategorieWysuwane a:hover{background:#f4f3f1}
html body #LewaKolumna .BoxKategorieWysuwane .IkonaLink{font-size:14px;font-weight:600;color:#171310}
html.fx-noc body #LewaKolumna :is(.CalyBoxKategorie,.CalyBox){background:#1b1714!important;box-shadow:0 0 0 1px rgba(224,238,253,.07)!important}
html.fx-noc body #LewaKolumna .BoxKategorieWysuwane .IkonaLink{color:#e7ecf1}
html.fx-noc body #LewaKolumna .BoxKategorieWysuwane a:hover{background:#26201c}

/* --- dodatki ze skryptu menu (poprawki „konto”): krótkie wstępy, lista zalet konta, „Pokaż” przy haśle --- */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .kn-lead{margin:-4px 0 16px!important;font-size:14.5px;line-height:1.55;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .kn-zalety{display:grid;gap:10px;margin:4px 0 22px!important;padding:0!important;list-style:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .kn-zalety li{position:relative;margin:0!important;padding:0 0 0 32px!important;list-style:none;font-size:15px;line-height:1.5;color:var(--kn-tusz)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .kn-zalety li::before{content:"✓";position:absolute;left:0;top:0;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--kn-info);font-size:12px;font-weight:700;color:var(--kn-pom-ciem)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .kn-btn{margin:0 0 14px!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .kn-btn a.przycisk{width:100%}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .kn-uwaga{margin:0!important;padding:14px 16px;border-radius:14px;background:var(--kn-kafel);font-size:13.5px;line-height:1.55;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .kn-haslo{position:relative;display:block}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .kn-haslo input{padding-right:84px!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .kn-oko{position:absolute;right:8px;top:8px;height:36px;padding:0 12px;border:0;border-radius:10px;background:var(--kn-karta);box-shadow:inset 0 0 0 1px var(--kn-linia);
 font:600 13px/1 var(--kn-txt);color:var(--kn-pom-ciem);cursor:pointer}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .kn-oko:hover{background:var(--kn-info)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .OknaLogowanie-2.kn-gotowe>strong:first-child{margin-bottom:8px!important}

/* --- lista zamówień: numer i status u góry, pod spodem adres i szczegóły obok siebie --- */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .PozycjaZamowienieLista,html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .PozycjaReklamacjaLista{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) :is(.PozycjaZamowienieLista,.PozycjaReklamacjaLista)>.cl{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .PozycjaZamowienieLista>.ZamowieniaLista{flex:1 1 100%;padding-top:16px;border-top:1px solid var(--kn-linia)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .ZamowieniaLista>*{float:none!important;width:auto!important;margin:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SzczegolyData{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;float:none!important;width:auto!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SzczegolyData br{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SzczegolyData .StatusZamowienia b{margin-left:4px}

/* --- szczegóły zamówienia w panelu klienta: płatność i dostawa jako etykieta nad wartością, PDF jako przyciski, kwoty jak paragon --- */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Sekcja:has(#podsumowanie_zamowienia){display:grid;grid-template-columns:minmax(0,1fr);gap:0}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Sekcja ul:is(#podsumowanie_zamowienia,#podsumowanie_zamowienia~ul){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0 clamp(18px,3vw,40px);margin:0!important;padding:0!important;list-style:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Sekcja ul:is(#podsumowanie_zamowienia,#podsumowanie_zamowienia~ul):empty{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Sekcja ul:is(#podsumowanie_zamowienia,#podsumowanie_zamowienia~ul) li{display:flex;flex-direction:column;gap:5px;margin:0!important;padding:14px 0!important;border-bottom:1px solid var(--kn-linia);list-style:none;
 font-size:12px;font-weight:600;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--kn-jasny)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Sekcja ul:is(#podsumowanie_zamowienia,#podsumowanie_zamowienia~ul) li::before{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Sekcja ul:is(#podsumowanie_zamowienia,#podsumowanie_zamowienia~ul) li :is(strong,a){font-size:16px;font-weight:600;line-height:1.45;letter-spacing:0;text-transform:none;color:var(--kn-tusz);overflow-wrap:break-word}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Sekcja ul:is(#podsumowanie_zamowienia,#podsumowanie_zamowienia~ul) li a{color:var(--kn-pom-ciem)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) #podsumowanie_zamowienia li:nth-child(2){grid-column:1/-1;order:3}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Ikonki{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Ikonki a{display:inline-flex!important;align-items:center;min-height:48px;margin:0!important;padding:0 18px 0 46px!important;border-radius:14px;background-color:var(--kn-karta)!important;background-position:16px center!important;background-size:20px 20px!important;
 box-shadow:inset 0 0 0 1.5px var(--kn-tusz);font-size:15px;font-weight:600;color:var(--kn-tusz)!important;text-decoration:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .Ikonki a:hover{background-color:var(--kn-kafel)!important;color:var(--kn-pom-ciem)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SekcjaTbl{display:grid!important;grid-template-columns:minmax(0,1fr);justify-content:stretch!important;width:min(100%,560px)!important;margin:16px 0 0 auto!important;padding:8px 22px!important;border-radius:22px;background:var(--kn-karta);box-shadow:var(--kn-cien)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SekcjaTbl .WierszTbl{display:flex!important;align-items:baseline;justify-content:space-between!important;gap:16px;width:auto!important;margin:0!important;padding:10px 0!important;border:0!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SekcjaTbl .WierszTbl+.WierszTbl{border-top:1px solid var(--kn-linia)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SekcjaTbl :is(.PodsumowanieOpis,.PodsumowanieWartosc){display:block!important;float:none!important;width:auto!important;padding:0!important;border:0!important;text-align:left!important;font-size:14.5px;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SekcjaTbl .PodsumowanieWartosc{flex:0 0 auto;text-align:right!important;white-space:nowrap}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SekcjaTbl .PodsumowanieWartosc .Cena{font-family:var(--kn-txt);font-size:15px;font-weight:600;color:var(--kn-tusz)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SekcjaTbl .WierszTbl:last-child :is(.PodsumowanieOpis,.PodsumowanieWartosc .Cena){font-family:var(--kn-disp);font-size:18px;font-weight:700;color:var(--kn-tusz)!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .TabelaKlient #TabelaZamowienia td .Cecha{display:block;margin:4px 0 0;font-size:12.5px;color:var(--kn-szary)}
@media (min-width:900px){html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .TabelaKlient #TabelaZamowienia :is(td,th):nth-child(n+3){text-align:right!important;white-space:nowrap}}
/* status history as a simple timeline: orange dot, date and status, thin line to the next entry (the template's boxes and lines go) */
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SekcjaRamka .PozycjaHistoriaZamowienia{display:block!important;position:relative;margin:0!important;padding:10px 0 10px 28px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SekcjaRamka .PozycjaHistoriaZamowienia::before{content:"";display:block;position:absolute;left:4px;top:17px;width:10px;height:10px;margin:0;border-radius:50%;background:var(--kn-pom);box-shadow:0 0 0 4px rgba(13,98,188,.16)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SekcjaRamka .PozycjaHistoriaZamowienia::after{content:"";display:block;position:absolute;left:8.5px;top:33px;bottom:-9px;width:1px;background:var(--kn-linia)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SekcjaRamka .PozycjaHistoriaZamowienia:last-child::after{display:none}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SekcjaRamka .PozycjaHistoriaZamowienia .TrescScr{position:static!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SekcjaRamka .PozycjaHistoriaZamowienia .TrescScr::before{display:none!important}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .SekcjaRamka .PozycjaHistoriaZamowienia .ZamowienieKomentarz:not(:empty){margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--kn-szary)}
html body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)) .TabelaKlient #TabelaZamowienia .TabelaOpis{opacity:1!important;color:var(--kn-jasny)!important}
/* px: karta produktu (karta-produktu-20261014) */
html body #RamkaProduktu:not(#px1):not(#px2),html body #ZakladkiProduktu:not(#px1):not(#px2),html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty,html body #fsCross:not(#px1):not(#px2){--px-tusz:#171310;--px-szary:#5b534d;--px-jasny:#8a7f77;--px-karta:#fff;--px-kafel:#f4f3f1;--px-linia:#e7e2dd;--px-pom:#0d62bc;--px-pom-ciem:#0a417b;--px-burs:#3a99ff;
--px-ok:#1f8a52;--px-ok-tlo:#eaf6ef;--px-info:#f0f7fe;--px-info-b:#b1d0f1;
--px-scena:radial-gradient(60% 55% at 50% 42%,#fbfaf9 0%,#f1eeeb 62%,#e9e5e1 100%);--px-miniatura:#f1eeeb;--px-scena-opis:var(--px-scena);
--px-studio:radial-gradient(58% 70% at 74% 62%,rgba(13,98,188,.30),transparent 64%),radial-gradient(34% 30% at 74% 96%,rgba(58,153,255,.20),transparent 72%),linear-gradient(180deg,#1d1714 0%,#0a0c10 100%);
--px-cien:0 1px 0 rgba(14,25,41,.04),0 12px 32px rgba(14,25,41,.07);--px-grad:linear-gradient(135deg,#086fde 0%,#0f5db0 48%,#084c94 100%);
--px-disp:Unbounded,Sora,Arial,sans-serif;--px-txt:Sora,"Instrument Sans",Arial,sans-serif;--px-ease:cubic-bezier(.2,.8,.2,1)}
html.fx-noc body #RamkaProduktu:not(#px1):not(#px2),html.fx-noc body #ZakladkiProduktu:not(#px1):not(#px2),html.fx-noc body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty,html.fx-noc body #fsCross:not(#px1):not(#px2){--px-tusz:#e7ecf1;--px-szary:#bcb0a6;--px-jasny:#958b84;--px-karta:#1b1714;--px-kafel:#231d19;--px-linia:#3a312b;--px-pom-ciem:#248eff;
--px-ok:#5fcf8a;--px-ok-tlo:rgba(95,207,138,.12);--px-info:#141e2b;--px-info-b:rgba(58,153,255,.25);
--px-scena:radial-gradient(60% 55% at 50% 42%,#e9e4df 0%,#d9d3cd 66%,#cdc6bf 100%);--px-miniatura:#e4dfda;--px-scena-opis:radial-gradient(60% 60% at 50% 45%,#2a221d 0%,#1b1613 70%,#090e14 100%);--px-cien:0 0 0 1px rgba(224,238,253,.07)}
html body #RamkaProduktu:not(#px1):not(#px2){padding:0!important;margin:0 0 28px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-family:var(--px-txt);color:var(--px-tusz)}
html body #RamkaProduktu:not(#px1):not(#px2) #KartaProduktu{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:clamp(28px,4vw,64px)!important;align-items:start!important;
padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #KartaProduktu::before,html body #RamkaProduktu:not(#px1):not(#px2) #KartaProduktu::after{content:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #KartaProduktu{margin-bottom:clamp(40px,5vw,72px)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaProduktu{width:auto!important;float:none!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;min-width:0}
html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaProduktu .ZdjeciaKontener{position:relative;width:auto!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important}
html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze{position:relative;isolation:isolate;overflow:hidden;border-radius:32px!important;background:var(--px-scena)!important;border:0!important;box-shadow:none!important;
padding:clamp(20px,3vw,44px) clamp(16px,2.6vw,40px)!important;margin:0!important}
html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze::after{content:"";position:absolute;z-index:0;left:18%;right:18%;bottom:7%;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(14,25,41,.16),transparent);pointer-events:none}
html.fx-noc body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze::after{background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent)}
html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze a{background:transparent!important;border:0!important;box-shadow:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze img{width:auto!important;max-width:100%!important;height:auto!important;max-height:min(520px,58vh)!important;margin:0 auto!important;object-fit:contain;
background:transparent!important;border-radius:0;filter:none!important;mix-blend-mode:normal!important}
html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze .slick-list{position:relative;z-index:1;mix-blend-mode:multiply!important;background:transparent!important}
html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze :is(.slick-track,.slick-slide){background:transparent!important}
html body #RamkaProduktu:not(#px1):not(#px2) .DodatkoweZdjecia{margin:14px 0 0!important;padding:0 44px!important;position:relative;background:transparent!important;border:0!important}
html body #RamkaProduktu:not(#px1):not(#px2) .DodatkoweZdjecia .slick-slide{padding:0 5px!important;border:0!important;border-radius:16px!important;background:var(--px-miniatura)!important;background-clip:content-box!important;box-shadow:none!important;opacity:1}
html body #RamkaProduktu:not(#px1):not(#px2) .DodatkoweZdjecia .slick-slide img{width:100%!important;height:78px!important;object-fit:contain;padding:8px;border-radius:16px!important;background:transparent!important;mix-blend-mode:multiply!important;
border:1.5px solid transparent!important;box-shadow:none!important;cursor:pointer;transition:border-color .2s}
html body #RamkaProduktu:not(#px1):not(#px2) .DodatkoweZdjecia .slick-slide img:hover{border-color:rgba(23,19,16,.18)!important}
html body #RamkaProduktu:not(#px1):not(#px2) .DodatkoweZdjecia .slick-current img{border-color:#171310!important}
html body #RamkaProduktu:not(#px1):not(#px2) .DodatkoweZdjecia .slick-list{mix-blend-mode:normal!important}
html body #RamkaProduktu:not(#px1):not(#px2) .DodatkoweZdjecia .slick-arrow,html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze .slick-arrow{position:absolute!important;top:50%!important;width:36px!important;height:36px!important;margin:-18px 0 0!important;padding:0!important;
border-radius:50%!important;border:1px solid var(--px-linia)!important;background:var(--px-karta)!important;box-shadow:0 4px 12px rgba(14,25,41,.08)!important;font-size:0!important;color:transparent!important;z-index:3;cursor:pointer}
html body #RamkaProduktu:not(#px1):not(#px2) .DodatkoweZdjecia .slick-prev,html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze .slick-prev{left:0!important}
html body #RamkaProduktu:not(#px1):not(#px2) .DodatkoweZdjecia .slick-next,html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze .slick-next{right:0!important;left:auto!important}
html body #RamkaProduktu:not(#px1):not(#px2) .DodatkoweZdjecia .slick-arrow::before,html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze .slick-arrow::before{content:""!important;position:absolute;inset:0;margin:auto;width:8px;height:8px;border:solid var(--px-tusz);border-width:0 0 2px 2px;opacity:1!important;
transform:translateX(1px) rotate(45deg);background:none!important;font-size:0}
html body #RamkaProduktu:not(#px1):not(#px2) .DodatkoweZdjecia .slick-next::before,html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze .slick-next::before{transform:translateX(-1px) rotate(-135deg)}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu{width:auto!important;float:none!important;padding:4px 0 0!important;margin:0!important;border:0!important;background:transparent!important;min-width:0;text-align:left!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new{--fp-ink:var(--px-tusz);--fp-muted:var(--px-szary);--fp-line:var(--px-linia);--fp-surface:var(--px-kafel);--fp-accent:var(--px-pom-ciem);font-family:var(--px-txt)!important;color:var(--px-tusz)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-badges{display:flex!important;align-items:center;gap:10px;margin:0 0 18px!important;padding:0!important;border:0!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-badges a.fp-producer{margin:0!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-badges img{height:26px!important;width:auto!important;max-width:150px!important;opacity:.92}
html.fx-noc body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-badges img{filter:brightness(0) invert(1);opacity:.82}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new h1.fp-title{display:block!important;margin:0 0 10px!important;padding:0!important;border:0!important;text-align:left!important;background:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-title-intro{display:block!important;margin:0 0 8px!important;font-family:var(--px-txt)!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:0!important;color:var(--px-szary)!important;text-transform:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-title-model{display:block!important;font-family:var(--px-disp)!important;font-size:clamp(30px,3.1vw,46px)!important;font-weight:700!important;line-height:1.04!important;letter-spacing:-.035em!important;color:var(--px-tusz)!important;overflow-wrap:anywhere}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-subtitle{margin:0 0 18px!important;font-size:15px!important;line-height:1.5!important;color:var(--px-szary)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-stock{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-start!important;gap:8px 16px;margin:0 0 22px!important;padding:0!important;border:0!important;font-size:14px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-stock>span:first-child{padding:7px 13px 7px 11px;border-radius:999px;background:var(--px-ok-tlo);color:var(--px-ok)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-stock>span:first-child b{color:inherit!important;font-weight:700}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-stock>span:first-child i{width:8px!important;height:8px!important;border-radius:50%;background:currentColor!important;box-shadow:0 0 0 4px rgba(31,138,82,.16)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-stock>span:last-child{color:var(--px-szary)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-stock>span:last-child b{color:var(--px-tusz)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-highlights{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;gap:8px!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:none!important;border-radius:0!important;overflow:visible!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-highlights>div{margin:0!important;padding:14px 16px!important;border:1px solid var(--px-linia)!important;border-radius:18px!important;background:var(--px-karta)!important;color:var(--px-tusz)!important;box-shadow:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-highlights dt{display:flex!important;align-items:center;gap:6px;min-height:0!important;margin:0 0 8px!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;color:var(--px-jasny)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-highlights dt .fp-icon{color:var(--px-pom-ciem)!important;width:15px!important;height:15px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-highlights dd{margin:0!important;font-family:var(--px-disp)!important;font-size:22px!important;font-weight:700!important;line-height:1.1!important;letter-spacing:-.02em;color:var(--px-tusz)!important;white-space:nowrap}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-highlights dd small{margin-left:3px;font-family:var(--px-txt)!important;font-size:13px!important;font-weight:600!important;letter-spacing:0;color:var(--px-szary)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new details.fp-details{margin:0 0 20px!important;padding:0!important;border:0!important;border-bottom:1px solid var(--px-linia)!important;background:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-details summary{display:flex!important;align-items:center;justify-content:space-between;min-height:48px;padding:0 2px!important;font-size:14px!important;font-weight:600!important;color:var(--px-tusz)!important;cursor:pointer;list-style:none}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-details summary>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--px-kafel);font-size:18px!important;transition:transform .25s var(--px-ease)}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-details>dl{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 18px!important;margin:0!important;padding:4px 2px 18px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-details dt{font-size:12px!important;color:var(--px-jasny)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-details dd{font-size:14px!important;font-weight:600!important;color:var(--px-tusz)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .SekcjaCen.fp-purchase{margin:0!important;padding:clamp(18px,2vw,26px)!important;border:1px solid var(--px-linia)!important;border-radius:26px!important;background:var(--px-karta)!important;box-shadow:var(--px-cien)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-price{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:8px 18px;flex-wrap:wrap;margin:0 0 18px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-price-label{display:block;margin:0 0 6px!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;color:var(--px-jasny)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new #CenaGlownaProduktuBrutto strong,html body #RamkaProduktu:not(#px1):not(#px2) #fp-new #CenaGlownaProduktuBrutto strong>span{font-family:var(--px-disp)!important;font-size:clamp(32px,3vw,42px)!important;font-weight:700!important;line-height:1!important;letter-spacing:-.035em!important;color:var(--px-tusz)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new #CenaGlownaProduktuBrutto .fp-currency{margin-left:6px;font-family:var(--px-txt)!important;font-size:18px!important;font-weight:600!important;letter-spacing:0!important;color:var(--px-szary)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-net{margin:0!important;font-size:13px!important;color:var(--px-szary)!important;text-align:right}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-net strong{color:var(--px-tusz)!important;font-weight:700}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-actions{display:grid!important;grid-template-columns:136px minmax(0,1fr)!important;align-items:end!important;gap:10px!important;margin:0 0 16px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-quantity label{margin:0 0 6px 4px!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;color:var(--px-jasny)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .PoleIlosc{display:grid!important;grid-template-columns:44px 1fr 44px!important;align-items:center;height:56px!important;padding:0 4px!important;border:1px solid var(--px-linia)!important;border-radius:999px!important;background:var(--px-karta)!important;box-shadow:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .PoleIlosc span.minus,html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .PoleIlosc span.plus{display:grid!important;place-items:center;width:44px!important;height:44px!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;
font-size:20px!important;font-weight:500!important;line-height:1!important;color:var(--px-tusz)!important;cursor:pointer;transition:background-color .2s}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .PoleIlosc span.minus:hover,html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .PoleIlosc span.plus:hover{background:var(--px-kafel)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .PoleIlosc input{height:44px!important;font-family:var(--px-txt)!important;font-size:17px!important;font-weight:700!important;color:var(--px-tusz)!important;background:transparent!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-cart{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;height:56px!important;min-height:56px!important;padding:0 22px!important;border:0!important;border-radius:999px!important;
background:var(--px-grad)!important;box-shadow:0 12px 26px rgba(10,81,156,.30),inset 0 1px 0 rgba(255,255,255,.28)!important;font-family:var(--px-txt)!important;font-size:16px!important;font-weight:700!important;letter-spacing:0!important;color:#fff!important;
text-transform:none!important;cursor:pointer;transition:transform .2s var(--px-ease),filter .2s,box-shadow .2s}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-cart:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 16px 32px rgba(10,81,156,.36),inset 0 1px 0 rgba(255,255,255,.28)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-cart .fp-icon{color:#fff!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new #PrzyciskSchowek{margin:0!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-delivery{margin:0 0 14px!important;padding:14px 16px!important;border:0!important;border-radius:18px!important;background:var(--px-kafel)!important;color:var(--px-tusz)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-delivery>div{font-size:13.5px!important;color:var(--px-tusz)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-delivery>div>span{color:var(--px-szary)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-delivery .fp-total{margin:6px 0 0!important;padding:8px 0 0!important;border-top:1px solid var(--px-linia)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-delivery .fp-total>span,html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-delivery .fp-total b{color:var(--px-tusz)!important;font-weight:700}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-delivery p{margin:2px 0 6px!important;font-size:12.5px!important;color:var(--px-jasny)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-delivery .fp-pickup{border-top:1px solid var(--px-linia)!important;padding-top:8px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-delivery b{color:var(--px-tusz)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-delivery .fp-icon{color:var(--px-pom-ciem)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-payments{margin:0!important;padding:0!important;border:0!important;background:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-payments>p{margin:0 0 8px!important;font-size:12px!important;color:var(--px-jasny)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-payment-logos{display:flex!important;flex-wrap:wrap;gap:6px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-payment-logo{height:34px!important;padding:0 12px!important;border:1px solid var(--px-linia)!important;border-radius:10px!important;background:#fff!important}
html.fx-noc body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-payment-logo{background:#e7ecf1!important;border-color:transparent!important}
html.fx-noc body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-payment-logo.fp-bank{color:#5b534d!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-trust{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 16px!important;margin:16px 2px 0!important;padding:0!important;border:0!important;list-style:none}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-trust li{display:flex!important;align-items:flex-start;gap:8px;min-width:0;white-space:normal!important;overflow-wrap:anywhere;margin:0!important;font-size:12.5px!important;line-height:1.4!important;color:var(--px-szary)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-trust .fp-icon{color:var(--px-pom-ciem)!important}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 14px;margin:0 0 12px;padding:14px 18px 14px 14px;border:1.5px solid #85b7ec;border-radius:18px;
background:linear-gradient(180deg,#f2f8fe 0%,#fff 100%);color:var(--px-tusz);text-align:left;box-shadow:none}
html.fx-noc body #RamkaProduktu:not(#px1):not(#px2) .px-moc{border-color:rgba(58,153,255,.38);background:linear-gradient(180deg,#141e2b 0%,#1b1714 100%)}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc-ik{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#d4e7fb;color:#0a417b}
html.fx-noc body #RamkaProduktu:not(#px1):not(#px2) .px-moc-ik{background:rgba(36,142,255,.16);color:#3a99ff}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc-ik svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc-etyk{grid-column:2;align-self:end;font-size:11.5px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:var(--px-pom-ciem)}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc-tyt{grid-column:2;align-self:start;margin:0;font-size:13px;font-weight:500;line-height:1.4;color:var(--px-szary)}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc-wart{grid-column:3;grid-row:1/3;font-family:var(--px-disp);font-size:clamp(26px,2.3vw,32px);font-weight:700;line-height:1;letter-spacing:-.035em;color:var(--px-tusz);white-space:nowrap}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc-wart small{margin-left:4px;font-family:var(--px-txt);font-size:15px;font-weight:600;letter-spacing:0;color:var(--px-szary)}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc-lista{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0 0;padding:0;list-style:none}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc-lista li{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:9px 12px;border-radius:12px;background:var(--px-karta);border:1px solid var(--px-linia)}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc-lista li span{font-size:12.5px;line-height:1.3;color:var(--px-szary)}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc-lista li b{font-family:var(--px-disp);font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--px-tusz);white-space:nowrap}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc-lista li b small{margin-left:3px;font-family:var(--px-txt);font-size:12px;font-weight:600;color:var(--px-szary)}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc-opis{grid-column:1/-1;margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--px-jasny)}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc-wiersz dd{color:var(--px-pom-ciem)!important;font-weight:700!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)){padding-top:8px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .Ikonki{display:flex!important;gap:6px;margin:0 0 16px!important;padding:0!important;position:static!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .Ikonki .Ikona{position:static!important;display:inline-flex!important;align-items:center;height:28px;margin:0!important;padding:0 12px!important;border:0!important;border-radius:999px!important;
background:var(--px-info)!important;box-shadow:inset 0 0 0 1px var(--px-info-b)!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;color:var(--px-pom-ciem)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .Ikonki .Ikona b{color:inherit!important;font-weight:inherit!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .NazwaProducent{margin:0 0 20px!important;padding:0!important;border:0!important;background:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .NazwaProducent h1{margin:0 0 12px!important;padding:0!important;border:0!important;font-family:var(--px-disp)!important;font-size:clamp(24px,2.3vw,34px)!important;font-weight:700!important;line-height:1.12!important;letter-spacing:-.03em!important;
color:var(--px-tusz)!important;text-align:left!important;background:none!important;text-wrap:balance}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .NazwaProducent h1::before,html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .NazwaProducent h1::after{content:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .Producent{margin:0!important;padding:0!important;border:0!important;font-size:12px!important;color:var(--px-jasny)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .Producent::before{content:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .Producent *{border:0!important;padding-left:0!important;box-shadow:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .Producent *::before{content:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .ListaOpisy{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 18px!important;margin:0 0 18px!important;padding:6px 18px!important;
border:1px solid var(--px-linia)!important;border-radius:22px!important;background:var(--px-karta)!important;box-shadow:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .ListaOpisy p.TbPoz{display:flex!important;flex-direction:column;gap:2px;margin:0!important;padding:12px 0!important;border:0!important;border-bottom:1px solid var(--px-linia)!important;background:none!important;font-size:14px!important;text-align:left!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .ListaOpisy p.TbPoz:nth-last-child(-n+2){border-bottom:0!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .ListaOpisy p.TbPoz>span{width:auto!important;float:none!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase;color:var(--px-jasny)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .ListaOpisy p.TbPoz>strong{width:auto!important;float:none!important;font-size:14.5px!important;font-weight:600!important;color:var(--px-tusz)!important;text-align:left!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) #Dostepnosc strong{color:var(--px-ok)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) #FormKartaProduktu{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) #FormKartaProduktu>br{display:none}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .CenaDlaZalogowanych{display:block!important;margin:0!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .CenaDlaZalogowanych a.przycisk{display:flex!important;align-items:center;justify-content:center;width:100%!important;max-width:420px;height:56px!important;padding:0 26px!important;border:0!important;border-radius:999px!important;
background:var(--px-grad)!important;box-shadow:0 12px 26px rgba(10,81,156,.30),inset 0 1px 0 rgba(255,255,255,.28)!important;font-family:var(--px-txt)!important;font-size:16px!important;font-weight:700!important;color:#fff!important;text-transform:none!important;text-decoration:none!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .CenaDlaZalogowanych a.przycisk:hover{filter:brightness(1.04);transform:translateY(-1px)}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .CenaDlaZalogowanych::after{content:"Cenę i termin dostawy podamy w odpowiedzi na zapytanie.";display:block;max-width:420px;margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--px-jasny)}
html body #ZakladkiProduktu:not(#px1):not(#px2){margin:0!important;padding:0!important;border:0!important;background:transparent!important;font-family:var(--px-txt);color:var(--px-tusz)}
html body #ZakladkiProduktu:not(#px1):not(#px2) #TloZakladek{display:flex!important;justify-content:center;margin:0 0 clamp(22px,2.6vw,32px)!important;padding:0!important;border:0!important;background:none!important;clear:both}
html body #ZakladkiProduktu:not(#px1):not(#px2) ul#Zakladki{display:inline-flex!important;flex-wrap:wrap;justify-content:center;align-items:center!important;gap:2px!important;margin:0!important;padding:4px!important;height:auto!important;border:0!important;border-radius:999px!important;background:var(--px-kafel)!important;box-shadow:inset 0 0 0 1px var(--px-linia)!important;list-style:none}
html body #ZakladkiProduktu:not(#px1):not(#px2) ul#Zakladki li{display:inline-flex!important;align-items:center;gap:7px;min-height:38px;height:38px!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;
font-family:var(--px-txt)!important;font-size:14px!important;font-weight:600!important;line-height:1!important;color:var(--px-szary)!important;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}
html body #ZakladkiProduktu:not(#px1):not(#px2) ul#Zakladki li:hover{color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) ul#Zakladki li.aktywna{background:var(--px-karta)!important;color:var(--px-tusz)!important;box-shadow:0 2px 10px rgba(14,25,41,.10)!important}
html.fx-noc body #ZakladkiProduktu:not(#px1):not(#px2) ul#Zakladki li.aktywna{background:#3a312b!important;box-shadow:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) ul#Zakladki li::before,html body #ZakladkiProduktu:not(#px1):not(#px2) ul#Zakladki li::after{border-color:currentColor!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) ul#Zakladki li#z_pliki::before{width:15px!important;height:15px!important;flex-basis:15px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) #TloZakladek .cl{display:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) #TresciZakladek{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) #TresciZakladek>div{padding:0!important;border:0!important;background:transparent!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) .FilmyYoutubeFlvProdukt{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;max-width:1180px;margin:0 auto!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) .FilmyYoutubeFlvProdukt .FilmYoutubeFlv{margin:0!important;border-radius:20px!important;overflow:hidden}
html body #ZakladkiProduktu:not(#px1):not(#px2) .FormatEdytor:has(>.fdp){max-width:none!important;padding:0!important;margin:0!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp{--fdp-ink:var(--px-tusz);--fdp-muted:var(--px-szary);--fdp-line:var(--px-linia);--fdp-soft:var(--px-kafel);--fdp-warm:var(--px-info);--fdp-orange:var(--px-pom-ciem);
max-width:1180px!important;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;font-family:var(--px-txt)!important;color:var(--px-tusz)!important;overflow:visible!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp h2,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp h3{font-family:var(--px-disp)!important;font-weight:700!important;letter-spacing:-.025em!important;color:inherit;text-transform:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-hero{position:relative!important;isolation:isolate;overflow:hidden!important;min-height:0!important;margin:0!important;padding:clamp(28px,4.4vw,68px)!important;gap:clamp(24px,4vw,56px)!important;
grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;border:0!important;border-radius:32px!important;background:var(--px-studio)!important;color:#e8edf3!important;box-shadow:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-hero::before,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-hero::after{content:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-hero svg.fdp-scene{display:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-hero .fdp-intro{position:relative;z-index:1;max-width:620px}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-brand{display:flex!important;align-items:center;gap:14px;margin:0 0 26px!important;color:rgba(232,237,243,.6)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-brand img{height:30px!important;width:auto!important;filter:none!important;opacity:1}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-brand img[src*="felicitysolar-logo"]{content:url("/images/ems-felicity-logo-on-dark.png");height:34px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-brand img:not([src*="felicitysolar-logo"]):not([src*="on-dark"]){filter:brightness(0) invert(1)!important;opacity:.9}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-brand span{padding-left:14px!important;border-left:1px solid rgba(224,238,253,.2)!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:.04em;color:rgba(232,237,243,.66)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-brand-name,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-brand strong,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-brand b{color:#fff!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-model{margin:0 0 14px!important;font-family:var(--px-txt)!important;font-size:13px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--px-burs)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-lead{margin:0 0 18px!important;font-family:var(--px-disp)!important;font-size:clamp(28px,3.4vw,50px)!important;font-weight:700!important;line-height:1.05!important;letter-spacing:-.035em!important;color:#fff!important;text-wrap:balance}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-summary{margin:0 0 22px!important;max-width:560px;font-size:16px!important;line-height:1.65!important;color:rgba(232,237,243,.74)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-energy-sources{display:flex!important;flex-wrap:wrap;gap:8px!important;margin:0 0 28px!important;padding:0!important;list-style:none}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-energy-sources li{display:inline-flex!important;align-items:center;gap:7px;margin:0!important;padding:7px 13px!important;border:1px solid rgba(224,238,253,.16)!important;border-radius:999px!important;background:rgba(255,255,255,.05)!important;font-size:13px!important;color:rgba(232,237,243,.86)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-energy-sources li svg{color:var(--px-burs)!important;stroke:currentColor}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-actions{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px 22px!important;margin:0!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:50px;padding:0 24px!important;border:0!important;border-radius:999px!important;background:var(--px-grad)!important;
box-shadow:0 12px 26px rgba(10,81,156,.32),inset 0 1px 0 rgba(255,255,255,.28)!important;font-family:var(--px-txt)!important;font-size:15px!important;font-weight:700!important;color:#fff!important;text-decoration:none!important;transition:transform .2s var(--px-ease),filter .2s}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-button:hover{transform:translateY(-1px);filter:brightness(1.05)}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-hero .fdp-text-link{font-size:14.5px!important;font-weight:600!important;color:rgba(232,237,243,.86)!important;text-decoration:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-hero .fdp-text-link:hover{color:#fff!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-product{position:relative;z-index:1;margin:0!important;padding:0!important;background:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-product::before,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-product::after,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-photo::before,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-photo::after{content:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-photo{display:flex!important;align-items:center;justify-content:center;min-height:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-photo img{width:100%!important;height:auto!important;max-height:440px!important;max-width:100%!important;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-product figcaption{margin:18px 0 0!important;padding:0!important;border:0!important;font-size:12.5px!important;text-align:center!important;color:rgba(232,237,243,.56)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-product figcaption::before,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-product figcaption::after{content:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp:has(.fdp-el,.fel-diagram,.fel-flow) .fdp-photo{padding:22px!important;border-radius:26px!important;background:#fff!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp:has(.fdp-el,.fel-diagram,.fel-flow) .fdp-photo img{filter:none!important;max-height:340px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-facts{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:10px!important;margin:12px 0 0!important;padding:0!important;border:0!important;background:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-facts>div{margin:0!important;padding:18px 20px!important;border:1px solid var(--px-linia)!important;border-radius:22px!important;background:var(--px-karta)!important;box-shadow:none!important;color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-facts>div:first-child{border-color:transparent!important;background:#171310!important;color:#eaeff5!important}
html.fx-noc body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-facts>div:first-child{background:#2a211c!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-facts dt{margin:0 0 8px!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;color:var(--px-jasny)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-facts>div:first-child dt{color:var(--px-burs)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-facts dd{margin:0!important;font-family:var(--px-disp)!important;font-size:clamp(22px,2.2vw,30px)!important;font-weight:700!important;line-height:1.1!important;letter-spacing:-.03em!important;color:inherit!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-facts dd span{font-family:var(--px-txt)!important;font-size:15px!important;font-weight:600!important;letter-spacing:0!important;color:inherit;opacity:.7}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-navigation{display:flex!important;flex-wrap:wrap;justify-content:center!important;gap:4px!important;width:max-content;max-width:100%;margin:22px auto 0!important;padding:5px!important;border:0!important;border-radius:999px!important;
background:var(--px-kafel)!important;box-shadow:inset 0 0 0 1px var(--px-linia)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-navigation a{display:inline-flex!important;align-items:center;gap:8px;min-height:40px!important;padding:0 18px!important;border-radius:999px!important;background:transparent!important;font-size:13.5px!important;font-weight:600!important;color:var(--px-szary)!important;text-decoration:none!important;transition:background-color .2s,color .2s}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-navigation a::after{content:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-navigation a:is(:hover,:focus-visible,.is-active,[aria-current]){background:var(--px-karta)!important;color:var(--px-tusz)!important;box-shadow:0 2px 10px rgba(14,25,41,.08)}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-navigation svg{color:var(--px-pom-ciem)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-section{margin:0!important;padding:clamp(48px,6vw,88px) 0 0!important;border:0!important;background:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-section-heading{max-width:760px;margin:0 auto clamp(24px,3vw,40px)!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;text-align:center!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-section-heading h2{margin:0 0 12px!important;font-size:clamp(26px,3vw,42px)!important;line-height:1.08!important;letter-spacing:-.03em!important;color:var(--px-tusz)!important;text-wrap:balance}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-section-heading h2::before,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-section-heading h2::after,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-section-heading::after{content:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-section-heading p{margin:0 auto!important;max-width:620px;font-size:16px!important;line-height:1.6!important;color:var(--px-szary)!important;text-align:center!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-benefits{gap:12px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-benefit{position:relative;margin:0!important;padding:clamp(22px,2.4vw,30px)!important;border:1px solid var(--px-linia)!important;border-radius:24px!important;background:var(--px-karta)!important;box-shadow:var(--px-cien)!important;color:var(--px-tusz)!important;text-align:left!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-benefit::before,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-benefit::after{content:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-benefit svg.fdp-icon,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-benefit>.fdp-icon{width:48px!important;height:48px!important;margin:0 0 18px!important;padding:12px!important;border:0!important;border-radius:16px!important;background:var(--px-kafel)!important;color:var(--px-pom-ciem)!important;stroke:currentColor;box-shadow:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-benefit h3{margin:0 0 10px!important;font-size:18px!important;line-height:1.25!important;color:var(--px-tusz)!important;text-align:left!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-benefit p{margin:0!important;font-size:14.5px!important;line-height:1.65!important;color:var(--px-szary)!important;text-align:left!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-benefit-metric{margin:18px 0 0!important;padding:14px 0 0!important;border-top:1px solid var(--px-linia)!important;text-align:left!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-benefit-metric strong,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-benefit-metric b,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-benefit-metric span:first-child{font-family:var(--px-disp)!important;color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-benefit-metric small,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-benefit-metric p{color:var(--px-jasny)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp :is(.ems-cinema,.battery-cinema){border-radius:32px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .bvx-viewer{border:0!important;border-radius:32px!important;background:var(--px-scena-opis)!important;box-shadow:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .bvx-viewer :is(h2,h3){color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .bvx-viewer .bvx-note{color:var(--px-jasny)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .bvx-viewer::before,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .bvx-viewer::after{content:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp :is(.bvx-kicker,.fdp-energy-eyebrow){font-family:var(--px-txt)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--px-pom-ciem)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .bvx-story h3,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .bvx-story h2{font-size:clamp(22px,2.4vw,32px)!important;line-height:1.1!important;color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .bvx-story p{color:var(--px-szary)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .bvx-story-visual{border-radius:26px!important;overflow:hidden}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .bvx-stat strong,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .bvx-stat b{font-family:var(--px-disp)!important;color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .battery-feature-card{border:1px solid var(--px-linia)!important;border-radius:24px!important;background:var(--px-karta)!important;box-shadow:var(--px-cien)!important;overflow:hidden}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .battery-feature-card h3{font-size:18px!important;color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .battery-feature-card p{color:var(--px-szary)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-system{margin-top:clamp(48px,6vw,88px)!important;padding:clamp(24px,3.4vw,48px)!important;border:0!important;border-radius:32px!important;background:var(--px-kafel)!important;box-shadow:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-system h2{color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-diagram{border:0!important;border-radius:24px!important;background:radial-gradient(70% 90% at 80% 10%,rgba(13,98,188,.22),transparent 60%),linear-gradient(180deg,#1d1714,#0a0c10)!important;box-shadow:0 18px 40px rgba(23,19,16,.18)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-mode{display:inline-flex!important;gap:4px!important;padding:5px!important;border:0!important;border-radius:999px!important;background:var(--px-karta)!important;box-shadow:inset 0 0 0 1px var(--px-linia)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-mode button{min-height:40px;padding:0 18px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;font-family:var(--px-txt)!important;font-size:13.5px!important;font-weight:600!important;color:var(--px-szary)!important;cursor:pointer}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-mode button:is([aria-pressed="true"],.is-active,.active,[aria-selected="true"]){background:#171310!important;color:#fff!important}
html.fx-noc body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-mode button:is([aria-pressed="true"],.is-active,.active,[aria-selected="true"]){background:#e7ecf1!important;color:#171310!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-mode-description{color:var(--px-szary)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-spec-grid{gap:12px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp :is(.fdp-spec-energy,.fdp-spec-installation,.fdp-table-wrap,.fdp-dimensions){padding:clamp(16px,2vw,24px)!important;border:1px solid var(--px-linia)!important;border-radius:24px!important;background:var(--px-karta)!important;box-shadow:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table{width:100%!important;border-collapse:collapse!important;background:transparent!important;font-size:14px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table caption,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table-heading{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:0 0 14px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
font-family:var(--px-disp)!important;font-size:16px!important;font-weight:700!important;color:var(--px-tusz)!important;text-align:left!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table-heading svg.fdp-icon,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table-heading .fdp-icon{width:40px!important;height:40px!important;padding:10px!important;border-radius:14px!important;background:var(--px-kafel)!important;color:var(--px-pom-ciem)!important;stroke:currentColor;box-shadow:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table-heading :is(small,span:not(:first-child)){font-family:var(--px-txt)!important;font-size:12px!important;font-weight:500!important;color:var(--px-jasny)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table thead,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table thead :is(th,td){background:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp :is(.bvx-dimensions,.fdp-dimensions){border:0!important;border-radius:24px!important;background:var(--px-kafel)!important;box-shadow:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp :is(.bvx-dimensions,.fdp-dimensions) :is(.bvx-kicker,.fdp-dimension-heading){color:var(--px-pom-ciem)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .bvx-dimensions text,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .bvx-dimensions .bvx-dim-label{fill:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table :is(th,td){padding:12px 10px!important;border:0!important;border-bottom:1px solid var(--px-linia)!important;background:transparent!important;color:var(--px-tusz)!important;text-align:left;vertical-align:top}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table th{font-weight:500!important;color:var(--px-szary)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table td{font-weight:600!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table tr:last-child :is(th,td){border-bottom:0!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table tr.fdp-key-row :is(th,td){background:var(--px-info)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table tr.fdp-key-row td{color:var(--px-pom-ciem)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-expansion{border-radius:18px!important;background:var(--px-kafel)!important;border:0!important;color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-download-cta{display:flex!important;justify-content:center;margin:clamp(32px,4vw,56px) 0 0!important;padding:0!important;border:0!important;background:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-download-cta a,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp a.fdp-download-link{display:inline-flex!important;align-items:center;gap:10px;min-height:48px;padding:0 22px!important;border-radius:999px!important;background:transparent!important;
box-shadow:inset 0 0 0 1.5px var(--px-tusz)!important;font-size:14.5px!important;font-weight:600!important;color:var(--px-tusz)!important;text-decoration:none!important;transition:background-color .2s,color .2s}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-download-cta a:hover,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp a.fdp-download-link:hover{background:var(--px-tusz)!important;color:var(--px-karta)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-navigation a.fdp-download-link{box-shadow:none!important;min-height:40px!important;padding:0 18px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fel-docs a.fdp-download-link{display:flex!important;align-items:center;gap:14px;min-height:64px;padding:12px 18px 12px 12px!important;border:1px solid var(--px-linia)!important;border-radius:20px!important;
background:var(--px-karta)!important;box-shadow:none!important;color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fel-docs a.fdp-download-link:hover{border-color:var(--px-pom)!important;background:var(--px-karta)!important;color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fel-docs a.fdp-download-link>b{flex:0 0 auto;display:grid!important;place-items:center;width:44px!important;height:44px!important;border-radius:14px!important;background:var(--px-info)!important;color:var(--px-pom-ciem)!important;font-size:11px!important;font-weight:700!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fel-docs a.fdp-download-link>span{flex:1 1 auto;min-width:0}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fel-docs a.fdp-download-link>svg{flex:0 0 auto;margin-left:auto;color:var(--px-pom-ciem)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fel-docs a.fdp-download-link strong{display:block;font-size:14.5px!important;font-weight:600!important;color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fel-docs a.fdp-download-link small{display:block;font-size:12px!important;color:var(--px-jasny)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fel-docs-more{margin:14px 0 0!important;justify-content:center!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fel-docs-more a{color:var(--px-pom-ciem)!important;font-weight:600!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-mode:not(:has(button)){display:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-spec-heading{display:block!important;text-align:center!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-spec-heading>svg{display:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table :is(tbody,tr){background:transparent!important;box-shadow:none!important;border-radius:0!important;border:0!important;outline:0!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table caption{padding:0 4px 14px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table caption{display:table-caption!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table-heading>span:nth-child(n){font-family:var(--px-disp)!important;font-size:16px!important;font-weight:700!important;line-height:1.3;color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table-heading span{font-family:var(--px-disp)!important;font-size:16px!important;font-weight:700!important;color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table-heading span small,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-table-heading span>span+span{display:block;font-family:var(--px-txt)!important;font-size:12px!important;font-weight:500!important;color:var(--px-jasny)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp :is(.fel-diagram,.fel-flow){border-radius:24px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp section:has(>.fel-diagram),html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp section:has(.fel-flow){border-radius:32px!important;background:var(--px-kafel)!important;border:0!important;box-shadow:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-tou-steps{gap:12px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-tou-steps>li{padding:clamp(20px,2.2vw,26px)!important;border:1px solid var(--px-linia)!important;border-radius:22px!important;background:var(--px-karta)!important;box-shadow:var(--px-cien)!important;color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-tou-steps>li{display:block!important;min-height:0!important;height:auto!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-tou-steps>li>span:first-child{margin:0 0 14px!important;display:grid!important;place-items:center;width:36px!important;height:36px!important;border-radius:50%!important;background:#171310!important;color:#fff!important;font-family:var(--px-disp)!important;font-size:14px!important;font-weight:700!important}
html.fx-noc body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-tou-steps>li>span:first-child{background:#e7ecf1!important;color:#171310!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-tou-steps strong{display:block;margin:14px 0 6px;font-family:var(--px-disp)!important;font-size:16px!important;font-weight:700!important;letter-spacing:-.01em;color:var(--px-tusz)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-tou-steps p,html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-tou-steps div>span{color:var(--px-szary)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fel-diagram{background:radial-gradient(70% 90% at 80% 10%,rgba(13,98,188,.22),transparent 60%),linear-gradient(180deg,#1d1714,#0a0c10)!important;border:0!important;box-shadow:0 18px 40px rgba(23,19,16,.18)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fel-match a{border:1px solid var(--px-linia)!important;border-radius:20px!important;background:var(--px-karta)!important;box-shadow:none!important;color:var(--px-tusz)!important}
html body #fsCross:not(#px1):not(#px2){display:none!important}
html body #fsCross:not(#px1):not(#px2) .fs-xs{border:1px solid var(--px-linia)!important;border-radius:28px!important;background:var(--px-karta)!important;box-shadow:var(--px-cien)!important;color:var(--px-tusz)!important;font-family:var(--px-txt)}
html body #fsCross:not(#px1):not(#px2) .fs-xs-hd{border-bottom-color:var(--px-linia)!important}
html body #fsCross:not(#px1):not(#px2) .fs-xs-h{font-family:var(--px-disp)!important;font-size:clamp(22px,2.4vw,30px)!important;font-weight:700!important;letter-spacing:-.03em!important;color:var(--px-tusz)!important}
html body #fsCross:not(#px1):not(#px2) .fs-xs-note{color:var(--px-szary)!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty{position:relative;margin:clamp(48px,6vw,88px) 0 0!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty>.StrNaglowek{display:flex!important;align-items:flex-end;justify-content:space-between;gap:16px;margin:clamp(32px,4vw,56px) 0 16px!important;padding:0!important;border:0!important;background:none!important;text-align:left}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty>.StrNaglowek:first-child{margin-top:0!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty>.StrNaglowek span{font-family:var(--px-disp)!important;font-size:clamp(22px,2.4vw,30px)!important;font-weight:700!important;letter-spacing:-.03em!important;color:var(--px-tusz)!important;text-transform:none!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty>.StrNaglowek::before,html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty>.StrNaglowek::after,html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty>.StrNaglowek span::before,html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty>.StrNaglowek span::after{content:none!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty>.StrTresc{position:relative;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .ListingWierszeKartaProduktuKontener{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(196px,calc((100% - 48px)/5));gap:12px!important;margin:0!important;padding:2px 2px 14px!important;
overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:2px;scrollbar-width:thin;scrollbar-color:var(--px-linia) transparent}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .ListingWierszeKartaProduktuKontener>.cl{display:none!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno{float:none!important;width:auto!important;min-width:0;margin:0!important;padding:0!important;scroll-snap-align:start}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ElementListingRamka{display:flex!important;flex-direction:column;height:100%;margin:0!important;padding:10px 10px 14px!important;border:1px solid var(--px-linia)!important;border-radius:20px!important;background:var(--px-karta)!important;box-shadow:none!important;text-align:left!important;transition:border-color .2s,transform .2s var(--px-ease)}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ElementListingRamka:hover{border-color:#d9cfc6!important;transform:translateY(-2px)}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .Foto{position:relative;height:168px!important;margin:0 0 12px!important;padding:10px!important;border-radius:14px!important;background:var(--px-miniatura)!important;overflow:hidden}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .Foto a,html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .Foto .ZdjecieIkony{display:flex!important;align-items:center;justify-content:center;width:100%;height:100%}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .Foto img{width:auto!important;max-width:100%!important;height:auto!important;max-height:148px!important;object-fit:contain;mix-blend-mode:multiply!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .IkonkiProduktu{position:absolute!important;left:8px!important;top:8px!important;z-index:2}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .IkonkiProduktu .Ikona{margin:0!important;padding:3px 8px!important;border-radius:999px!important;font-size:10px!important;letter-spacing:.06em}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .Foto::after{top:8px!important;right:8px!important;left:auto!important;transform:none!important;padding:3px 9px!important;font-size:11px!important;line-height:1.3!important;border-radius:999px!important;box-shadow:none!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ProdCena{display:flex!important;flex-direction:column;flex:1 1 auto;gap:8px;padding:0 4px!important;text-align:left!important;color:var(--px-tusz)!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ProdCena h3,html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ProdCena h3 a{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0!important;padding:0!important;
font-family:var(--px-txt)!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;color:var(--px-tusz)!important;text-align:left!important;text-decoration:none!important;min-height:0!important;height:auto!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ProduktCena{margin-top:auto!important;text-align:left!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ProduktCena .Cena{display:flex!important;flex-direction:column;align-items:flex-start;gap:1px}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ProduktCena em{font-style:normal!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ProduktCena em.Brutto{font-family:var(--px-disp)!important;font-size:16px!important;font-weight:700!important;letter-spacing:-.02em;color:var(--px-tusz)!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ProduktCena em.Netto{font-size:11.5px!important;color:var(--px-jasny)!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ProduktCena small{font-family:var(--px-txt)!important;font-size:11px!important;font-weight:500!important;color:var(--px-jasny)!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ZakupKontener{margin:10px 0 0!important;padding:0 4px!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ZakupKontener .Zakup{display:flex!important;align-items:center;gap:6px;margin:0!important;padding:0!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ZakupKontener input.InputIlosc,html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ZakupKontener .Zakup>em{display:none!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ZakupKontener :is(.DoKoszyka,.przycisk){display:inline-flex!important;align-items:center;justify-content:center;width:100%;min-height:36px;margin:0!important;padding:0 14px!important;border:0!important;border-radius:999px!important;
background:#171310!important;color:#fff!important;box-shadow:none!important;font-family:var(--px-txt)!important;font-size:12.5px!important;font-weight:700!important;text-decoration:none!important;cursor:pointer}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ZakupKontener .ZapytanieProduktListing{background:transparent!important;color:var(--px-tusz)!important;box-shadow:inset 0 0 0 1.5px var(--px-linia)!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ZakupKontener :is(.DoKoszyka,.przycisk):hover{background:var(--px-pom-ciem)!important;color:#fff!important;box-shadow:none!important}
html.fx-noc body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .ZakupKontener .DoKoszyka{background:#e7ecf1!important;color:#171310!important}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .pxp-strzalki{display:flex;gap:6px}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .pxp-strzalki button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--px-linia);border-radius:50%;background:var(--px-karta);color:var(--px-tusz);cursor:pointer;transition:background-color .2s,opacity .2s}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .pxp-strzalki button:hover{background:var(--px-kafel)}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .pxp-strzalki button:disabled{opacity:.35;cursor:default}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .pxp-strzalki button::before{content:"";width:9px;height:9px;border:solid currentColor;border-width:0 0 2px 2px;transform:translateX(2px) rotate(45deg)}
html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .pxp-strzalki button+button::before{transform:translateX(-2px) rotate(-135deg)}
@media (max-width:1023px){html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .ListingWierszeKartaProduktuKontener{grid-auto-columns:minmax(180px,calc((100% - 24px)/3))}}
@media (max-width:600px){html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .ListingWierszeKartaProduktuKontener{grid-auto-columns:minmax(156px,44%)} html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .pxp-strzalki{display:none} html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .Foto{height:140px!important} html body:has(#RamkaProduktu) #SrodekKolumna:not(#px1):not(#px2) .PozostaleProdukty .Okno .Foto img{max-height:120px!important}}
html body #ZakladkiProduktu:not(#px1):not(#px2) :is(.DaneGpsr,.InfoProducentOpis):not(:has(*)){display:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) .DaneGpsr,html body #ZakladkiProduktu:not(#px1):not(#px2) .InfoProducentOpis{max-width:1180px;margin:28px auto 0!important;padding:20px 24px!important;border:1px solid var(--px-linia)!important;border-radius:22px!important;background:var(--px-karta)!important;font-size:13px!important;color:var(--px-szary)!important}
@media (min-width:1024px){
html body:has(#RamkaProduktu) .CalaStrona{overflow:clip!important}
html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaProduktu{position:sticky!important;top:96px!important;align-self:start!important;z-index:1}
}
@media (min-width:1024px) and (max-width:1279px){
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-highlights:has(>div:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:1023px){
html body #RamkaProduktu:not(#px1):not(#px2) #KartaProduktu{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze{border-radius:26px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze img{max-height:min(420px,52vh)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-hero{grid-template-columns:minmax(0,1fr)!important;text-align:left}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-photo img{max-height:340px!important}
}
@media (max-width:600px){
html body #RamkaProduktu:not(#px1):not(#px2){margin-bottom:20px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze{border-radius:22px!important;padding:16px 12px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #ZdjeciaDuze img{max-height:330px!important}
html body #RamkaProduktu:not(#px1):not(#px2) .DodatkoweZdjecia{padding:0 38px!important}
html body #RamkaProduktu:not(#px1):not(#px2) .DodatkoweZdjecia .slick-slide img{height:64px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-highlights{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-highlights dd{font-size:20px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-actions{grid-template-columns:126px minmax(0,1fr)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .PoleIlosc{grid-template-columns:36px 1fr 36px!important;padding:0 3px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .PoleIlosc span.minus,html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .PoleIlosc span.plus{width:36px!important;height:36px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-cart{padding:0 14px!important;font-size:15px!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-price{flex-direction:column!important;align-items:flex-start!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-price,html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-price *{text-align:left!important}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-net{text-align:left}
html body #RamkaProduktu:not(#px1):not(#px2) #fp-new .fp-trust{grid-template-columns:1fr!important}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc{padding:16px 16px 14px}
html body #RamkaProduktu:not(#px1):not(#px2) .px-moc-lista{grid-template-columns:minmax(0,1fr)}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .ListaOpisy{grid-template-columns:minmax(0,1fr)!important}
html body #RamkaProduktu:not(#px1):not(#px2) #InformacjeProduktu:not(:has(#fp-new)) .ListaOpisy p.TbPoz:nth-last-child(2){border-bottom:1px solid var(--px-linia)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) ul#Zakladki{display:flex!important;flex-wrap:nowrap;justify-content:flex-start!important;overflow-x:auto;width:max-content;max-width:100%;min-width:0;margin:0 auto!important;scrollbar-width:none}
html body #ZakladkiProduktu:not(#px1):not(#px2) ul#Zakladki li{flex:0 0 auto;padding:0 16px!important;font-size:13.5px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-hero{border-radius:24px!important;padding:26px 20px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-facts>div{padding:14px 16px!important;border-radius:18px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-navigation{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-radius:22px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp .fdp-navigation a{justify-content:center}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp :is(.ems-cinema,.battery-cinema,.bvx-viewer,.fdp-system){border-radius:24px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp.fdp-el .fdp-system{margin-left:0!important;margin-right:0!important;padding:20px 14px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp.fdp-el .fel-diagram{padding:16px 8px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp.fdp-el .fel-flow{margin:12px 0 6px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp.fdp-el .fel-node{gap:8px!important;padding:9px 8px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp.fdp-el .fel-node svg{flex:0 0 22px;width:22px!important;height:22px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) article.fdp.fdp-el .fel-node strong{font-size:clamp(11px,3.3vw,12px)!important}
}
@media (prefers-reduced-motion:reduce){html body #RamkaProduktu:not(#px1):not(#px2) *,html body #ZakladkiProduktu:not(#px1):not(#px2) *{transition:none!important}}
html body #ZakladkiProduktu:not(#px1):not(#px2) .FormatEdytor:has(>.pxo){max-width:none!important;padding:0!important;margin:0!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo{max-width:1180px;margin:0 auto;font-family:var(--px-txt);font-size:16px;line-height:1.6;color:var(--px-tusz);text-align:left;-webkit-font-smoothing:antialiased}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo *,html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo *::before,html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo *::after{box-sizing:border-box}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo :is(h2,h3,h4,p,ul,ol,dl,dd,figure){margin:0;padding:0}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo :is(ul,ol){list-style:none}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo h2,html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo h3{font-family:var(--px-disp);font-weight:700;letter-spacing:-.03em;color:inherit;text-transform:none;border:0;background:none}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo a{text-decoration:none}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo img{display:block;max-width:100%;height:auto}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo [class*="pxo-ik-"]{display:inline-block;flex:0 0 auto;width:22px;height:22px;background:currentColor;-webkit-mask:var(--ik) center/contain no-repeat;mask:var(--ik) center/contain no-repeat}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-studio{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(24px,4vw,56px);
padding:clamp(28px,4.6vw,72px);border-radius:32px;background:var(--px-studio);color:#e8edf3}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-nad{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px!important;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--px-burs)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-nad::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(58,153,255,.18)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-h{margin:0 0 14px!important;font-size:clamp(34px,4.6vw,62px)!important;line-height:1!important;letter-spacing:-.04em!important;color:#fff!important;overflow-wrap:anywhere}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-lead{margin:0 0 14px!important;font-size:clamp(18px,1.7vw,22px);font-weight:600;line-height:1.35;color:#fff;text-wrap:balance}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-opis{max-width:560px;margin:0 0 22px!important;font-size:16px;line-height:1.65;color:rgba(232,237,243,.74)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-chipy{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-chipy li{padding:7px 13px;border:1px solid rgba(224,238,253,.18);border-radius:999px;background:rgba(255,255,255,.05);font-size:13px;font-weight:600;color:rgba(232,237,243,.9)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;background:var(--px-grad);box-shadow:0 12px 26px rgba(10,81,156,.32),inset 0 1px 0 rgba(255,255,255,.28);
font-size:15px;font-weight:700;color:#fff!important;transition:transform .2s var(--px-ease),filter .2s}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-link{font-size:14.5px;font-weight:600;color:rgba(232,237,243,.86)!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-link:hover{color:#fff!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-link::after{content:" \2192"}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-studio-foto{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:300px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-studio-foto::after{content:"";position:absolute;left:14%;right:14%;bottom:-6px;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);z-index:-1}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-studio-foto img{width:100%;max-height:460px;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-studio-foto.pxo-tlo img{max-height:340px;padding:22px;border-radius:26px;background:#fff;filter:none}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-liczby{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 0!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-liczby li{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border:1px solid var(--px-linia);border-radius:22px;background:var(--px-karta)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-liczby b{font-family:var(--px-disp);font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.05;letter-spacing:-.035em;color:var(--px-tusz)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-liczby b small{margin-left:4px;font-family:var(--px-txt);font-size:15px;font-weight:600;letter-spacing:0;color:var(--px-szary)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-liczby span{font-size:13px;line-height:1.45;color:var(--px-szary)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-liczby li.pxo-moc{border:1.5px solid #85b7ec;background:linear-gradient(180deg,#f2f8fe 0%,#fff 100%)}
html.fx-noc body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-liczby li.pxo-moc{border-color:rgba(58,153,255,.38);background:linear-gradient(180deg,#141e2b 0%,#1b1714 100%)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-liczby li.pxo-moc em{order:-1;font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--px-pom-ciem)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-sekcja{padding:clamp(56px,7vw,96px) 0 0}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-glowa{max-width:760px;margin:0 auto clamp(26px,3vw,40px);text-align:center}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-glowa .pxo-nad{margin:0 0 14px!important;color:var(--px-pom-ciem)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-glowa .pxo-nad::before{box-shadow:0 0 0 4px rgba(13,98,188,.14)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-glowa h2{margin:0 0 12px!important;font-size:clamp(26px,3vw,42px)!important;line-height:1.08!important;text-wrap:balance}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-glowa p{max-width:620px;margin:0 auto!important;color:var(--px-szary)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-cechy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-cechy li{padding:clamp(22px,2.4vw,30px);border:1px solid var(--px-linia);border-radius:24px;background:var(--px-karta);box-shadow:var(--px-cien)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-cechy .pxo-ikona{display:grid;place-items:center;width:48px;height:48px;margin:0 0 18px;border-radius:16px;background:var(--px-kafel);color:var(--px-pom-ciem)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-cechy h3{margin:0 0 8px!important;font-size:17px!important;line-height:1.3!important;letter-spacing:-.01em!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-cechy p{font-size:14.5px;line-height:1.65;color:var(--px-szary)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-pasmo{padding:clamp(26px,3.6vw,52px);border-radius:32px;background:var(--px-kafel)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-pasmo .pxo-glowa{margin-bottom:28px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-kroki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-kroki li{position:relative;padding:24px;border-radius:22px;background:var(--px-karta)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-kroki .pxo-ikona{display:grid;place-items:center;width:44px;height:44px;margin:0 0 16px;border-radius:50%;background:#171310;color:var(--px-burs)}
html.fx-noc body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-kroki .pxo-ikona{background:#e7ecf1;color:#0a417b}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-kroki h3{margin:0 0 6px!important;font-size:16px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-kroki p{font-size:14.5px;line-height:1.6;color:var(--px-szary)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d{padding:clamp(22px,3vw,40px);border-radius:32px;background:var(--px-scena-opis)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d .fx3d{position:relative;width:100%;max-width:760px;height:460px;margin:0 auto;border-radius:24px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d .fx3d :is(model-viewer,iframe){display:block;width:100%;height:100%;border:0;background:transparent}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d .fx3d model-viewer{--poster-color:transparent;--progress-bar-color:#0d62bc;--progress-bar-height:2px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d .pxo-uwaga{margin:14px 0 0!important;font-size:12.5px;text-align:center;color:var(--px-jasny)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d .flh3d{position:relative;width:100%;max-width:920px;height:470px;margin:0 auto;background:transparent}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d .flh3d model-viewer{display:block;width:100%;height:100%;background:transparent;--poster-color:transparent;--progress-bar-color:#0d62bc;--progress-bar-height:2px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d .flh3d-fallback{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;background:transparent}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d :is(.flh3d-choice,.flh3d-controls){display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d :is(.flh3d-choice,.flh3d-controls):empty{display:none}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d [hidden]{display:none!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d .flh3d-section button,html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d button{min-height:40px;padding:0 16px;border:1px solid var(--px-linia);border-radius:999px;background:var(--px-karta);color:var(--px-tusz);font-family:var(--px-txt);font-size:13px;font-weight:600;cursor:pointer}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d button:hover{border-color:var(--px-pom)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d button[aria-pressed="true"]{border-color:#171310;background:#171310;color:#fff}
@media (max-width:760px){html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d .flh3d{height:350px}}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-galeria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-galeria figure{overflow:hidden;border:1px solid var(--px-linia);border-radius:24px;background:var(--px-karta)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-galeria img{width:100%;aspect-ratio:16/10;object-fit:cover}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-galeria:has(>figure:only-child){grid-template-columns:minmax(0,1fr);max-width:640px;margin:0 auto}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-galeria figure.pxo-dopasuj img{object-fit:contain;padding:18px;background:var(--px-kafel)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-galeria figcaption{padding:16px 20px 18px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-galeria figcaption b{display:block;margin:0 0 4px;font-family:var(--px-disp);font-size:16px;letter-spacing:-.01em}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-galeria figcaption span{display:block;font-size:14px;line-height:1.6;color:var(--px-szary)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-galeria figcaption small{display:block;margin:8px 0 0;font-size:11.5px;color:var(--px-jasny)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-dane{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-tabela{padding:22px 24px 10px;border:1px solid var(--px-linia);border-radius:24px;background:var(--px-karta)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-tabela h3{display:flex;align-items:center;gap:10px;margin:0 0 8px!important;font-size:16px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-tabela h3 [class*="pxo-ik-"]{color:var(--px-pom-ciem)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze{margin:0 0 14px;padding:clamp(20px,2.4vw,28px);border:2px solid #171310;border-radius:24px;background:var(--px-karta)}
html.fx-noc body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze{border-color:#e7ecf1}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tyt{display:flex;align-items:center;gap:12px;margin:0 0 18px!important;font-family:var(--px-disp);font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#171310}
html.fx-noc body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tyt{color:#e7ecf1}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tyt [class*="pxo-ik-"]{width:30px;height:30px;color:#171310}
html.fx-noc body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tyt [class*="pxo-ik-"]{color:#e7ecf1}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-wart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-wart>div{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:18px;background:var(--px-kafel)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-wart>div.pxo-ze-zal{background:var(--px-info);box-shadow:inset 0 0 0 1.5px #85b7ec}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-wart span{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--px-tusz)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-wart b{font-family:var(--px-disp);font-size:clamp(30px,3vw,40px);font-weight:700;line-height:1;letter-spacing:-.035em;color:var(--px-tusz)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-wart small{font-size:12.5px;color:var(--px-szary)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tab>div{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;padding:11px 14px;border-top:1px solid var(--px-linia)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tab>div.pxo-ze-gl{border-top:0;padding-top:0;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--px-tusz)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tab>div span{font-size:14px;color:var(--px-szary)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tab>div.pxo-ze-gl span{font-size:11.5px;color:var(--px-tusz)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tab b{font-family:var(--px-disp);font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--px-tusz)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tab>div:not(.pxo-ze-gl) b:first-of-type{color:var(--px-pom-ciem)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-opis{margin:14px 0 0!important;font-size:12.5px;line-height:1.55;color:var(--px-szary)}
@media (max-width:600px){
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-wart{grid-template-columns:minmax(0,1fr)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tab>div.pxo-ze-gl{display:none}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tab>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;padding:12px 2px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tab>div:nth-child(2){border-top:0;padding-top:0}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tab>div>span{grid-column:1/-1;font-weight:600;color:var(--px-tusz)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tab>div>b{display:flex;flex-direction:column;gap:2px;font-size:19px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tab>div>b::before{font-family:var(--px-txt);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--px-szary)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tab>div>b:first-of-type::before{content:"Zalecana"}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-ze-tab>div>b:last-of-type::before{content:"Maksymalna"}
}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-tabela dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-top:1px solid var(--px-linia)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-tabela dl>div:first-child{border-top:0}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-tabela dt{font-size:13.5px;color:var(--px-szary)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-tabela dd{font-size:14px;font-weight:600;text-align:right;color:var(--px-tusz)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-tabela dd small{display:block;font-size:11.5px;font-weight:500;color:var(--px-jasny)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-tabela dl>div.pxo-wyr{margin:0 -12px;padding:11px 12px;border-radius:12px;border-top-color:transparent;background:var(--px-info)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-tabela dl>div.pxo-wyr+div{border-top-color:transparent}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-tabela dl>div.pxo-wyr dt{color:var(--px-pom-ciem);font-weight:600}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zrodlo{margin:14px 0 0!important;font-size:12.5px;text-align:center;color:var(--px-jasny)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw.pxo-z2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin:0 auto}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw.pxo-z1{grid-template-columns:minmax(0,1fr);max-width:560px;margin:0 auto}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr{padding:22px 24px 10px;border:1px solid var(--px-linia);border-radius:24px;background:var(--px-karta)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr h3{display:flex;align-items:center;gap:10px;margin:0 0 8px!important;font-size:16px!important}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr h3 [class*="pxo-ik-"]{color:var(--px-pom-ciem)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:start;padding:11px 0;border-top:1px solid var(--px-linia)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr li:first-child{border-top:0}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr li>b{justify-self:start;padding:3px 9px;border-radius:999px;background:var(--px-kafel);font-size:12.5px;font-weight:700;line-height:1.4;white-space:nowrap;color:var(--px-tusz)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr li>b:empty{visibility:hidden}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr li>span{font-size:14px;font-weight:600;line-height:1.4;color:var(--px-tusz)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr li small{display:block;margin-top:2px;font-size:12.5px;font-weight:500;line-height:1.45;color:var(--px-szary)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr li.pxo-wyr{margin:0 -12px;padding:11px 12px;border-radius:12px;border-top-color:transparent;background:var(--px-info)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr li.pxo-wyr+li{border-top-color:transparent}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr li.pxo-wyr+li.pxo-wyr{margin-top:4px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr li.pxo-wyr>b{background:var(--px-karta);color:var(--px-pom-ciem)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-dok{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 0!important;font-size:13.5px;text-align:left;color:var(--px-szary)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-dok [class*="pxo-ik-"]{width:18px;height:18px;color:var(--px-pom-ciem)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-faq{display:grid;gap:8px;max-width:860px;margin:0 auto}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-faq details{border:1px solid var(--px-linia);border-radius:20px;background:var(--px-karta)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font-size:15.5px;font-weight:600;cursor:pointer;list-style:none}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-faq summary::-webkit-details-marker{display:none}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-faq summary::after{content:"+";display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:var(--px-kafel);font-size:18px;font-weight:500;transition:transform .25s var(--px-ease)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-faq details[open] summary::after{transform:rotate(45deg)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-faq details p{padding:0 22px 20px;font-size:14.5px;line-height:1.7;color:var(--px-szary)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-pomoc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-pomoc a{display:flex;align-items:flex-start;gap:14px;padding:22px;border:1px solid var(--px-linia);border-radius:22px;background:var(--px-karta);color:var(--px-tusz)!important;transition:border-color .2s,transform .2s var(--px-ease)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-pomoc a:hover{border-color:var(--px-pom);transform:translateY(-2px)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-pomoc [class*="pxo-ik-"]{color:var(--px-pom-ciem);margin-top:2px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-pomoc b{display:block;margin:0 0 4px;font-size:15px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-pomoc span span{display:block;font-size:13.5px;line-height:1.55;color:var(--px-szary)}
@media (max-width:1023px){
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-studio{grid-template-columns:minmax(0,1fr)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-studio-foto img{max-height:340px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-liczby{grid-template-columns:repeat(2,minmax(0,1fr))}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-cechy{grid-template-columns:repeat(2,minmax(0,1fr))}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-dane{grid-template-columns:minmax(0,1fr)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw,html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw.pxo-z2{grid-template-columns:minmax(0,1fr);max-width:680px;margin:0 auto}
}
@media (max-width:600px){
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-studio{padding:26px 20px;border-radius:24px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-studio-foto{min-height:0}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-cechy,html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-kroki,html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-galeria,html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-pomoc{grid-template-columns:minmax(0,1fr)}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-liczby li{padding:16px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-cechy li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 14px;padding:18px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-cechy .pxo-ikona{grid-row:1/3;width:44px;height:44px;margin:0}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-cechy h3{margin:0 0 4px!important;align-self:end}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-kroki li{padding:20px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-pasmo,html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d{border-radius:24px;padding:20px 16px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-3d .fx3d{height:360px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-tabela{padding:18px 18px 8px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr{padding:18px 18px 8px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr li{grid-template-columns:62px minmax(0,1fr);gap:10px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-gr li>b{padding:3px 8px;font-size:12px}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo-zestaw-dok{align-items:flex-start}
}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-wifi{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2 9a15 15 0 0 1 20 0M5 12.5a10 10 0 0 1 14 0M8.5 16a5 5 0 0 1 7 0M12 19.5h.01%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-ogien{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3c1 3 5 5 5 10a5 5 0 0 1-10 0c0-3 2-4 2-6 1 1 1.5 2 1.5 3 1-2 1.5-4 1.5-7z%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-skala{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3 3 7.5l9 4.5 9-4.5zM3 12l9 4.5 9-4.5M3 16.5 12 21l9-4.5%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-bezpiecznik{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M7 4h10v16H7zM12 4v4M12 16v4M9.5 10h5v4h-5z%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-falownik{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 6h8v12H3zM13 6h8v12h-8zM11 12h2M6 10h2M16 10h2%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-cykle{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 12a8 8 0 1 1-2.34-5.66M20 4v5h-5%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-moc{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M13 2 4.5 13.5H11L10 22l8.5-11.5H12z%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-ekran{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 5h18v12H3zM8 21h8M12 17v4%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-tarcza{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3 4 6v6c0 4.5 3.4 8 8 9 4.6-1 8-4.5 8-9V6z%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-grzanie{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M10 14V5a2 2 0 0 1 4 0v9a4 4 0 1 1-4 0zM12 9v6%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-dom{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 11 12 4l9 7v9H3zM9 20v-6h6v6%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-slonce{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10zM12 1.5v2.5M12 20v2.5M1.5 12H4M20 12h2.5M4.6 4.6l1.8 1.8M17.6 17.6l1.8 1.8M4.6 19.4l1.8-1.8M17.6 6.4l1.8-1.8%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-ksiezyc{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 14.5A8.5 8.5 0 0 1 9.5 4 8.5 8.5 0 1 0 20 14.5z%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-dok{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14 3H6v18h12V7zM14 3v4h4M9 12h6M9 16h6%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-montaz{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 20h16M6 20V9l6-5 6 5v11M10 20v-5h4v5%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-kropla{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3s6 6.5 6 11a6 6 0 0 1-12 0c0-4.5 6-11 6-11z%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-bateria{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 7h11a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2zM22 10.5v3M8 10v4M11.5 10v4%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-serwis{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14.7 6.3a4 4 0 0 0 5 5L12 19a2.1 2.1 0 0 1-3-3l7.7-7.7zM5 21l3-3%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-kalkulator{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 3h12v18H6zM9 7h6M9 12h.01M12 12h.01M15 12h.01M9 16h.01M12 16h.01M15 16h.01%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-siec{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 21 8 3h8l4 18M6 13h12M7.5 8h9%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-wyswietlacz{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 4h16v10H4zM8 18h8M10 14v4M14 14v4%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-waga{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 8h12l2 12H4zM9 8a3 3 0 0 1 6 0%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-wtyk{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M9 2v5M15 2v5M6 7h12v4a6 6 0 0 1-12 0zM12 17v5%27/%3E%3C/svg%3E")}
html body #ZakladkiProduktu:not(#px1):not(#px2) .pxo .pxo-ik-kom{--ik:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 4h12v10l-3 3H9l-3-3zM9 7v3M12 7v3M15 7v3M12 17v4%27/%3E%3C/svg%3E")}