/* CLS: wlasne strony (kategorie osprzetu, LV, HV, kalkulator, konfigurator) oznaczone klasa html.fxk wczesnym skryptem w <head> */
html.fxk #LewaKolumna{display:none!important}
html.fxk #SrodekKolumna{width:100%;float:none;margin-left:0;margin-right:0}
html.fxk #SrodekKolumna>h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* dekoracyjna poswiata sekcji: gorna krawedz niezalezna od wysokosci sekcji */
.StrTresc .lvx .lvx-hero::before,.StrTresc .hvx .hvx-hero::before,.StrTresc .kmx .kmx-kalk::before{top:-160px!important}
/* kalkulator i konfigurator: zanim przegladarka dojdzie do .kmx/.pvkx, naglowek nx traktuje strone jak tekstowa i robi z tresci karte 900 px; na stronach fxk tej karty nie ma od poczatku (warunek jak w nx, wiec po zaladowaniu nic nie zmienia) */
html.fxk body #SrodekKolumna:not(:has(.wx,.srv,.kmx,.ofx,.lvx,.hvx,.osx,.fhx,.kx,.pvkx,#KoszykForm,#RamkaProduktu)):has(>.StrTresc>.FormatEdytor)>.StrTresc>.FormatEdytor{max-width:none;margin:0;padding:0!important;border-radius:0;background:none;box-shadow:none}
/* konfigurator: dopoki skrypt go nie zbuduje (klasa pvkx-on), stopka zostaje pod ekranem */
html.fxk #SrodekKolumna:has(.pvkx:not(.pvkx-on)){min-height:100vh}
/* karta produktu: miniatury przed uruchomieniem suwaka w jednym wierszu, jak po uruchomieniu */
#ZdjeciaProduktu .DodatkoweZdjecia:not(.slick-initialized){max-height:82px;overflow:hidden}
/* listy LV/HV otwierane z filtrem (?lv= / ?hv=, menu Oferta, stare adresy c-12...c-15): lista i wszystko pod nia niewidoczne, az skrypt wstawi pasek filtrow; awaryjnie pokaz po 6 s */
@keyframes fxpokaz{to{visibility:visible}}
html.fxf body:is(:not(:has(#hvx-product-filters,#lvx-filtry)),:not(:has(.hvx-karta,.lvx-karta))) :is(.Listing,.OpisListingDolny,#store-alternative-link,.TloStopka,.KontStopka){visibility:hidden;animation:fxpokaz 0s linear 6s forwards}
/* Listy LV, HV i osprzetu PV na telefonie (16.10.2026, sesja „Listy na telefonie”, zrodla: 02_Strona-sekcje/listy-telefon-20261016).
   Zostaje piec kafelkow w rzedzie, jak chce uzytkownik (11.10: „5 produktow w rzedzie na telefonie”, „popraw czytelnosc kafelkow,
   zachowujac 5 produktow w rzedzie”). Nazwa, cena i plakietka rosna z szerokoscia ekranu, slowa nie lamia sie w srodku.
   Lista ma 90% szerokosci, wiec kafelek to 18vw - 3,2 px, a tekst w nim 18vw - 11,2 px (bez container-type: na HV kosztowal
   ~2 s dlugich zadan przy CPU 4x). Kod modelu Felicity dzieli skrypt menu (blok „Phone tiles” w mnx) na rodzine i wariant
   (FLB48100 / WG1-H), on tez zmniejsza tekst, ktory nadal sie nie miesci. Arkusze lvx, hv-dol i osx bez zmian; te reguly
   wygrywaja podwojnym #SrodekKolumna. */
/* wariant modelu w <i>: bez kursywy na kazdej szerokosci (zostaje po zmianie okna z telefonu na komputer) */
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-tyt,.hvx-k-tyt,.osx-k-tyt)>b>i{font-style:normal}
/* telefony i tablety do 1100 px (piec kart w rzedzie, karta 62-200 px): kod modelu w dwoch wierszach, rodzina i lzejszy wariant,
   lamanie tylko po laczniku, ukosniku albo spacji; na zywo przy 701-767 px (iPad mini 744) lamalo sie do 18 nazw HV w srodku */
@media (max-width:1100px){
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-tyt,.hvx-k-tyt,.osx-k-tyt)>b.fxm{overflow-wrap:normal;word-break:normal;hyphens:manual}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-tyt,.hvx-k-tyt,.osx-k-tyt)>b>.fxm2{display:block;font-weight:500;color:color-mix(in srgb,currentColor 72%,transparent)}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-tyt,.hvx-k-tyt,.osx-k-tyt)>b .fxm-r{display:none}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta) :is(.lvx-k-tyt,.hvx-k-tyt)>b{min-height:2.5em}
}
/* tablety: odliczanie IVGM zawija sie w dwa wiersze zamiast wychodzic poza kafelek (przy 701 px o 6 px) */
@media (min-width:701px) and (max-width:1100px){
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) .fin-zap-p{flex-wrap:wrap;row-gap:0;max-width:calc(100% - 20px)}
}
@media (max-width:700px){
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta)>.ElementListingRamka{--fxt:clamp(9px,calc(3.2143vw - 2px),13px);--fxc:clamp(9.5px,calc(3.4615vw - 2.154px),14px)}
/* model: dwa wiersze zawsze (rodzina i wariant), wiec kafelki w rzedzie maja cene na tej samej wysokosci */
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-tyt,.hvx-k-tyt,.osx-k-tyt)>b{min-height:calc(var(--fxt)*2.5);font-size:var(--fxt);line-height:calc(var(--fxt)*1.25);overflow-wrap:break-word;word-break:normal;hyphens:manual}
/* cena: cala, „na zapytanie” w dwoch wierszach; miejsce na dwa wiersze w kazdym kafelku, wiec ceny i kreska nad nimi stoja w rzedzie rowno */
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-krotko,.hvx-k-krotko,.osx-k-krotko){min-height:calc(var(--fxc)*2.4);font-size:var(--fxc);line-height:calc(var(--fxc)*1.2);white-space:nowrap;overflow-wrap:normal}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-krotko,.hvx-k-krotko,.osx-k-krotko).fxc-t{white-space:normal;font-weight:600}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) .ZakupKontener .Zakup{margin-top:0!important}
/* plakietka pojemnosci lub mocy na zdjeciu */
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-chip,.hvx-k-chip,.osx-k-chip){left:1px;right:1px;gap:2px;padding:2px;font-size:calc(var(--fxt)*.95);line-height:1.15;white-space:nowrap}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) :is(.lvx-k-chip,.hvx-k-chip,.osx-k-chip) small{font-size:1em;font-weight:600}
/* odliczanie do premiery (fin): na malym kafelku sama data, „od 19.10”; „Nowosc” mala */
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) .fin-zap-p{left:2px;top:2px;max-width:calc(100% - 4px);gap:0;padding:2px 5px;border-radius:6px;font-size:calc(var(--fxt)*.85);line-height:1.2;white-space:nowrap;box-shadow:none}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) .fin-zap-p[data-fxd]:not(.is-nowe){font-size:0}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) .fin-zap-p[data-fxd]:not(.is-nowe)::before{content:attr(data-fxd);font-size:calc(var(--fxt)*.85)}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.lvx-karta,.hvx-karta,.osx-karta) .fin-zap-p[data-fxd]:not(.is-nowe) b{display:none}
}
/* Znaczki IP i grzania oraz listy HV i osprzetu PV na telefonie (20.10.2026, sesja „Wylaczenie karuzeli LV”, zrodla:
   02_Strona-sekcje/listy-znaczki-telefon-20261020). Uzytkownik: „Zamien to we wszystkich pasujacych miejscach na calym sklepie,
   HV tez” (po liscie LV: znaczki na zdjeciach magazynow i mniej kafelkow w rzedzie na telefonie, „bo teraz jest dramat”).
   Znaczki wstawia blok „Product badges” skryptu menu (mnx), tu jest ich wyglad. Lista LV ma wlasne (lvx), tych regul nie dotyczy. */
html body .fxzn-f{position:relative}
html body .fxzn{position:absolute!important;right:8px!important;bottom:8px!important;left:auto!important;top:auto!important;z-index:3;display:flex!important;align-items:center;gap:4px;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;pointer-events:none}
html body .fxzn{--fxzn:34px}
html body .fxzn>span{display:grid!important;place-items:center;flex:none;width:var(--fxzn);height:var(--fxzn);margin:0;padding:0;border-radius:50%;color:#fff;box-shadow:0 2px 8px rgba(23,19,16,.22);font:700 9.5px/1 Sora,system-ui,sans-serif;letter-spacing:-.01em;text-transform:none}
html body .fxzn>.fxzn-ip.is-wod{background:#1f6fd6}
html body .fxzn>.fxzn-ip.is-pom{background:#c2560f}
html body .fxzn>.fxzn-g{background:#d3362a}
html body .fxzn>.fxzn-g svg{display:block;width:18px;height:18px}
/* kafelki szablonu poza listami HV i osprzetu (np. „Pozostale produkty z kategorii” na karcie produktu) maja .Foto bez pozycji,
   bo caly kafelek jest linkiem przez a.Zoom::after; znaczki stoja tam w ukladzie na koncu zdjecia, podniesione na jego dolna krawedz
   (wysokosc netto zero, wiec uklad sie nie zmienia) */
html body .ElementListingRamka>.Foto>.fxzn{position:relative!important;right:auto!important;bottom:auto!important;justify-content:flex-end;width:100%!important;height:var(--fxzn)!important;margin:calc(-1 * var(--fxzn)) 0 0!important}
html body #SrodekKolumna .ListingOknaKontener>:is(.hvx-karta,.osx-karta)>.ElementListingRamka>.Foto>.fxzn{position:absolute!important;right:8px!important;bottom:8px!important;width:auto!important;height:auto!important;margin:0!important}
/* plakietka pojemnosci lub mocy stoi w tym samym rogu: przy znaczkach przechodzi do lewego dolnego rogu */
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener .Foto.fxzn-f :is(.hvx-k-chip,.osx-k-chip){right:auto!important;left:8px!important}
html body .ofx .ofx-pk-foto.fxzn-f .ofx-pk-wart{right:auto;left:10px}
/* strona glowna, „Dostepne od reki”: zdjecie jest linkiem a.fx-pk-foto */
html body #fx-pr-lista a.fx-pk-foto.fxzn-f{position:relative}
@media (min-width:701px) and (max-width:1100px){
html body .fxzn{right:5px!important;bottom:5px!important;gap:3px}
html body .fxzn{--fxzn:30px}
html body .fxzn>span{font-size:9px}
html body #SrodekKolumna .ListingOknaKontener>:is(.hvx-karta,.osx-karta)>.ElementListingRamka>.Foto>.fxzn{right:5px!important;bottom:5px!important}
html body .fxzn>.fxzn-g svg{width:17px;height:17px}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener .Foto.fxzn-f :is(.hvx-k-chip,.osx-k-chip){left:6px!important}
}
@media (max-width:700px){
html body .fxzn{right:6px!important;bottom:6px!important}
html body .fxzn{--fxzn:36px}
html body .fxzn>span{font-size:11px}
html body #SrodekKolumna .ListingOknaKontener>:is(.hvx-karta,.osx-karta)>.ElementListingRamka>.Foto>.fxzn{right:6px!important;bottom:6px!important}
html body .fxzn>.fxzn-g svg{width:20px;height:20px}
}
/* telefon (do 700 px): 3 kafelki w rzedzie od 520 px, 2 ponizej, zanim skrypty zbuduja karty; potem listy HV i osprzetu maja wyglad
   listy LV A (HV: hv-dol-20261020a.css, osprzet: sekcja na koncu tego arkusza). Wygrywa podwojny id. */
@media (max-width:700px){
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.OknaRwd:not(.lvx-la){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener>:is(.hvx-karta,.osx-karta) .Foto.fxzn-f :is(.hvx-k-chip,.osx-k-chip){left:6px!important}
}
/* filtry HV na telefonie: trzy rowne przyciski w jednym rzedzie zamiast nierownego zawijania (2 + 1), jak filtry LV */
@media (max-width:700px){
html.hvx-page body #hvx-product-filters#hvx-product-filters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html.hvx-page body #hvx-product-filters#hvx-product-filters>a{flex-wrap:wrap;align-content:center;justify-content:center!important;column-gap:5px!important;row-gap:0!important;min-height:46px;padding:4px 6px!important;font-size:13px!important;line-height:1.2;text-align:center}
html.hvx-page body #hvx-product-filters#hvx-product-filters>a span{font-size:11.5px}
html.hvx-page body #hvx-product-filters#hvx-product-filters>#hvx-filter-status{grid-column:1/-1;width:auto!important;margin:0!important}
}
@media (max-width:519px){
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.OknaRwd:not(.lvx-la){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* HV, „Pojemnosc rosnie z kazdym modulem”: podzialka racka (12 liczb) na niskim telefonie (iPhone SE) miala liczby na sobie;
   na telefonie widac co druga liczbe i zawsze te przy wierzchu magazynu (is-top). Podzialka wiezy (6 liczb) bez zmian. */
@media (max-width:700px){
html body .StrTresc .hvx .hvx-drab>span:first-child:nth-last-child(n+7)~span:nth-child(even):not(.is-top){visibility:hidden}
html body .StrTresc .hvx .hvx-drab>span:first-child:nth-last-child(n+7),html body .StrTresc .hvx .hvx-drab>span:first-child:nth-last-child(n+7)~span{line-height:10px}
}
/* telefon trzymany poziomo (do 500 px wysokosci): kafelki HV i osprzetu z ukladu tabletu z czytelniejszymi cechami i plakietkami */
@media (max-height:500px) and (orientation:landscape) and (max-width:1100px){
}
/* Lista osprzetu PV w wygladzie listy LV A (20.10.2026, uzytkownik: „tak maja wygladac reszta produktow w sklepie, zeby byla spojnosc”):
   wartosc kafelka (przekroj, prad, typ…) jako naglowek nad zdjeciem, dane wysrodkowane, 5 w rzedzie (telefon 2-3). Przeniesione z
   lv-lista-propozycje-20261019/wdrozenie/lista-a.css (lvx -> osx) przez listy-jak-lv-20261020/skrypty/port-css-osx.cjs; klase .osx-la
   i naglowek (.osx-k-n) dodaje osx-20261014c.js. */
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.OknaRwd.osx-la{--osx-odstep:14px;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:stretch!important;gap:var(--osx-odstep)!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta{flex:0 0 calc((100% - 4 * var(--osx-odstep)) / 5)!important;width:calc((100% - 4 * var(--osx-odstep)) / 5)!important;max-width:none!important;min-width:0!important;margin:0!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-g{flex:0 0 100%;width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0;padding:24px 2px 4px;border-top:1px solid #e7e1db}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-g:first-child{border-top:0;padding-top:6px}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-g[hidden]{display:none!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-g h3{margin:0!important;padding:0!important;font-family:Unbounded,Sora,sans-serif;font-size:20px!important;font-weight:600!important;line-height:1.15!important;letter-spacing:-.01em;color:#171310;text-align:left}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-g p{margin:0!important;padding:0!important;font-size:13px;line-height:1.35!important;color:#6b625b;font-variant-numeric:tabular-nums}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-n{display:flex;flex-direction:column;align-items:center;gap:4px;margin:6px 2px 12px;min-width:0;text-align:center}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-nl{display:flex;align-items:baseline;justify-content:center;gap:5px;max-width:100%;margin:0!important;padding:0!important;font-family:Unbounded,Sora,sans-serif;line-height:1!important;color:#171310;font-variant-numeric:tabular-nums;white-space:nowrap}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-nl b{font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-nl span{font-size:15px;font-weight:600;color:#c2560f}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-nr{max-width:100%;margin:0!important;padding:0!important;overflow:hidden;font-size:11px;font-weight:600;line-height:1.3!important;letter-spacing:.07em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;color:#8a8079;text-align:center}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-chip{display:none!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .Foto{aspect-ratio:1/.86!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-tyt{text-align:center}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-tyt>span{display:none!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-cechy{justify-content:center}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta :is(.ProduktCena,.ProduktCena .Cena,.Brutto,.osx-k-krotko){text-align:center!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-dost{justify-content:center}
@media (min-width:701px) and (max-width:1100px){
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.OknaRwd.osx-la{--osx-odstep:12px}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-nl b{font-size:22px}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-nl span{font-size:12px}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-nr{display:none}
}
@media (max-width:700px){
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.OknaRwd.osx-la{--osx-odstep:10px}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta{flex:0 0 calc((100% - 2 * var(--osx-odstep)) / 3)!important;width:calc((100% - 2 * var(--osx-odstep)) / 3)!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-g{gap:2px 10px;padding:18px 2px 2px}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-g h3{font-size:clamp(15px,4.2vw,18px)!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-g p{font-size:12.5px}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta>.ElementListingRamka{--fxt:14px;--fxc:15px;padding:10px 10px 12px!important;border-radius:16px!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-n{margin:2px 0 8px}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-nl{flex-direction:row;gap:4px}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-nl b{font-size:26px;letter-spacing:-.03em}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-nl span{font-size:13px;line-height:1}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-nr{display:block;font-size:9.5px;letter-spacing:.04em}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .Foto{border-radius:12px!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .Foto a{padding:10% 13% 9%!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .IkonkiProduktu{display:flex!important;align-items:flex-start!important;left:6px!important;top:6px!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .IkonkiProduktu .Ikona{width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;aspect-ratio:auto!important;border-radius:999px!important;padding:3px 8px!important;line-height:1.2!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .IkonkiProduktu .Ikona b{font-size:10px!important;line-height:1.2!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-tyt{margin-top:10px!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-tyt>b{font-size:14px!important;line-height:1.25!important;min-height:2.5em}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-cechy{display:flex!important;margin-top:7px}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-cechy li{display:list-item!important;font-size:10.5px;padding:2px 7px}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .ProduktCena{padding-top:10px!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .Brutto{display:block!important;font-size:17px!important;white-space:normal!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .Brutto small{display:inline!important;margin-left:4px}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-krotko{display:none!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-dost{display:flex!important;font-size:11.5px}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .ZakupKontener{margin-top:10px!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta :is(.DoKoszyka,.ZapytanieProduktListing){min-height:42px!important;padding:6px 10px!important;border-radius:999px!important;font-size:13px!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .ZapytanieProduktListing{box-shadow:inset 0 0 0 1.5px #1c1714!important;line-height:1.2!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .ZapytanieProduktListing::before{content:none!important;display:none!important}
}
@media (max-width:519px){
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta{flex:0 0 calc((100% - var(--osx-odstep)) / 2)!important;width:calc((100% - var(--osx-odstep)) / 2)!important}
}
html.fx-noc body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-g{border-color:#3a322c}
html.fx-noc body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-g h3,
html.fx-noc body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-nl{color:#f4efea}
html.fx-noc body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-g p,
html.fx-noc body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-nl span{color:#ffb36b}
html body #SrodekKolumna .ListingNawigacja.osx-1str{display:none!important}
@media (max-width:700px){
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-cechy li{font-size:11.5px!important;padding:3px 8px!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .IkonkiProduktu .Ikona b{font-size:11px!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .fin-zap-p{font-size:11px!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-nr{display:none!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-tyt{min-height:40px}
}
@media (max-width:400px){
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .ZapytanieProduktListing{white-space:nowrap!important;padding-left:6px!important;padding-right:6px!important;font-size:12.5px!important}
}
@media (max-height:500px) and (orientation:landscape){
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-cechy li{font-size:11px!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .IkonkiProduktu .Ikona b{font-size:11px!important}
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-tyt{min-height:40px}
}

/* osprzet: wartosci tekstowe (Typ 1+2, kat. 6) w naglowku troche mniejsze niz liczby */
html body #SrodekKolumna#SrodekKolumna .ListingOknaKontener.osx-la>.osx-karta .osx-k-nl b{max-width:100%;overflow:hidden;text-overflow:ellipsis}