/*
Theme Name: Lumarko e-lumarko
Description: Wyglad sklepu e-lumarko.pl - ten sam kod co motyw Moj Dom i Firma, kolory Lumarko (przenosiny 10.2026).
Version: 1.0.1
Author: Lumarko
Text Domain: lumarko-el
*/
:root{--t:#222;--t2:#555;--szary:#999;--linia:#ddd;--linia2:#ebebeb;--pasek:#e7e0da;--akcent:#005fcc;--akcent2:#004aa3;--stopka:#ebebeb;--czarny:#222;--czerwony:#c52240;--zielony:#027e31;--max:1400px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Jost,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;color:var(--t);background:#fff}
a{color:var(--t);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit;color:inherit}
.kont{max-width:var(--max);margin:0 auto;padding:0 20px}
.ukryj{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pomin{position:absolute;left:-9999px;top:0;background:#000;color:#fff;padding:8px 12px;z-index:999}.pomin:focus{left:8px}

/* pasek gorny */
.pasek-gora{background:#000;color:#fff;font-size:14px;text-align:center;padding:10px 40px;position:relative}
.pasek-gora button{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:20px;cursor:pointer;line-height:1}
.pasek-gora .konto-mob{display:none}

/* naglowek */
.naglowek{border-bottom:0}
.naglowek .kont{display:grid;grid-template-columns:280px 1fr 280px;align-items:center;gap:20px;height:130px}
.logo img{width:225px;height:auto}
.szukaj{max-width:454px;width:100%;justify-self:center;position:relative}
.szukaj input{width:100%;border:0;border-bottom:1px solid var(--t);padding:10px 36px 8px 4px;font-size:14px;outline:none;background:transparent}
.szukaj button{position:absolute;right:2px;top:6px;background:none;border:0;cursor:pointer;padding:4px}
.szukaj button svg,.szukaj-mob svg{width:22px;height:22px;display:block}
.ikony{display:flex;justify-content:flex-end;gap:16px;padding-right:6px}
.ikony a{display:flex;flex-direction:column;align-items:center;font-size:12px;gap:2px;position:relative;text-decoration:none}
.ikony svg{width:24px;height:24px}
.licznik{position:absolute;top:-6px;right:-4px;background:var(--czerwony);color:#fff;font-size:10px;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.menu-mob,.szukaj-mob{display:none;background:none;border:0;cursor:pointer;padding:6px}

/* pasek menu */
.pasek-menu{background:var(--pasek)}
.pasek-menu .kont{display:flex;align-items:center;gap:36px;height:50px;padding-left:36px}
.pasek-menu a,.pasek-menu button{font-weight:500;font-size:16px;background:none;border:0;cursor:pointer;padding:0;display:flex;align-items:center;gap:10px}
.wszystkie{position:relative}
.mega{display:none;position:absolute;top:100%;left:0;z-index:50;background:#fff;border:1px solid var(--linia);min-width:300px;padding:10px 0;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.wszystkie.otw .mega,.wszystkie:hover .mega{display:block}
.pasek-menu .wszystkie{height:50px;display:flex;align-items:center}

/* lista kategorii z wysuwanymi podkategoriami */
.kat-lista{list-style:none;margin:0;padding:0}
.kat-lista>li{position:relative}
.kat-lista>li>a{display:flex;justify-content:space-between;align-items:center;padding:6px 26px 6px 30px;font-size:16px;white-space:nowrap}
.kat-lista>li>a span.n{overflow:hidden;text-overflow:ellipsis}
.kat-lista>li>a:after{content:"›";font-size:20px;line-height:1}
.kat-lista .pod{display:none;position:absolute;left:100%;top:-11px;background:#fff;border:1px solid var(--linia);min-width:620px;padding:18px 22px;z-index:60;columns:3;column-gap:24px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.kat-lista>li:hover>.pod,.kat-lista>li:focus-within>.pod{display:block}
.pod .gr{break-inside:avoid;margin-bottom:12px}
.pod .gr>a{font-weight:600;display:block;margin-bottom:4px}
.pod .gr ul{list-style:none;margin:0;padding:0}.pod .gr li a{font-size:14px;color:var(--t2);display:block;padding:1px 0}

/* strona glowna */
.start{display:grid;grid-template-columns:276px 1fr;gap:24px;margin-top:28px}
.start-kat{border:1px solid var(--linia);padding:16px 0}
.start-kat h2{font-size:18px;font-weight:600;margin:6px 0 10px;padding:0 30px}
.slajder{position:relative;overflow:hidden}
.slajdy{display:flex;transition:transform .5s ease}
.slajdy a{flex:0 0 100%}
.slajdy img{width:100%;aspect-ratio:1920/725;object-fit:cover}
.slajd-tytuly{display:flex;justify-content:space-around;margin-top:10px;flex-wrap:wrap}
/* 17.10.2026 ZMIERZONE: nazwy w pasku pod slajderem to 16px/400, aktywna podkreslona */
.slajd-tytuly button{background:none;border:0;border-bottom:2px solid transparent;padding:6px 4px;cursor:pointer;font-size:16px;font-weight:400}
.slajd-tytuly button.akt{border-color:var(--t)}
.strz{position:absolute;top:calc(50% - 22px);transform:translateY(-50%);background:rgba(255,255,255,.85);border:0;border-radius:50%;width:48px;height:48px;cursor:pointer;font-size:24px;display:block;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.strz.l{left:20px}.strz.p{right:20px}
.h-sekcji{font-size:32px;font-weight:500;text-align:center;margin:56px 0 30px}
.etapy{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.etapy select{width:100%;border:0;border-bottom:1px solid var(--t);padding:10px 4px;font-size:14px;background:#fff;appearance:auto}
.etapy select:disabled{color:var(--szary)}
.baner{margin-top:40px}.baner img{width:100%;aspect-ratio:1920/550;object-fit:cover}
.cechy{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:70px 0 40px;gap:20px}
.cechy svg{width:34px;height:34px;margin:0 auto 10px}
.cechy b{display:block;font-size:20px;font-weight:400}.cechy span{color:var(--t2);font-size:15px}
.producenci{display:flex;align-items:center;gap:10px;margin-bottom:40px}
.producenci .tasma{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;flex:1}
.producenci .tasma::-webkit-scrollbar{display:none}
.producenci .tasma a{flex:0 0 16.66%;text-align:center;font-size:17px;padding:14px 6px;white-space:nowrap}
.producenci button{background:none;border:0;font-size:30px;cursor:pointer;padding:0 8px}

/* siatka produktow */
ul.products,.siatka{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:40px 24px}
.siatka.k6{grid-template-columns:repeat(6,1fr);gap:38px 24px}
ul.products li.product{margin:0;position:relative;text-align:left}
ul.products li.product a.woocommerce-LoopProduct-link{display:block;text-decoration:none}
/* 17.10.2026 ZMIERZONE: kafel 207x362 px - zdjecie jest PIONOWE 3:4 (207x283), nie kwadratowe */
ul.products li.product img{width:100%;aspect-ratio:3/4;object-fit:contain;margin-bottom:18px;background:#fff}
ul.products li.product .woocommerce-loop-product__title{font-size:14px;font-weight:400;line-height:1.45;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}
ul.products li.product .price{font-weight:600;font-size:15px;display:block}
ul.products li.product .price del{color:var(--szary);font-weight:400;margin-right:6px}
ul.products li.product .price ins{text-decoration:none;color:var(--czerwony)}
.gwiazdki{color:#e0a100;font-size:13px;letter-spacing:1px;margin:2px 0 8px}.gwiazdki span{color:var(--t);letter-spacing:0;margin-left:4px}
ul.products li.product .button,ul.products li.product .added_to_cart{display:none}
.plakietka{position:absolute;top:0;left:8px;border:1px solid var(--linia);background:#fff;font-size:11px;font-weight:600;padding:2px 8px;z-index:2}
.serce{position:absolute;top:6px;right:6px;background:#fff;border:0;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.serce svg{width:18px;height:18px}.serce.jest svg path{fill:var(--czerwony);stroke:var(--czerwony)}

/* kategoria */
.okruszki{font-size:13px;margin:22px 0 10px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.okruszki a{color:var(--t)}.okruszki .sep{color:var(--t);font-size:16px}.okruszki span.ost{color:var(--t2)}
.kat-naglowek{text-align:center;margin-bottom:26px}
.kat-naglowek h1{font-size:34px;font-weight:500;margin:10px 0 6px}
.kat-naglowek .ile{font-size:13px}
.opis-gora{max-width:860px;margin:26px auto 0;text-align:center;font-size:15px;color:var(--t2);line-height:1.7}
.filtry{display:flex;justify-content:center;gap:20px;margin:22px 0}
.filtry form{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}
.filtry input,.filtry select,.sortowanie select{border:0;border-bottom:1px solid var(--t);padding:8px 4px;font-size:14px;min-width:180px;background:#fff}
.nad-lista{display:flex;justify-content:space-between;align-items:center;margin:26px 0 30px;gap:20px;flex-wrap:wrap}
.woocommerce-result-count{display:none}
.woocommerce-ordering select{border:0;border-bottom:1px solid var(--t);padding:8px 4px;font-size:14px;min-width:150px;background:#fff}
nav.woocommerce-pagination ul{list-style:none;display:flex;gap:6px;padding:0;margin:0;align-items:center;justify-content:center;border:0}
nav.woocommerce-pagination ul li{border:0}
nav.woocommerce-pagination ul li a,nav.woocommerce-pagination ul li span{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;border-radius:50%;font-size:14px;text-decoration:none}
nav.woocommerce-pagination ul li span.current{background:var(--czarny);color:#fff}
.pod-lista{margin:40px 0}
.lumarko-opis-dol{margin:30px 0 50px;font-size:15px;line-height:1.7}
.lumarko-opis-dol h2,.lumarko-opis-dol h3{font-weight:500}

/* karta produktu */
/* 17.10.2026 ZMIERZONE na starej karcie p857681: galeria 692 px, kolumna info 548 px, przerwa 62 px */
.karta{display:grid;grid-template-columns:minmax(0,692px) minmax(0,548px);gap:62px;margin-top:10px;justify-content:start}
.galeria{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.galeria a{border:1px solid var(--linia);border-radius:6px;display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;overflow:hidden;background:#fff}
.galeria img{width:100%;height:100%;object-fit:contain}
.galeria .dalej{display:none}.galeria.wszystkie-zdj .dalej{display:flex}
.wiecej-zdj{grid-column:1/3;justify-self:center;background:var(--czarny);color:#fff;border:0;padding:10px 22px;border-radius:4px;font-weight:600;cursor:pointer;margin-top:24px;letter-spacing:.04em}
/* 17.10.2026 ZMIERZONE: kolumna info ma 548 px i zaczyna sie tuz za galeria - zadnego max-width 400
   ani srodkowania, bo wtedy tresc karty odjezdza w prawo i nie zgadza sie ze starym sklepem */
.info{width:100%;justify-self:stretch}
.info .gwiazdki{text-align:right}
.info h1{font-size:22px;font-weight:500;line-height:1.45;margin:10px 0 16px}
.dostepnosc{font-size:13px;font-weight:500}
.info .price{font-size:22px;font-weight:600;margin:14px 0 26px;display:block}
.info .price del{font-size:16px;color:var(--szary);font-weight:400;margin-right:8px}.info .price ins{text-decoration:none}
.omnibus-info{font-size:12px;color:var(--t2);margin:-18px 0 22px}
.info hr{border:0;border-top:1px solid var(--linia);margin:0 0 26px}
.do-koszyka{display:flex;align-items:center;gap:10px}
.ilosc{display:flex;align-items:center;border:1px solid var(--linia);height:34px}
.ilosc button{background:none;border:0;width:28px;height:32px;cursor:pointer;font-size:16px}
.ilosc input{width:44px;border:0;text-align:center;font-size:14px;-moz-appearance:textfield}
.ilosc input::-webkit-outer-spin-button,.ilosc input::-webkit-inner-spin-button{-webkit-appearance:none}
.do-koszyka .szt{font-size:13px}
.przycisk{background:var(--czarny);color:#fff;border:0;border-radius:3px;height:34px;padding:0 20px;flex:1;font-weight:600;letter-spacing:.04em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}
.przycisk svg{width:18px;height:18px;flex:0 0 18px}
.przycisk:disabled{opacity:.5;cursor:not-allowed}
.do-koszyka .serce{position:static;border-radius:3px;box-shadow:none;border:1px solid var(--linia);width:56px;height:34px}
.telefon{text-align:right;margin:20px 0 26px;font-size:13px}.telefon a{text-decoration:underline}
.dostawa-info{border-top:1px solid var(--linia);border-bottom:1px solid var(--linia);padding:16px 0;font-size:13px}
.dostawa-info div{display:flex;gap:10px;align-items:center;margin:6px 0}.dostawa-info b{font-weight:600}
.dostawa-info svg{width:18px;height:18px}
.zakladki{margin-top:50px;border-bottom:1px solid var(--linia);display:flex;justify-content:center;gap:0}
.zakladki button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 18px;font-weight:500;cursor:pointer;text-transform:uppercase;font-size:15px}
.zakladki button.akt{border-color:var(--t)}
.panel-zakl{max-width:1000px;margin:30px auto 60px;font-size:14px;line-height:1.65}
.panel-zakl[hidden]{display:none}
.panel-zakl img{max-width:100%;height:auto}
.formularz input,.formularz textarea{width:100%;border:1px solid var(--linia);padding:10px;margin:4px 0 12px;font-size:14px}
.formularz button{background:var(--czarny);color:#fff;border:0;padding:10px 24px;font-weight:600;cursor:pointer}

/* stopka */
.newsletter{background:var(--stopka);text-align:center;padding:60px 20px 20px}
.newsletter h2{font-size:32px;font-weight:500;margin:0 0 6px}
.newsletter p{margin:0 0 30px}
.newsletter form{display:flex;max-width:560px;margin:0 auto}
.newsletter input{flex:1;border:1px solid #fff;padding:12px 18px;font-size:14px;background:#fff}
.newsletter button{background:var(--czarny);color:#fff;border:0;padding:0 22px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px}
.newsletter .odp{margin-top:14px;font-weight:600}
.stopka{background:var(--stopka);padding:60px 0 30px;font-size:15px;color:var(--t2)}
.stopka .kont{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.stopka h3{color:var(--t);font-weight:500;font-size:19px;margin:0 0 20px}
.stopka ul{list-style:none;margin:0;padding:0}.stopka li{margin:0 0 8px}.stopka a{color:var(--t2)}
.stopka .kontakt{padding-top:0}.stopka .kontakt p{margin:0 0 12px}
.stopka-logo{display:inline-block;margin:0 0 20px}.stopka-logo img{max-width:250px;height:auto;display:block}
.stopka-dane{white-space:pre-line;line-height:1.55}
.stopka-social{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.stopka-social a{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--t);color:#fff;align-items:center;justify-content:center;transition:background .15s}
.stopka-social a:hover{background:var(--czerwony)}
.stopka-social svg{width:17px;height:17px;fill:currentColor;display:block}
.stopka-dol{background:var(--stopka);border-top:1px solid #d8d8d8;text-align:center;font-size:13px;color:var(--t2);padding:16px}

/* WooCommerce ogolne */
.woocommerce-notices-wrapper .woocommerce-message,.woocommerce-info,.woocommerce-error{padding:12px 16px;border:1px solid var(--linia);background:#fafafa;margin:16px 0;list-style:none}
.tresc-strony{max-width:1000px;margin:10px auto 60px}
.tresc-strony h1{font-size:30px;font-weight:500;text-align:center;margin:20px 0 30px}
.woocommerce table.shop_table{width:100%;border-collapse:collapse}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-top:1px solid var(--linia);padding:10px}
.button,button.button,a.button,.wc-block-components-button{background:var(--czarny)!important;color:#fff!important;border:0;border-radius:3px;padding:10px 20px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}

/* telefon */
.konto-wiersz{display:none}
.tylko-mob{display:none!important}
@media(max-width:1100px){.stopka .kont{grid-template-columns:1fr 1fr}.siatka.k6{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){
 .pasek-gora{padding:8px 40px 8px 12px;font-size:14px}
 .konto-wiersz{display:flex;justify-content:flex-end;padding:6px 14px;font-size:13px;border-bottom:1px solid var(--linia2)}.konto-wiersz a{display:flex;align-items:center;gap:6px}.konto-wiersz svg{width:18px;height:18px}
 .pasek-gora .tekst{display:inline-block}
 .naglowek{position:relative;z-index:30;background:#fff}.naglowek .kont{grid-template-columns:40px 1fr auto;height:auto;min-height:62px;gap:8px;padding:0 12px}
 .menu-mob{display:block}.logo{justify-self:start}.logo img{width:120px}
 .szukaj{display:none;grid-column:1/4;grid-row:2;max-width:none;padding:0 0 10px}.szukaj.otw{display:block}.szukaj button{top:6px}
 .szukaj-mob{display:block}
 .ikony{gap:10px}.ikony a span.l{display:none}.ikony .konto{display:none}
 .pasek-menu{display:none}.pasek-menu.otw{display:block}.pasek-menu.otw .tylko-mob{display:block!important}.pasek-menu.otw .mega{display:block}.pasek-menu .wszystkie{height:auto;flex-direction:column;align-items:flex-start}.pasek-menu .kont{flex-direction:column;align-items:flex-start;height:auto;padding:14px 16px;gap:14px}
 .mega{position:static;box-shadow:none;border:0;min-width:0}.kat-lista .pod{position:static;min-width:0;columns:1;border:0;box-shadow:none;padding:4px 0 4px 16px}
 .start{grid-template-columns:1fr;margin-top:0}.start-kat{display:none}
 .kont{padding:0 12px}
 .etapy{grid-template-columns:1fr;gap:10px}
 ul.products,.siatka,.siatka.k6{grid-template-columns:repeat(2,1fr);gap:30px 14px}
 .cechy{grid-template-columns:1fr}
 .karta{grid-template-columns:1fr;gap:20px}
 .galeria{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px}.galeria a{flex:0 0 86%;scroll-snap-align:start}.galeria .dalej{display:flex}.wiecej-zdj{display:none}
 .zakladki{overflow-x:auto;justify-content:flex-start}
 .stopka .kont{grid-template-columns:1fr}
 .producenci .tasma a{flex:0 0 40%}
 .h-sekcji{font-size:24px;margin:34px 0 18px}
 .kat-naglowek h1{font-size:26px}
 .strz{display:block}
}
/* zgody cookies */
.zgody{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;display:flex;justify-content:center}
.zgody[hidden]{display:none}
.zgody-w{background:#fff;border:1px solid var(--linia);box-shadow:0 10px 30px rgba(0,0,0,.18);max-width:760px;padding:18px 20px;font-size:14px;border-radius:6px}
.zgody-w p{margin:0 0 12px}.zgody-w a{text-decoration:underline}
.zgody-wybor{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 12px}
.zgody-wybor[hidden]{display:none}
.zgody-p{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.zgody-p button{background:var(--czarny);color:#fff;border:1px solid var(--czarny);padding:9px 16px;font-weight:600;cursor:pointer;border-radius:3px}
.zgody-p button.drugi{background:#fff;color:var(--t)}
/* strony informacyjne i 404 jak w SkyShopie */
.tresc-strony{max-width:none;margin:10px auto 60px}
.tresc-strony h1{font-size:30px;font-weight:500;text-align:center;margin:26px 0 30px}
.tresc-strony .tresc{text-align:center;font-size:14px;line-height:1.6;color:var(--t2)}
.tresc-strony .tresc h2,.tresc-strony .tresc h3{color:var(--t);font-weight:500}
.tresc-strony .tresc h2{font-size:26px}
.tresc-strony .tresc ul,.tresc-strony .tresc ol{text-align:left;display:inline-block;max-width:1000px}
.blad404{text-align:center;padding:90px 20px 110px}
.blad404 .kod{font-size:64px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:20px;line-height:1}
.blad404 .wykrz{width:48px;height:48px;border-radius:50%;background:var(--t);color:#fff;font-size:34px;display:inline-flex;align-items:center;justify-content:center}
.blad404 p{margin-top:24px;font-size:15px}

/* ===== filtry list jak w SkyShopie ===== */
.kat-naglowek.bez-okr{margin-top:34px}
.szuk-tytul{font-size:34px;font-weight:500;margin:14px 0 28px}
.filtry-sky .rzad{display:flex;gap:20px;margin:0 0 22px;flex-wrap:wrap}
.filtry-sky .rzad.srodek{justify-content:center;margin-top:10px}
.filtry-sky select,.filtry-sky input{border:0;border-bottom:1px solid var(--t);padding:8px 4px;font-size:14px;min-width:200px;background:#fff}
.filtry-sky .rzad.srodek select{min-width:210px}
.pole-szuk{position:relative}.pole-szuk input{padding-right:30px}.pole-szuk button{position:absolute;right:0;top:6px;background:none;border:0;cursor:pointer}.pole-szuk svg{width:16px;height:16px}
.nad-lista{margin:0 0 30px}
nav.woocommerce-pagination ul li a.next,nav.woocommerce-pagination ul li a.prev{font-size:18px}

/* ===== koszyk ===== */
.strona-woo{margin:16px 0 50px}
.koszyk-gora{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:20px 0 22px}
.koszyk-gora h1{font-size:26px;font-weight:500;margin:0}
.dalej-zakupy{font-size:15px;font-weight:500}
.koszyk-uklad{display:grid;grid-template-columns:1fr 225px;gap:16px;align-items:start}
@media(min-width:1000px){.koszyk-uklad{grid-template-columns:1fr 225px}}
@media(min-width:1200px){.koszyk-uklad{grid-template-columns:1fr 225px}}
.koszyk-uklad{grid-template-columns:minmax(0,1fr) 225px}
@media(min-width:900px){.koszyk-uklad{grid-template-columns:minmax(0,3fr) minmax(0,1.3fr)}}
.koszyk-tab{width:100%;border-collapse:collapse;font-size:14px}
.koszyk-tab thead th{background:#f2f2f2;font-weight:500;padding:14px 10px;text-align:center;font-size:13px}
.koszyk-tab thead th.p{text-align:left;padding-left:14px}
.koszyk-tab td{padding:16px 10px;text-align:center;border-bottom:1px solid var(--linia2);font-weight:500}
.koszyk-tab td.p{text-align:left}
.koszyk-tab .prod{display:flex;gap:14px;align-items:center}.koszyk-tab .prod img{width:72px;height:72px;object-fit:contain}
.koszyk-tab .prod .n{font-size:13px;max-width:260px}
.koszyk-tab td.i .ilosc{display:inline-flex}.koszyk-tab td.i .szt{display:block;font-size:12px;font-weight:400;margin-top:4px}
.koszyk-tab td.u a{font-size:22px;text-decoration:none;color:var(--t)}
.pdf{background:none;border:0;display:flex;align-items:center;gap:8px;margin:18px 0 0;font-size:13px;cursor:pointer;padding:0}
.darmowa{background:#e7f6ef;border-radius:4px;padding:12px 14px;font-size:13px;display:flex;align-items:center;gap:8px;margin-bottom:8px}
.darmowa svg{width:20px;height:20px}
.podsum{background:#f2f2f2;border-radius:4px;padding:18px 16px}
.podsum h2{font-size:22px;font-weight:500;margin:0 0 16px}
.kupon label{font-size:13px;font-weight:600;display:block;margin-bottom:8px}
.kupon div{display:flex;gap:8px;margin-bottom:18px}
.kupon input{flex:1;min-width:0;border:1px solid var(--linia);background:#fff;padding:8px 10px;font-size:13px;border-radius:3px}
.kupon button{background:#666;color:#fff;border:0;border-radius:3px;padding:0 14px;font-weight:600;cursor:pointer}
.podsum .wiersz{display:flex;justify-content:space-between;font-size:14px;margin:8px 0}
.podsum .wiersz.suma{font-weight:600;font-size:16px;margin-top:12px}
.podsum .przycisk{margin-top:18px;height:40px;text-decoration:none;width:100%}
.pusty-tekst{text-align:center;margin:40px 0 20px}
@media print{.naglowek,.pasek-menu,.pasek-gora,.stopka,.stopka-dol,.newsletter,.koszyk-prawa,.pdf,.dalej-zakupy,.zgody{display:none!important}}

/* ===== kasa ===== */
.naglowek-kasa{border-bottom:1px solid var(--linia2)}
.naglowek-kasa .kont{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:106px}
.naglowek-kasa .logo img{width:150px}
.stopka-kasa{margin-top:40px}
.kasa-uklad{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:18px;margin:30px 0 20px;align-items:start}
.krok{margin-bottom:22px}
.krok h2{font-size:17px;font-weight:500;display:flex;align-items:center;gap:8px;margin:0 0 12px}
.krok h2 span{width:20px;height:20px;border-radius:50%;background:var(--t);color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.kraj .form-row{margin:0}.kraj label{display:none}.kraj select{border:1px solid var(--linia);padding:10px 12px;border-radius:4px;min-width:280px;background:#fff}
.platnosci-sky ul{list-style:none;margin:0;padding:0}
.platnosci-sky li{border:1px solid var(--linia);border-radius:4px;margin-bottom:6px;position:relative}
.platnosci-sky li>input{position:absolute;opacity:0}
.platnosci-sky li>label{display:flex;gap:16px;align-items:center;padding:10px 16px;cursor:pointer}
.platnosci-sky li>input:checked+label{box-shadow:inset 0 0 0 2px var(--t);border-radius:4px}
.platnosci-sky .tx b{display:block;font-weight:500;font-size:14px}.platnosci-sky .tx small{font-size:12px;color:var(--t2)}
.platnosci-sky .payment_box{padding:0 16px 12px 62px;font-size:13px;color:var(--t2)}
.dostawy-lista{list-style:none;margin:0;padding:0}
.dostawy-lista li{border:1px solid var(--linia);border-radius:4px;margin-bottom:6px}
.dostawy-lista input{position:absolute;opacity:0}
.dostawy-lista label{display:flex;justify-content:space-between;padding:14px 16px;cursor:pointer;font-size:14px}
.dostawy-lista input:checked+label{box-shadow:inset 0 0 0 2px var(--t);border-radius:4px}
.najpierw{background:#f2f2f2;border-radius:4px;padding:22px;text-align:center;font-weight:500;font-size:14px}
.konto-wybor{display:flex;flex-direction:column;gap:6px}
.konto-wybor .opcja{border:1px solid var(--linia);border-radius:4px;padding:12px 12px;background:#fff;text-align:left;font-size:14px;cursor:pointer;text-decoration:none;color:var(--t)}
.konto-wybor .opcja.akt{box-shadow:inset 0 0 0 2px var(--t)}
.dane-pola{margin-top:14px}.dane-pola[hidden],.nowe-konto[hidden]{display:none}
.kasa-sky .form-row{margin:0 0 12px}.kasa-sky .form-row label{display:block;font-size:13px;font-weight:500;margin-bottom:4px}
.kasa-sky .form-row input,.kasa-sky textarea{width:100%;border:1px solid var(--linia);border-radius:4px;padding:10px 12px;font-size:14px}
.kasa-sky .required{color:var(--czerwony);text-decoration:none;border:0}
.kasa-sky textarea{min-height:90px}
.zgody-kasa label{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:0 0 10px}
.gw{color:var(--czerwony)}
.suma-dol{background:#f2f2f2;border-radius:4px;padding:16px 16px 16px 20px;display:flex;justify-content:space-between;align-items:center}
.lm-suma{font-size:18px;font-weight:600}.lm-suma span{font-weight:600}
.suma-dol .przycisk{flex:0 0 auto;height:44px;padding:0 22px}
.podsum-kasa .podsum h2{font-size:22px}
.podsum-kasa .pozycje{list-style:none;margin:16px 0 0;padding:0}
.podsum-kasa .pozycje li{display:grid;grid-template-columns:40px 1fr auto auto;gap:12px;align-items:center;font-size:12px;margin-bottom:10px}
.podsum-kasa .pozycje img{width:40px;height:40px;object-fit:contain}
.podsum-kasa .pozycje b{font-weight:600;font-size:13px}
.woocommerce-NoticeGroup,.woocommerce-error{grid-column:1/-1}

/* ===== konto ===== */
.konto-sky{max-width:420px;margin:30px auto 60px}
.konto-sky h1{text-align:center;font-size:30px;font-weight:500;margin:0 0 30px}
.konto-sky label{display:block;font-size:13px;font-weight:600;margin:0 0 6px}
.konto-sky input[type=text],.konto-sky input[type=email],.konto-sky input[type=password]{width:100%;border:1px solid var(--linia);border-radius:4px;padding:10px 12px;margin-bottom:18px;font-size:14px}
.konto-sky .haslo{position:relative}.konto-sky .haslo button{position:absolute;right:8px;top:6px;background:none;border:0;cursor:pointer;opacity:.6}
.konto-sky .rzad-kl{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:0 0 18px}
.konto-sky .rzad-kl label{display:flex;gap:6px;align-items:center;margin:0;font-weight:400}
.konto-sky .przycisk{width:100%;height:42px}
.konto-sky .nie-masz{text-align:center;font-size:14px;margin-top:20px}
.konto-sky.rej{max-width:900px}
.konto-sky.rej .wst{text-align:center;font-size:13px;max-width:560px;margin:0 auto 22px}
.konto-sky.rej h2{text-align:center;font-weight:500;font-size:26px;margin:40px 0 12px}
.konto-sky.rej h3{font-weight:500;font-size:18px;margin:0 0 20px}
.konto-sky .dwa{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:560px;margin:0 auto}
.konto-sky .dwa.szer{max-width:none}
.konto-sky .zgody-rej{max-width:560px;margin:4px auto 26px}.konto-sky .zgody-rej label{display:flex;gap:8px;font-weight:400;margin-bottom:12px}
.konto-sky.rej .przycisk{width:auto;padding:0 60px}
@media(max-width:900px){.koszyk-uklad,.kasa-uklad{grid-template-columns:1fr}.koszyk-tab thead{display:none}.koszyk-tab td{display:block;text-align:left;border:0;padding:6px 0}.koszyk-tab tr{display:block;border-bottom:1px solid var(--linia2);padding:10px 0}.konto-sky .dwa{grid-template-columns:1fr}.szuk-tytul{font-size:24px}.suma-dol{flex-direction:column;gap:12px;align-items:stretch}}
.pasek-menu.otw .mega{display:block}

body.woocommerce-cart .woocommerce-message,body.woocommerce-checkout .woocommerce-message,body.woocommerce-cart .woocommerce-info:not(.cart-empty){display:none}
.kraj .form-row label,.kraj abbr{display:none!important}
.zgody-kasa label .gw,.zgody-rej label .gw{display:inline}
.konto-sky.rej .przycisk.szeroki{width:220px;padding:0}

/* 18.09 wybor wersji */
.wersje{margin:14px 0 4px}.wersje-t{font-weight:600;margin-bottom:8px;font-size:14px}
.wersje-l{display:flex;flex-wrap:wrap;gap:8px}
.wersja{display:flex;flex-direction:column;align-items:center;width:86px;padding:5px;border:1px solid var(--linia);border-radius:6px;text-decoration:none;color:inherit;font-size:12px;line-height:1.2;text-align:center}
.wersja img{width:64px;height:64px;object-fit:contain;margin-bottom:4px}
.wersja .woocommerce-Price-amount,.wersja span{font-size:12px}
.wersja:hover{border-color:var(--t)}.wersja.akt{border:2px solid var(--t);padding:4px}.wersja.brak{opacity:.45}
/* 18.09 Polecane / Podobne produkty */
.powiazane{margin:60px 0 30px}
.powiazane-z{display:flex;justify-content:center;gap:28px;margin-bottom:30px}
.powiazane-z button{background:none;border:0;border-bottom:2px solid transparent;font-size:26px;padding:4px 2px;cursor:pointer;color:#8a8a8a;font-family:inherit}
.powiazane-z button.akt{color:var(--t);border-color:var(--t)}
.karuzela{position:relative}
.karuzela .kar-lista{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px}
.karuzela .kar-lista::-webkit-scrollbar{display:none}
.karuzela .kar-lista>li{scroll-snap-align:start}
.kar-l,.kar-p{position:absolute;top:35%;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid var(--linia);background:#fff;cursor:pointer;font-size:22px;line-height:1}
.kar-l{left:-14px}.kar-p{right:-14px}
@media(max-width:700px){.karuzela .kar-lista{grid-auto-columns:calc((100% - 14px)/2);gap:14px}.powiazane-z button{font-size:20px}.kar-l{left:0}.kar-p{right:0}}

/* 18.09 najwazniejsze cechy przy cenie */
.cechy{list-style:none;margin:12px 0 6px;padding:0;font-size:14px;line-height:1.45}
.cechy li{position:relative;padding-left:22px;margin:3px 0}
.cechy li:before{content:"✓";position:absolute;left:2px;top:0;color:#2e7d32;font-weight:700}

/* 26.09.2026 podglad zdjec */
.lb{position:fixed;inset:0;z-index:99999;background:rgba(20,20,20,.94);display:none;flex-direction:column;align-items:center;justify-content:center}
.lb.otw{display:flex}html.lb-blok{overflow:hidden}
.lb-scena{flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:50px 70px 10px;box-sizing:border-box;min-height:0}
.lb-scena img{max-width:100%;max-height:100%;object-fit:contain;background:#fff;border-radius:4px}
.lb-x{position:absolute;top:10px;right:16px;background:none;border:0;color:#fff;font-size:44px;line-height:1;cursor:pointer}
.lb-p{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);border:0;color:#fff;font-size:48px;width:56px;height:80px;cursor:pointer;border-radius:6px}
.lb-p:hover{background:rgba(255,255,255,.3)}.lb-lewo{left:10px}.lb-prawo{right:10px}
.lb-dol{width:100%;padding:8px 10px 14px;box-sizing:border-box;text-align:center;color:#fff;font-size:14px}
.lb-mini{display:flex;gap:6px;overflow-x:auto;justify-content:center;margin-top:6px}
.lb-mini button{flex:0 0 64px;height:64px;padding:0;border:2px solid transparent;background:#fff;border-radius:4px;cursor:pointer;opacity:.6}
.lb-mini button.akt{border-color:#005fcc;opacity:1}.lb-mini img{width:100%;height:100%;object-fit:contain}
.lb-jedno .lb-p,.lb-jedno .lb-mini,.lb-jedno .lb-lic{display:none}
.galeria a{cursor:zoom-in}
@media(max-width:700px){.lb-scena{padding:50px 8px 6px}.lb-p{width:40px;height:60px;font-size:36px}.lb-mini button{flex-basis:48px;height:48px}.lb-mini{justify-content:flex-start}}

/* 26.09.2026 wybor paczkomatu */
.paczkomat-wybor{margin-top:14px;padding:14px;border:1px solid var(--linia,#ddd);border-radius:6px;background:#f5f8fe}
.paczkomat-wybor h3{margin:0 0 8px;font-size:16px}.pw-szukaj{display:flex;gap:8px}.pw-szukaj input{flex:1;padding:10px;border:1px solid #ccc;border-radius:4px}
.pw-lista{list-style:none;margin:10px 0 0;padding:0;max-height:320px;overflow-y:auto}.pw-lista li{margin:0 0 6px}
.pw-lista button{display:block;width:100%;text-align:left;padding:8px 10px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer}
.pw-lista button:hover{border-color:#222}.pw-lista span{display:block;font-size:13px;color:#555}
.pw-wybrany{margin-top:10px;padding:10px;background:#e8f5e9;border-radius:4px}.pw-wybrany button{background:none;border:0;color:#06c;text-decoration:underline;cursor:pointer}

/* 26.09.2026: Ostatnio ogladane + Dobierz do darmowej dostawy */
.ostatnio{margin:40px 0 30px}.ostatnio .h-sekcji,.dobierz .h-sekcji{text-align:center}
.ost-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.ost-lista a{display:flex;flex-direction:column;gap:6px;color:inherit;text-decoration:none;font-size:14px}
.ost-lista img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid #eee;border-radius:6px}
.ost-lista .n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ost-lista .c{font-weight:700}
.dobierz{margin-top:40px}

/* 26.09.2026: paczkomaty od adresu */
[data-pw-lista] .pw-info{font-size:13px;color:#555;padding:4px 0}
[data-pw-lista] b em{font-style:normal;font-weight:400;color:#1a7f37;margin-left:6px;font-size:13px}

/* 26.09.2026 paczkomat krok po kroku */
.pw-adres{display:grid;grid-template-columns:110px 1fr 1.4fr 80px;gap:8px;margin-bottom:10px}
.pw-adres label{display:flex;flex-direction:column;font-size:12px;color:#555;gap:3px}
.pw-adres input,.pw-adres select{padding:9px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:#fff}
.pw-adres input:disabled,.pw-adres select:disabled{background:#f1f1f1}
@media(max-width:640px){.pw-adres{grid-template-columns:1fr 1fr}.pw-adres .pw-ul{grid-column:1/2}}
.pw-inne{margin:4px 0 10px;font-size:13px}.pw-inne summary{cursor:pointer;color:#555}.pw-inne .pw-szukaj{margin-top:6px}
[data-pw-lista] li.pw-akt button{border-color:#1a7f37;background:#eef8f0}

/* Claude 29.09.2026: wyrownanie filtrow listy/szukania (komputer) - jeden rzad, rowne pola, do lewej */
.filtry-sky{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 24px;margin:0 0 22px}
.filtry-sky .rzad,.filtry-sky .rzad.srodek{display:contents}
.filtry-sky .pole-szuk,.filtry-sky select{width:240px;min-width:0;box-sizing:border-box}
.filtry-sky .pole-szuk input{width:100%;box-sizing:border-box;min-width:0}
.nad-lista{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.nad-lista select{width:240px;box-sizing:border-box}
@media(max-width:900px){.filtry-sky{gap:12px}.filtry-sky .pole-szuk,.filtry-sky select,.nad-lista select{width:100%}}

/* Claude 29.09.2026: galeria karty produktu - ladniejsza (duze pierwsze zdjecie, kwadraty, bez paska przewijania, licznik na telefonie) */
.karta>div:first-child{position:relative;min-width:0}
.galeria{gap:12px}
.galeria a{aspect-ratio:1/1;border:1px solid #ece7e2;border-radius:4px;padding:10px;box-sizing:border-box;transition:border-color .15s}
.galeria a:hover{border-color:#bdb3aa}
/* 17.10.2026: 1:1 ze starym sklepem - wszystkie zdjecia rowne, bez wyrozniania pierwszego */
.galeria img{object-fit:contain}
.gal-lic{display:none}
@media(max-width:900px){
 .galeria{scrollbar-width:none;-ms-overflow-style:none;gap:10px;margin:0 -12px;padding:0 12px;scroll-padding:0 12px}
 .galeria::-webkit-scrollbar{display:none}
 .galeria a,.galeria a:first-child{flex:0 0 100%;grid-column:auto;aspect-ratio:1/1;border-radius:0;border-color:#ece7e2;padding:8px}
 .gal-lic{display:block;position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;padding:3px 9px;border-radius:12px;pointer-events:none;z-index:2}
}

/* Claude 29.09.2026 (2): telefon - zdjecie dokladnie na cala szerokosc (bez skrawka nastepnego), kropki pod galeria */
@media(max-width:900px){
 .galeria{margin:0;padding:0;gap:0;scroll-padding:0}
 .galeria a,.galeria a:first-child{flex:0 0 100%;border:1px solid #ece7e2;border-radius:6px;box-sizing:border-box;padding:6px;background:#fff}
 .gal-kropki{display:flex;justify-content:center;gap:7px;margin:10px 0 2px}
 .gal-kropki i{width:7px;height:7px;border-radius:50%;background:#d6cfc8;display:block}
 .gal-kropki i.a{background:#222}
 .gal-lic{bottom:26px}
}
@media(min-width:901px){.gal-kropki{display:none}}


/* ---------- 17.10.2026: karta produktu 1:1 ze starym e-lumarko.pl ---------- */
.karta .info h1{margin:0 0 12px}
.karta .krotki{color:var(--t2);font-size:14px;line-height:1.55;margin:0 0 16px}
.karta .dostepnosc{font-size:14px;color:var(--t2);margin:0 0 10px}
.karta .dostepnosc b{color:var(--t);font-weight:600}
.karta .szt-stan{color:var(--szary);margin-left:8px}
.cena-blok{display:flex;align-items:baseline;gap:10px;margin:0 0 14px;flex-wrap:wrap}
.cena-etykieta{color:var(--t2);font-size:14px}
.darmowa-wysylka,.koszt-wysylki{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:4px;font-size:14px;margin:0 0 16px}
.darmowa-wysylka{background:#e7f6ef;color:#0a6b38}
.darmowa-wysylka b{font-weight:700}
.koszt-wysylki{background:#eef4fd;color:#17427c}
.darmowa-wysylka svg,.koszt-wysylki svg{width:20px;height:20px;flex:none}
.karta .telefony{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 0;font-size:14px}
.karta .telefony a{color:var(--t)}
.karta .telefony .zostaw-tel{color:var(--czerwony);text-decoration:underline}
.blok-info{border-top:1px solid var(--linia2);padding:14px 0 0;margin:14px 0 0;font-size:14px}
.blok-info h3{margin:0 0 10px;font-size:15px;font-weight:600;color:var(--t)}
.blok-info .wiersz{display:flex;gap:8px;color:var(--t2)}
.blok-info .wiersz b{color:var(--t);font-weight:600}
.blok-pdf a{color:var(--t);text-decoration:underline}
.h-param{font-size:19px;margin:0 0 16px}
.parametry{display:grid;grid-template-columns:1fr;gap:0;max-width:720px}
.param{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--linia2);font-size:14px;color:var(--t2)}
.param b{color:var(--t);font-weight:500;text-align:right}
.gpsr{font-size:14px;color:var(--t2);line-height:1.6;margin:0 0 22px}
@media(max-width:900px){.parametry{max-width:none}}

/* 17.10.2026: strona glowna 1:1 ze starym e-lumarko.pl */
.h-seo{font-size:26px;line-height:1.35;font-weight:500;text-align:center;max-width:1100px;margin:46px auto 10px;color:var(--t)}
.status-polka{margin:34px 0 0}
.h-sekcji-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}
.h-sekcji-row .h-sekcji{margin-bottom:14px}
.h-sekcji-wiecej{font-size:14px;color:var(--t2);text-decoration:underline;white-space:nowrap}
.na-blogu{margin:44px 0 10px}
.blog-lista{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.blog-kafel img{width:100%;height:190px;object-fit:cover;border-radius:6px;display:block}
.blog-kafel h3{font-size:16px;font-weight:500;line-height:1.4;margin:12px 0 6px;color:var(--t)}
.blog-kafel a{color:inherit}
.blog-kafel time{font-size:13px;color:var(--szary)}
.blog-kafel p{font-size:14px;color:var(--t2);line-height:1.55;margin:8px 0 0}
@media(max-width:1100px){.blog-lista{grid-template-columns:1fr 1fr}.h-seo{font-size:22px;margin-top:34px}}
@media(max-width:600px){.blog-lista{grid-template-columns:1fr}.h-seo{font-size:19px}}

/* 17.10.2026 BEZPIECZNIK: ikona social nigdy nie moze urosnac (nawet gdy reszta CSS sie nie zaladuje) */
.stopka-social a{flex:0 0 34px;max-width:34px;max-height:34px;overflow:hidden}
.stopka-social svg,.stopka-social img{width:17px!important;height:17px!important;max-width:17px;max-height:17px}

/* 17.10.2026: pasek dostawy 1:1 - zielony wygrywa nad stylem wtyczki; warianty jako miniatury jak w starym */
.darmowa-wysylka,.darmowa-wysylka.lek-dostawa{background:#e7f6ef!important;color:#0a6b38!important;border:0}
.koszt-wysylki,.koszt-wysylki.lek-dostawa{background:#eef4fd!important;color:#17427c!important;border:0}
.lek-warianty{display:none}
.wersje{margin:16px 0 0}
.wersje-t{font-size:14px;color:var(--t2);margin:0 0 8px}
.wersje-l{display:flex;gap:8px;flex-wrap:wrap}
.wersje-l .wersja{display:block;border:1px solid var(--linia);border-radius:4px;padding:4px;background:#fff;width:64px;text-align:center}
.wersje-l .wersja.akt{border-color:var(--t);border-width:2px;padding:3px}
.wersje-l .wersja.brak{opacity:.45}
.wersje-l .wersja img{width:54px;height:54px;object-fit:contain;display:block;margin:0 auto}
.wersje-l .wersja span{display:none}

/* 17.10.2026: uklad glownej 1:1 ze starym sklepem.
   UWAGA: .kar-lista to grid z grid-auto-flow:column - NIE wolno tu dawac grid-template-columns,
   bo kafelki robia sie paskami po kilkadziesiat pikseli. */
.banery-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0 10px}
/* 17.10.2026 ZMIERZONE: grafiki banerow maja rozne proporcje - el-slajd-7 i 8 sa 1920x1080 (16:9),
   a el-slajd-9 (PROMOCJE) 1536x1024 (3:2), przez co trzeci baner byl o 45 px wyzszy od dwoch pierwszych.
   Wyrownujemy WSZYSTKIE do 16:9 (jak zabawki i stoliki) i przycinamy od srodka, zeby nie zniekstalcac. */
.banery-3 a{display:block;overflow:hidden;border-radius:4px;aspect-ratio:16/9}
.banery-3 img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.statusy{margin:34px 0 0}
/* 17.10.2026 ZMIERZONE na starej glownej: zakladki statusow to H2 Jost 32px/500, gap 32 px, wysrodkowane */
.statusy-z{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;margin:0 0 26px}
.statusy-z button{background:none;border:0;border-bottom:2px solid transparent;font-family:inherit;font-size:32px;font-weight:500;line-height:1.2;
  color:var(--t2);padding:4px 2px;cursor:pointer}
.statusy-z button.akt{color:var(--t);border-color:var(--t)}
.statusy .karuzela .kar-lista{grid-auto-columns:calc((100% - 7 * 14px) / 8);gap:14px}
.statusy li.product,.siatka-sekcja li.product{display:flex;flex-direction:column}
.statusy li.product img,.siatka-sekcja li.product img{aspect-ratio:3/4;object-fit:contain;width:100%;height:auto;background:#fff}
.statusy li.product .woocommerce-loop-product__title{font-size:12.5px;line-height:1.4;min-height:34px}
.statusy .price,.siatka-sekcja .price{font-size:14.5px;font-weight:600}
.siatka-sekcja{margin:44px 0 0}
.h-srodek{text-align:center;font-size:25px;font-weight:500;margin:0 0 26px}
/* 17.10.2026 ZMIERZONE: kafel siatki 207 px szer., kolumny 120/351/581/812/1043/1273 = odstep 231, gap 24 */
.siatka-sekcja .siatka.k6{display:grid;grid-template-columns:repeat(6,1fr);gap:38px 24px;list-style:none;margin:0;padding:0}
.slajd-tytuly{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.slajd-tytuly::-webkit-scrollbar{display:none}
.slajd-tytuly button{white-space:nowrap}
@media(max-width:1300px){.statusy .karuzela .kar-lista{grid-auto-columns:calc((100% - 5 * 14px) / 6)}
 .siatka-sekcja .siatka.k6{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.statusy .karuzela .kar-lista{grid-auto-columns:calc((100% - 2 * 14px) / 3)}
 .siatka-sekcja .siatka.k6{grid-template-columns:repeat(3,1fr)}.banery-3{grid-template-columns:1fr;gap:14px}
 .statusy-z{gap:18px}.statusy-z button{font-size:22px}}
@media(max-width:600px){.statusy .karuzela .kar-lista{grid-auto-columns:calc((100% - 14px) / 2)}
 .siatka-sekcja .siatka.k6{grid-template-columns:repeat(2,1fr)}}

/* 17.10.2026: pasek dostawy jak w starym sklepie - waski przycisk z ramka, nie szeroki box */
.darmowa-wysylka.wlasny{display:inline-flex;align-items:center;gap:8px;background:#fff!important;color:var(--t)!important;
  border:1px solid var(--linia)!important;border-radius:4px;padding:9px 14px;font-size:14px;margin:0 0 16px;width:auto}
.darmowa-wysylka.wlasny span{font-weight:600}
.darmowa-wysylka.wlasny svg{width:19px;height:19px;color:#0a6b38}
/* gdy pokazujemy wlasny pasek, box wtyczki jest zbedny */
.karta .info .darmowa-wysylka.wlasny ~ .lek-dostawa,.karta .info .lek-dostawa:has(~ .darmowa-wysylka.wlasny){display:none}

/* 17.10.2026 KARTA 1:1 - wartosci ZMIERZONE na starej karcie p857681 (Playwright + computed style).
   Nie zmieniac "na oko": stary sklep ma tu wlasne, konkretne wymiary i kolory. */
/* 1. "Cena:" i "88 szt." stary sklep trzyma TYLKO dla czytnikow ekranu (1x1 px) - klient ich nie widzi */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* 2. pasek darmowej wysylki: 328x50 px, tlo #eaf2ff, ramka #7fa8de, tekst #123f7a 17px/600 */
.karta .info .darmowa-wysylka.wlasny{display:inline-flex;align-items:center;gap:10px;max-width:328px;
  background:#eaf2ff!important;color:#123f7a!important;border:1px solid #7fa8de!important;border-radius:4px;
  padding:11px 16px;font-size:17px;line-height:26px;margin:0 0 18px}
.karta .info .darmowa-wysylka.wlasny span{font-weight:600;font-size:17px}
.karta .info .darmowa-wysylka.wlasny svg{width:20px;height:20px;color:#123f7a}
/* 3. telefony i "Zostaw telefon" w JEDNEJ linii, link rozsuniety do prawej, 14px, bez podkreslenia */
.karta .telefony{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:nowrap;
  margin:16px 0 0;font-size:14px}
.karta .telefony .nry{display:inline-flex;gap:10px;white-space:nowrap}
.karta .telefony .zostaw-tel{color:var(--t)!important;text-decoration:none!important;font-size:14px;font-weight:400;
  white-space:nowrap;background:none;border:0;cursor:pointer}
.karta .telefony .zostaw-tel::after{content:none!important}

/* 17.10.2026 Piotr: "rozciagnij to ladnie" - box z wyliczonym kosztem dostawy (lek-dostawa,
   pokazywany tam, gdzie wysylka NIE jest darmowa) ma isc na CALA szerokosc kolumny opisu,
   bo to kilka linii tekstu. Waski pasek 328 px zostaje tylko dla jednej linii
   "Darmowa wysylka od 199,00 zl". */
.karta .info .darmowa-wysylka.wlasny.lek-dostawa{display:flex;max-width:none;width:100%;
  align-items:flex-start;gap:12px;padding:14px 18px;font-size:15px;line-height:23px}
.karta .info .darmowa-wysylka.wlasny.lek-dostawa span{font-weight:600;font-size:15px}
.karta .info .darmowa-wysylka.wlasny.lek-dostawa svg{width:20px;height:20px;margin-top:2px;flex:none}
/* 17.10.2026: filtry cech kategorii - 5 w rzedzie, jak w starym sklepie */
.filtry-sky .rzad.cechy{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 28px;margin:18px 0 6px}
.filtry-sky .rzad.cechy select{width:100%}
@media(max-width:980px){.filtry-sky .rzad.cechy{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 22.10.2026 informacja RODO pod newsletterem */
.newsletter .nl-rodo{font-size:13px;line-height:1.5;max-width:560px;margin:12px auto 0}
.newsletter .nl-rodo a{color:inherit;text-decoration:underline}