/* kjm-css */

:root{--kjm-blue:#521697;--kjm-navy:#3A0F6B;--kjm-ink:#18141D;--kjm-muted:#5A646E;--kjm-line:#D8D3DE;--kjm-bg:#F4F2F6;--kjm-tint:#F1EAFA}
/* resety przez :where() – specyficzność (1,0,x), więc każda reguła z klasą kjm-* je nadpisuje,
   a identyfikator #site-navigation nadal wygrywa z regułami motywu */
#site-navigation :where(.kjm-panel),#site-navigation :where(.kjm-panel *){box-sizing:border-box}
#site-navigation :where(.kjm-panel) :where(ul,li){list-style:none;margin:0;padding:0;border:0}
/* motyw: .main-navigation ul ul{position:absolute} – nasze listy to zwykły przepływ */
#site-navigation :where(.kjm-panel) ul{position:static;left:auto;right:auto;top:auto;width:auto;min-width:0;box-shadow:none;background:none;transform:none;opacity:1;visibility:inherit}
#site-navigation :where(.kjm-panel) a{text-decoration:none;line-height:1.3;padding:0;color:inherit;display:block;white-space:normal;font-weight:inherit}
#site-navigation :where(.kjm-panel) :where(p,h2,h3){margin:0;padding:0;border:0;text-transform:none;letter-spacing:0}
#site-navigation .kjm-panel .kjm-i{width:20px;height:20px;flex:none;display:block}
#site-navigation .kjm-panel [hidden]{display:none !important}
#site-navigation .kjm-panel a:focus-visible,#site-navigation .kjm-panel button:focus-visible,#site-navigation .kjm-toggle:focus-visible{outline:2px solid var(--kjm-blue);outline-offset:2px}
/* Dodatkowy CSS strony daje każdemu <button> ramkę !important – nasze przyciski jej nie chcą */
#site-navigation .kjm-toggle,#site-navigation .kjm-hint-x,#site-navigation .kjm-fam-t{border:0 !important}
#site-navigation .kjm-toggle{appearance:none;background:none;border-radius:0;margin:0;padding:0;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font:inherit;box-shadow:none;min-height:0;line-height:1}
#site-navigation .kjm-toggle .kjm-i{width:14px;height:14px;transition:transform .18s}
#site-navigation .kjm-item.kjm-open > .kjm-toggle .kjm-i{transform:rotate(180deg)}
#site-navigation .kjm-k{font-size:11px;font-weight:700;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--kjm-blue)}
#site-navigation .kjm-h{font-size:18px;font-weight:700;line-height:1.25;color:var(--kjm-navy);margin-top:2px}
#site-navigation .kjm-app-i svg{width:100%;height:100%;display:block}
/* kafelek przeznaczenia to <button> (wybór, nie nawigacja); ramki z !important, bo dodatkowy CSS strony daje każdemu przyciskowi granatową ramkę !important */
#site-navigation .kjm-app{appearance:none;width:100%;margin:0;border-radius:0;box-shadow:none;text-align:left;font:inherit;text-transform:none;letter-spacing:0;line-height:1.3;cursor:pointer;background:#fff;color:var(--kjm-ink);border:1px solid var(--kjm-line) !important}
#site-navigation .kjm-app:hover,#site-navigation .kjm-app:focus-visible{border-color:var(--kjm-blue) !important}
#site-navigation .kjm-app.is-on{background:var(--kjm-navy);color:#fff;border-color:var(--kjm-navy) !important}
#site-navigation .kjm-app.is-on .kjm-app-s{color:#D8C8EA}
#site-navigation .kjm-new{font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--kjm-blue);color:#fff;padding:1px 5px;margin-left:4px;vertical-align:2px;white-space:nowrap}
.kjm-backdrop{position:fixed;left:0;right:0;bottom:0;top:var(--kjm-top,0);background:rgba(24, 20, 29,.42);opacity:0;visibility:hidden;transition:opacity .18s,visibility 0s linear .18s;z-index:9}
.kjm-backdrop.is-on{opacity:1;visibility:visible;transition:opacity .18s}

@media (min-width:993px){
  #site-navigation .menu > li.kjm-item{position:static;display:inline-flex;align-items:stretch;vertical-align:top}
  /* ta sama szerokość co dawna strzałka motywu (6 + 12 px + padding 7,7 px), żeby pasek menu nie zawijał się inaczej */
  #site-navigation .kjm-item > a{padding-right:0}
  #site-navigation .kjm-toggle{align-self:stretch;width:20px;margin-right:5.7px;color:var(--kjm-lc,inherit)}
  #site-navigation .kjm-panel{position:absolute;left:0;right:0;top:100%;z-index:30;background:#fff;color:var(--kjm-ink);
    border-top:3px solid var(--kjm-blue);border-bottom:1px solid var(--kjm-line);text-align:left;font-size:14px;line-height:1.4;
    max-height:calc(100vh - var(--kjm-top,230px));overflow-y:auto;overscroll-behavior:contain;
    visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}
  #site-navigation .kjm-item.kjm-open > .kjm-panel{visibility:visible;opacity:1;transform:none;transition:opacity .16s ease,transform .16s ease}
  #site-navigation .kjm-in{max-width:1320px;margin:0 auto;padding:10px 24px 16px}
  #site-navigation .kjm-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 8px}
  #site-navigation .kjm-eyebrow{font-size:13px;color:var(--kjm-muted)}
  #site-navigation .kjm-eyebrow-k{font-weight:700;color:var(--kjm-navy);text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin-right:10px;padding-right:10px;border-right:1px solid var(--kjm-line)}
  #site-navigation .kjm-all,#site-navigation .kjm-more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--kjm-blue)}
  #site-navigation .kjm-all .kjm-i,#site-navigation .kjm-more .kjm-i{width:16px;height:16px;transition:transform .15s}
  #site-navigation .kjm-all:hover .kjm-i,#site-navigation .kjm-more:hover .kjm-i{transform:translateX(3px)}
  #site-navigation .kjm-all:hover,#site-navigation .kjm-more:hover{color:var(--kjm-navy)}
  #site-navigation .kjm-body{display:grid;grid-template-columns:384px minmax(0,1fr);border:1px solid var(--kjm-line)}

  /* przeznaczenia */
  #site-navigation .kjm-apps{background:var(--kjm-bg);border-right:1px solid var(--kjm-line);padding:14px 16px 12px}
  #site-navigation .kjm-apps-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 10px}
  #site-navigation .kjm-app{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:center;height:100%;min-height:60px;padding:8px 8px 8px 9px;background:#fff;border:1px solid var(--kjm-line);color:var(--kjm-ink);transition:background-color .15s,border-color .15s,color .15s}
  #site-navigation .kjm-app::before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:var(--kjm-blue);transform:scaleY(0);transform-origin:top;transition:transform .15s}
  #site-navigation .kjm-app:hover,#site-navigation .kjm-app:focus-visible{border-color:var(--kjm-blue)}
  #site-navigation .kjm-app:hover::before,#site-navigation .kjm-app:focus-visible::before,#site-navigation .kjm-app.is-on::before{transform:scaleY(1)}
  #site-navigation .kjm-app.is-on{background:var(--kjm-navy);border-color:var(--kjm-navy);color:#fff}
  #site-navigation .kjm-app-i{width:36px;height:36px;background:#fff;display:block;padding:1px;align-self:start}
  #site-navigation .kjm-app-tx{display:contents}
  #site-navigation .kjm-app-t{grid-column:2;align-self:center}
  #site-navigation .kjm-app-s{grid-column:1 / -1}
  #site-navigation .kjm-app-t{display:block;font-size:13px;font-weight:600;line-height:1.22}
  #site-navigation .kjm-app-s{display:block;font-size:11.5px;line-height:1.25;color:var(--kjm-muted);margin-top:2px}
  #site-navigation .kjm-app.is-on .kjm-app-s{color:#D8C8EA}

  /* systemy */
  #site-navigation .kjm-sys{padding:14px 20px 2px;min-width:0}
  #site-navigation .kjm-sys-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}
  #site-navigation .kjm-hint{flex:0 1 460px;min-height:36px;display:flex;align-items:center;font-size:12.5px;line-height:1.35;color:var(--kjm-muted);border-left:3px solid var(--kjm-line);background:var(--kjm-bg);padding:6px 10px;transition:border-color .15s,background-color .15s}
  #site-navigation .kjm-panel[data-p] .kjm-hint{border-left-color:var(--kjm-blue);background:var(--kjm-tint);color:var(--kjm-ink)}
  #site-navigation .kjm-hint-1{display:inline}
  #site-navigation .kjm-hint-n{color:var(--kjm-navy)}
  #site-navigation .kjm-hint-a{display:inline;color:var(--kjm-blue);font-weight:600;margin-left:4px}
  #site-navigation .kjm-hint-a:hover{text-decoration:underline}
  #site-navigation .kjm-hint-x{appearance:none;background:none;border:0;border-radius:0;padding:0 0 0 8px;margin:0 0 0 8px;border-left:1px solid var(--kjm-line) !important;font:inherit;font-size:12px;color:var(--kjm-muted);cursor:pointer;text-decoration:underline;min-height:0;box-shadow:none}
  #site-navigation .kjm-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px}
  #site-navigation .kjm-fam{margin:0 0 12px}
  #site-navigation .kjm-fam-h{border-top:2px solid var(--kjm-navy);padding-top:8px;display:flex;align-items:center;font-size:14px;font-weight:700;line-height:1.25;color:var(--kjm-navy);transition:opacity .15s}
  #site-navigation .kjm-fam-h > a,#site-navigation .kjm-fam-nl{display:flex;align-items:center;gap:8px;color:var(--kjm-navy)}
  #site-navigation .kjm-fam-h > a:hover{color:var(--kjm-blue)}
  #site-navigation .kjm-fam-h .kjm-i{color:var(--kjm-blue)}
  #site-navigation .kjm-fam-t{display:none}
  #site-navigation .kjm-fam-d{font-size:12px;color:var(--kjm-muted);margin:2px 0 4px 28px;line-height:1.3}
  #site-navigation .kjm-s{transition:opacity .15s}
  #site-navigation .kjm-s > a{padding:3px 6px 3px 9px;border-left:3px solid transparent;transition:background-color .12s,border-color .12s}
  #site-navigation .kjm-s > a:hover,#site-navigation .kjm-s > a:focus-visible{background:var(--kjm-bg);border-left-color:var(--kjm-blue)}
  #site-navigation .kjm-s-1{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 8px}
  #site-navigation .kjm-s-n{font-size:13.5px;font-weight:600;color:var(--kjm-ink);white-space:nowrap}
  #site-navigation .kjm-s-z{margin-left:auto}
  #site-navigation .kjm-s > a:hover .kjm-s-n{color:var(--kjm-blue)}
  #site-navigation .kjm-s-z{font:500 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--kjm-muted);white-space:nowrap;flex:none}
  #site-navigation .kjm-s-d{display:block;font-size:12px;color:var(--kjm-muted);line-height:1.3;margin-top:1px}
  #site-navigation .kjm-s > a.is-current{border-left-color:var(--kjm-navy)}
  #site-navigation .kjm-s > a.is-current .kjm-s-n{color:var(--kjm-navy);text-decoration:underline;text-underline-offset:3px}
  /* tryb dopasowania do przeznaczenia */
  #site-navigation .kjm-panel[data-p] .kjm-s{opacity:.3}
  #site-navigation .kjm-panel[data-p] .kjm-s.is-m{opacity:1}
  #site-navigation .kjm-panel[data-p] .kjm-s.is-m > a{border-left-color:var(--kjm-blue);background:var(--kjm-tint)}
  #site-navigation .kjm-panel[data-p] .kjm-fam.no-m .kjm-fam-h,#site-navigation .kjm-panel[data-p] .kjm-fam.no-m .kjm-fam-d{opacity:.35}

  /* wyróżnienia */
  #site-navigation .kjm-feat{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--kjm-line);border-top:0}
  #site-navigation .kjm-feat > li + li{border-left:1px solid var(--kjm-line)}
  #site-navigation .kjm-f{display:flex;align-items:center;gap:12px;height:100%;padding:9px 14px;color:var(--kjm-ink);position:relative;transition:background-color .15s}
  #site-navigation .kjm-f::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--kjm-blue);transform:scaleX(0);transform-origin:left;transition:transform .18s}
  #site-navigation .kjm-f:hover::after,#site-navigation .kjm-f:focus-visible::after{transform:scaleX(1)}
  #site-navigation .kjm-f:hover{background:var(--kjm-bg)}
  #site-navigation .kjm-f-img{width:88px;height:56px;object-fit:cover;flex:none;display:block;background:var(--kjm-bg)}
  #site-navigation .kjm-f-i{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--kjm-line);color:var(--kjm-blue);background:#fff}
  #site-navigation .kjm-f-i .kjm-i{width:22px;height:22px}
  #site-navigation .kjm-f-tx{display:block;min-width:0}
  #site-navigation .kjm-f-k{display:block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--kjm-blue)}
  #site-navigation .kjm-f-t{display:block;font-size:14px;font-weight:700;color:var(--kjm-navy);line-height:1.25}
  #site-navigation .kjm-f-c{font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--kjm-muted);border:1px solid var(--kjm-line);padding:2px 4px;margin-left:4px;vertical-align:2px}
  #site-navigation .kjm-f-d{display:block;font-size:12px;color:var(--kjm-muted);line-height:1.3;margin-top:2px}
  #site-navigation .kjm-f--tel{background:var(--kjm-navy);color:#fff}
  #site-navigation .kjm-f--tel:hover{background:var(--kjm-blue)}
  #site-navigation .kjm-f--tel .kjm-f-t{color:#fff;font-size:17px;letter-spacing:.01em;white-space:nowrap}
  #site-navigation .kjm-f--tel .kjm-f-k,#site-navigation .kjm-f--tel .kjm-f-d{color:#D8C8EA}
  #site-navigation .kjm-f--tel .kjm-f-i{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
  #site-navigation .kjm-f--tel::after{background:#fff}
}
@media (min-width:993px) and (max-width:1279px){
  #site-navigation .kjm-body{grid-template-columns:292px minmax(0,1fr)}
  /* wąski desktop: kafelki 2 × 4 z ikoną nad tekstem (jak w szufladzie), zamiast 8 wierszy */
  #site-navigation .kjm-apps-grid{grid-template-columns:1fr 1fr}
  #site-navigation .kjm-app{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:70px;padding:7px 7px 7px 9px}
  #site-navigation .kjm-app-tx{display:block}
  #site-navigation .kjm-app-i{width:28px;height:28px;align-self:auto}
  #site-navigation .kjm-app-t{font-size:12.5px}
  #site-navigation .kjm-app-s{display:none}
  #site-navigation .kjm-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  #site-navigation .kjm-sys-head{display:block}
  #site-navigation .kjm-hint{margin-top:10px}
  #site-navigation .kjm-feat{grid-template-columns:repeat(2,minmax(0,1fr))}
  #site-navigation .kjm-feat > li:nth-child(3){border-left:0}
  #site-navigation .kjm-feat > li:nth-child(n+3){border-top:1px solid var(--kjm-line)}
  #site-navigation .kjm-feat > li:nth-child(5){border-left:0;grid-column:1/-1}
  #site-navigation .kjm-in{padding:12px 16px 16px}
}

/* Niski ekran (laptop 1280×800, 1366×768): bez podpisów kafelków i opisów rodzin, żeby panel zmieścił się bez przewijania */
@media (min-width:993px) and (max-height:860px){
  #site-navigation .kjm-app-s,#site-navigation .kjm-fam-d,#site-navigation .kjm-f-d{display:none}
  #site-navigation .kjm-app{min-height:50px}
  #site-navigation .kjm-apps-grid{margin:8px 0}
  #site-navigation .kjm-fam-h{margin-bottom:4px}
  #site-navigation .kjm-f{padding:7px 14px}
  #site-navigation .kjm-f-img{height:44px;width:72px}
  #site-navigation .kjm-s > a{padding-top:2px;padding-bottom:2px}
  #site-navigation .kjm-fam{margin-bottom:8px}
}

/* Telefon i tablet: akordeon w szufladzie Shoptimizera */
@media (max-width:992px){
  #site-navigation .menu > li.kjm-item{position:relative}
  #site-navigation .kjm-item > a{padding-right:52px}
  #site-navigation .kjm-toggle{position:absolute;right:0;top:0;width:48px;height:44px;z-index:3;color:var(--kjm-ink)}
  #site-navigation .kjm-toggle .kjm-i{width:20px;height:20px}
  #site-navigation .kjm-panel{display:none;padding:4px 0 14px;color:var(--kjm-ink);font-size:14px;line-height:1.35;max-width:100%;overflow:hidden}
  #site-navigation .kjm-item.kjm-open > .kjm-panel{display:block}
  #site-navigation .kjm-top{display:block;margin:0 0 6px}
  #site-navigation .kjm-eyebrow,#site-navigation .kjm-sys-head > div:first-child,#site-navigation .kjm-fam-d,#site-navigation .kjm-app-s{display:none}
  #site-navigation .kjm-sys-head{margin:4px 0 8px}
  #site-navigation .kjm-hint{font-size:12.5px;line-height:1.4;color:var(--kjm-muted);border-left:3px solid var(--kjm-line);background:var(--kjm-bg);padding:8px 10px}
  #site-navigation .kjm-panel[data-p] .kjm-hint{border-left-color:var(--kjm-blue);background:var(--kjm-tint);color:var(--kjm-ink)}
  #site-navigation .kjm-hint-n{color:var(--kjm-navy)}
  #site-navigation .kjm-hint-a{display:inline-flex;align-items:center;min-height:44px;color:var(--kjm-blue);font-weight:600;margin-right:10px}
  #site-navigation .kjm-hint-x{appearance:none;background:none;border-radius:0;box-shadow:none;margin:0;padding:0;min-height:44px;font:inherit;font-size:12.5px;color:var(--kjm-muted);text-decoration:underline;cursor:pointer;border:0 !important}
  #site-navigation .kjm-panel[data-p] .kjm-s:not(.is-m){opacity:.35}
  #site-navigation .kjm-panel[data-p] .kjm-s.is-m > a{border-left-color:var(--kjm-blue);background:var(--kjm-tint)}
  #site-navigation .kjm-panel[data-p] .kjm-fam.no-m .kjm-fam-h{opacity:.4}
  #site-navigation .kjm-all,#site-navigation .kjm-more{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-weight:600;color:var(--kjm-blue);border-bottom:1px solid var(--kjm-line)}
  #site-navigation .kjm-all .kjm-i,#site-navigation .kjm-more .kjm-i{width:18px;height:18px}
  #site-navigation .kjm-more{border-bottom:0;font-size:13px}
  #site-navigation .kjm-apps{padding:10px 0 4px}
  #site-navigation .kjm-h{font-size:15px}
  #site-navigation .kjm-apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0 4px}
  /* ikona nad tekstem: przy ~130 px kafelka tekst obok ikony łamał słowa w środku */
  #site-navigation .kjm-app{display:flex;flex-direction:column;align-items:flex-start;gap:6px;height:100%;min-height:76px;padding:8px 8px 8px 9px;border-left:3px solid var(--kjm-blue) !important}
  #site-navigation .kjm-app.is-on{border-left-color:var(--kjm-blue) !important}
  #site-navigation .kjm-app.is-on .kjm-app-i{background:#fff}
  #site-navigation .kjm-app-i{width:30px;height:30px;display:block}
  #site-navigation .kjm-app-tx{display:block;min-width:0}
  #site-navigation .kjm-app-t{display:block;font-size:12.5px;font-weight:600;line-height:1.2;hyphens:manual}
  #site-navigation .kjm-sys{padding-top:6px}
  #site-navigation .kjm-fam{border-top:1px solid var(--kjm-line)}
  #site-navigation .kjm-fam:last-child{border-bottom:1px solid var(--kjm-line)}
  #site-navigation .kjm-fam-h{display:flex;align-items:stretch;font-size:14px;font-weight:600;color:var(--kjm-navy)}
  #site-navigation .kjm-fam-h > a,#site-navigation .kjm-fam-nl{flex:1;display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 0;color:var(--kjm-navy)}
  #site-navigation .kjm-fam-h .kjm-i{color:var(--kjm-blue)}
  #site-navigation .kjm-fam-t{appearance:none;background:none;border-left:1px solid var(--kjm-line) !important;border-radius:0;box-shadow:none;margin:0;padding:0;width:48px;min-height:48px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--kjm-ink);cursor:pointer}
  #site-navigation .kjm-fam-t .kjm-i{transition:transform .18s}
  #site-navigation .kjm-fam.is-open .kjm-fam-t .kjm-i{transform:rotate(180deg)}
  #site-navigation .kjm-fam:not(.is-open) .kjm-list{display:none}
  #site-navigation .kjm-list{padding:0 0 8px}
  #site-navigation .kjm-s > a{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:6px 8px 6px 12px;border-left:3px solid var(--kjm-line);margin:0 0 2px 8px}
  #site-navigation .kjm-s > a.is-current{border-left-color:var(--kjm-blue);background:var(--kjm-bg)}
  #site-navigation .kjm-s-1{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
  #site-navigation .kjm-s-n{font-weight:600;font-size:14px}
  #site-navigation .kjm-s-z{font:500 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--kjm-muted);white-space:nowrap}
  #site-navigation .kjm-s-d{display:block;font-size:12px;color:var(--kjm-muted)}
  #site-navigation .kjm-feat{display:grid;grid-template-columns:1fr;gap:6px;margin-top:12px}
  #site-navigation .kjm-f{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 10px;border:1px solid var(--kjm-line);color:var(--kjm-ink)}
  #site-navigation .kjm-f-img{width:56px;height:44px;object-fit:cover;flex:none}
  #site-navigation .kjm-f-i{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--kjm-blue)}
  #site-navigation .kjm-f-tx{display:block;min-width:0}
  #site-navigation .kjm-f-k{display:block;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kjm-blue)}
  #site-navigation .kjm-f-t{display:block;font-weight:700;color:var(--kjm-navy)}
  #site-navigation .kjm-f-c{font-size:11px;color:var(--kjm-muted);font-weight:500}
  #site-navigation .kjm-f-d{display:block;font-size:12px;color:var(--kjm-muted)}
  #site-navigation .kjm-f--tel{background:var(--kjm-navy);border-color:var(--kjm-navy);color:#fff}
  #site-navigation .kjm-f--tel .kjm-f-t{color:#fff;font-size:16px}
  #site-navigation .kjm-f--tel .kjm-f-k,#site-navigation .kjm-f--tel .kjm-f-d{color:#D8C8EA}
  #site-navigation .kjm-f--tel .kjm-f-i{color:#fff}
  .kjm-backdrop{display:none}
}
@media (prefers-reduced-motion:reduce){
  #site-navigation .kjm-panel,#site-navigation .kjm-panel *,#site-navigation .kjm-toggle .kjm-i,.kjm-backdrop{transition:none !important}
  #site-navigation .kjm-panel{transform:none !important}
}

/* kj-wyglad */

/* Podpowiedzi wyszukiwarki maja byc NAD paskiem menu. Lista jest pozycjonowana
   absolutnie bez z-index, a pasek menu stoi nizej w DOM, wiec go przykrywal. */
.commercekit-ajs-results{z-index:9999 !important}

/* Logo na telefonie: motyw skalowal je do 142 px szerokosci - za malo, zeby
   przeczytac "autoryzowany dystrybutor". Szerokosc liczona od dostepnego
   miejsca miedzy przyciskiem menu (75 px) a koszykiem (~50 px).
   30.10.2026: to samo do 992 px (tablet mial logo 142 px), a plik logo CKS ma pusty pas z prawej
   (tresc 967 z 1093 px) - przesuniecie o polowe pasa (5,76% szerokosci), zeby napis stal na srodku. */
@media (max-width:992px){
  .site-header .site-branding{display:flex;align-items:center;justify-content:center;min-height:70px}
  .site-header .site-branding .custom-logo-link{display:block !important;width:min(260px, calc(100vw - 190px)) !important;max-width:none !important}
  .site-header .custom-logo{width:100% !important;max-width:none !important;height:auto !important;transform:translateX(5.76%)}
}
@media (min-width:768px){
  .site-header .site-branding{display:flex;align-items:center}
}

/* Strona glowna: trzy kafelki zastosowan maja zdjecia o roznych proporcjach
   (dwa poziome, jeden pionowy schemat), wiec trzeci byl dwa razy wyzszy.
   Wspolna proporcja 4:3 i kadrowanie zamiast rozciagania. */
.elementor-element-63412b4 .elementor-widget-image img{width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:center 40%}

/* Tytuly kafelkow w KAZDEJ siatce produktow (kategorie, sklep, wyszukiwanie):
   motyw daje max-height = 2 x line-height przy padding 4px i border-box, wiec
   druga linia jest przycinana w polowie liter - ogonki ą, ę i zejscia p, y
   gina. Ta sama usterka, ktora naprawilismy w "Pasujacych elementach". */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title a{
  padding-top:0 !important;padding-bottom:0 !important;line-height:1.35 !important;
  min-height:calc(1.35em * 2 + 2px) !important;max-height:none !important}

/* Pola formularzy w calym sklepie: motyw i nasze arkusze daja im sztywna
   wysokosc 40 px przy padding 11 px, wiec na czcionke 15-16 px zostaje 18 px
   i zejscia liter (y, p, g, ogonki ą ę) sa przycinane - widac to w listach
   konfiguratora ("Wszystkie elementy"), wyszukiwarce i formularzu kontaktowym.
   Wysokosc ma wynikac z interlinii, nie z liczby na sztywno. */
select,
input[type="text"],input[type="search"],input[type="tel"],input[type="email"],input[type="number"],input[type="password"],
.jw-conf select,.kj-form select,.woocommerce .quantity .qty,.search-field{
  height:auto !important;min-height:44px;line-height:1.4 !important;
  padding-top:8px !important;padding-bottom:8px !important;box-sizing:border-box}
textarea{line-height:1.5 !important}
/* przycisk obok pola ilosci i przycisk szukaj maja miec te sama wysokosc co pole */
.woocommerce .quantity{align-items:stretch}

/* --- karta produktu ------------------------------------------------- */
/* 1. Opis skrocony pod cena: jedno zdanie + tabelka parametrow zamiast
   slowotoku. Ma byc mniej widoczny niz nazwa i cena, stad szarosc i 13-14 px. */
.woocommerce-product-details__short-description{margin:10px 0 18px}
.jw-skrot__lead{font-size:14px;line-height:1.5;margin:0 0 10px;color:#333}
ul.jw-skrot{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0;
  border:1px solid var(--brand-border,#D8D3DE);border-right:0;border-bottom:0}
ul.jw-skrot li{display:flex;flex-direction:column;gap:2px;padding:7px 10px;margin:0;font-size:13px;line-height:1.35;
  border-right:1px solid var(--brand-border,#D8D3DE);border-bottom:1px solid var(--brand-border,#D8D3DE)}
ul.jw-skrot li:last-child:nth-child(odd){grid-column:1 / -1}   /* nieparzysta liczba: ostatni na cala szerokosc */
.jw-skrot__k{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-muted,#5A646E)}
.jw-skrot__v{color:#111;font-weight:600}

/* 4. Poczatek opisu: jeden rytm odstepow, bez cieni. KPI jako flex, zeby
   ostatni rzad zawsze byl pelny (5 kafelkow w 3 kolumnach zostawialo dziure). */
.jw-wrap .jw-hero__text,.jw-wrap .jw-hero__media,.jw-wrap .jw-feature,.jw-wrap .jw-box,.jw-wrap .jw-kpi{box-shadow:none !important}
.jw-wrap .jw-pillrow{margin:0 0 10px}
.jw-wrap .jw-h2{margin:0 0 10px;line-height:1.2}
.jw-wrap .jw-lead{margin:0 0 14px;line-height:1.55}
.jw-wrap .jw-kpis{display:flex !important;flex-wrap:wrap;gap:0;margin:0 0 14px;
  border:1px solid var(--brand-border,#D8D3DE);border-right:0;border-bottom:0}
.jw-wrap .jw-kpi{flex:1 1 140px;border:0;border-right:1px solid var(--brand-border,#D8D3DE);
  border-bottom:1px solid var(--brand-border,#D8D3DE);padding:9px 12px;background:#fff !important}
.jw-wrap .jw-kpi__label{margin:0 0 2px}
.jw-wrap .jw-bullets{gap:0;margin:0;border:1px solid var(--brand-border,#D8D3DE);border-bottom:0}
/* Punkt jest flexem, a jego tresc to tekst + <strong> + tekst, wiec kazdy kawalek
   stawal sie osobna kolumna ("Opaski zaciskowe | zamawiane osobno | , po jednej").
   Blok z ikona pozycjonowana absolutnie: tekst plynie normalnie. */
.jw-wrap .jw-bullet{display:block;position:relative;border:0;border-bottom:1px solid var(--brand-border,#D8D3DE);padding:9px 12px 9px 46px;font-size:14px;line-height:1.45}
.jw-wrap .jw-bullet .jw-ico{position:absolute;left:12px;top:8px}
.jw-wrap .jw-hero{gap:14px;margin:0 0 14px}
.jw-wrap .jw-hero__media .jw-note{margin:8px 0 0}
@media (max-width:767px){
  .jw-wrap .jw-h2{font-size:22px}
  .jw-wrap .jw-kpi{flex-basis:calc(50% - 1px)}
  .jw-wrap .jw-hero__text,.jw-wrap .jw-hero__media{padding:14px}
}

/* 8. Przyciski "Rysunek techniczny (PDF)" i "Deklaracja": arkusz motywu
   dawal im bialy tekst na bialym tle (regula pisana pod ciemne CTA), wiec
   wygladaly jak puste ramki. */
.jw-wrap .jw-btn--outline{background:#fff;color:var(--brand-navy,#3A0F6B) !important;
  border:1px solid var(--brand-navy,#3A0F6B);font-weight:700;justify-content:flex-start;gap:10px}
.jw-wrap .jw-btn--outline::before{content:"PDF";font-size:10px;letter-spacing:.08em;padding:2px 5px;
  border:1px solid currentColor;line-height:1}
.jw-wrap .jw-btn--outline:hover{background:var(--brand-navy,#3A0F6B);color:#fff !important}
@media (min-width:600px){.jw-wrap .jw-cta__btns{flex-direction:row;flex-wrap:wrap}
  .jw-wrap .jw-cta__btns .jw-btn{width:auto;min-width:260px}}

/* 3. "Kupujesz bez ryzyka": zamiast trzech punktow z ptaszkiem - siatka
   2x2 z konkretem (co dostajesz, kiedy wysylamy, jak placisz). */
.product-widget .kj-zaufanie{border:1px solid var(--brand-border,#D8D3DE);margin:20px 0 0}
.kj-zaufanie__tytul{padding:9px 14px;background:var(--brand-navy,#3A0F6B);color:#fff;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;font-size:12px}
.kj-zaufanie__lista{list-style:none !important;margin:0 !important;padding:0 !important;display:grid;grid-template-columns:1fr 1fr}
.kj-zaufanie__lista li{display:grid;grid-template-columns:22px 1fr;column-gap:10px;row-gap:3px;padding:12px 14px;margin:0 !important;
  border-bottom:1px solid var(--brand-border,#D8D3DE);border-right:1px solid var(--brand-border,#D8D3DE)}
.kj-zaufanie__lista li:nth-child(2n){border-right:0}
/* Motyw dokleja wlasny "ptaszek" (::before) do kazdego li w widgecie produktu - u nas ikony sa w SVG. */
.kj-zaufanie__lista li::before,.kj-zaufanie__lista li::after{display:none !important;content:none !important}
.kj-zaufanie__lista li svg{width:22px;height:22px;grid-row:1 / 3;stroke:var(--brand-blue,#521697);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kj-zaufanie__lista b{font-size:13px;line-height:1.3;color:#111}
.kj-zaufanie__lista span{font-size:12px;color:var(--brand-muted,#5A646E);line-height:1.35}
.kj-zaufanie .kj-platnosci{padding:10px 14px !important;margin:0 !important;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.product-widget fieldset,.product-widget legend{border:0;padding:0;margin:0}
@media (max-width:480px){.kj-zaufanie__lista{grid-template-columns:1fr}.kj-zaufanie__lista li{border-right:0}}

/* 6. "Co jeszcze zlozy sie na kompletny przewod": kafelki z miniaturami
   zamiast listy tekstowej. Lista zostaje w HTML jako wersja zapasowa i jest
   chowana tylko wtedy, gdy kod PHP faktycznie wstawil kafelki. */
.jw-box--komplet-dyn .jw-komplet-fallback{display:none}
.jw-komplet{display:grid;grid-template-columns:repeat(var(--kj-kol,4),1fr);gap:0;margin:6px 0 0;
  border:1px solid var(--brand-border,#D8D3DE);border-right:0;border-bottom:0}
.jw-komplet__k{display:flex;flex-direction:column;padding:10px;background:#fff;
  border-right:1px solid var(--brand-border,#D8D3DE);border-bottom:1px solid var(--brand-border,#D8D3DE)}
.jw-komplet__k img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;display:block;margin:0 0 8px}
.jw-komplet__typ{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-muted,#5A646E)}
.jw-komplet__nazwa{font-size:13px;font-weight:600;color:#111 !important;text-decoration:none !important;line-height:1.3;margin:2px 0 6px;flex:1}
.jw-komplet__cena{font-size:14px;font-weight:700;color:#111;margin:0 0 8px}
.jw-komplet__cena .woocommerce-Price-amount{font-weight:700}
.jw-komplet .jw-komplet__btn{font-size:12px !important;padding:8px 10px !important;width:100%;line-height:1.2}
@media (max-width:767px){.jw-komplet{grid-template-columns:repeat(var(--kj-kol-m,2),1fr)}}

/* kj-naglowek */

@media (min-width:993px){
  /* gorny pasek: jasny, cienki; telefon | darmowa dostawa ........ Dostawa i płatność · Zwroty i reklamacje */
  .topbar-wrapper{background:#F2EEF6 !important;border-bottom:1px solid #E3DDEA}
  .topbar-wrapper .top-bar{padding:0 !important;background:none !important}
  .topbar-wrapper .top-bar .col-full{display:flex;align-items:center;gap:28px;min-height:34px}
  .topbar-wrapper .top-bar,.topbar-wrapper .top-bar p,.topbar-wrapper .top-bar span{color:#301F44 !important;font-size:13px !important;line-height:1.2 !important;margin:0 !important}
  .topbar-wrapper .top-bar a{color:#3A0F6B !important;font-weight:600;text-decoration:none}
  .topbar-wrapper .top-bar a:hover{text-decoration:underline}
  .topbar-wrapper .top-bar-left,.topbar-wrapper .top-bar-center{float:none !important;width:auto !important;text-align:left !important;padding:0 !important}
  .topbar-wrapper .top-bar-center{flex:1 1 auto}
  .topbar-wrapper .top-bar-center .textwidget,.topbar-wrapper .top-bar-center .textwidget > p{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}
  .kj-tb-dost{display:inline-flex !important;align-items:center}
  .topbar-wrapper .top-bar-center svg{width:16px;height:16px;margin-right:6px;color:#3A0F6B;fill:currentColor}
  .topbar-wrapper .top-bar-center br{display:none}
  .kj-tb-linki{display:inline-flex;gap:22px}
  /* bialy naglowek: jeden rzad */
  .site-header .main-header{display:flex !important;align-items:center;gap:40px;padding-top:16px !important;padding-bottom:16px !important;flex-wrap:nowrap}
  .site-header .main-header:after,.site-header .main-header:before{display:none !important}
  .site-header .site-branding{flex:0 0 auto;width:auto !important;float:none !important;margin:0 !important;min-height:0 !important}
  /* logo w prawdziwych proporcjach (1093x169 = 6,5:1); motyw wymuszal wysokosc 70 px i sciskal je do 4:1 */
  .site-header .site-branding .custom-logo-link{display:block !important;width:360px !important;max-width:none !important}
  .site-header .custom-logo{width:100% !important;height:auto !important;max-width:none !important;max-height:none !important;object-fit:contain}
  .site-header .site-search{flex:1 1 auto;max-width:640px;width:auto !important;float:none !important;margin:0 0 0 auto !important;padding:0 !important}
  .site-header .site-search input[type=search]{height:46px;border:1px solid #D1C9DA !important;border-radius:0 !important;padding-left:16px !important;font-size:15px;background:#fff}
  .site-header .site-search input[type=search]:focus{border-color:#3A0F6B !important;box-shadow:0 0 0 1px #3A0F6B}
  .site-header .secondary-navigation{flex:0 0 auto;width:auto !important;float:none !important;margin:0 !important;padding:0 !important}
  .site-header .secondary-navigation .menu > li:not(:has(> a[href*="/moje-konto/"])){display:none !important}
  .site-header .secondary-navigation .menu > li{border:0 !important;padding:0 !important;margin:0 !important}
  .site-header .secondary-navigation .menu > li > a{display:inline-flex !important;align-items:center;gap:8px;padding:0 !important;font-size:14px;font-weight:600;color:#301F44 !important}
  .site-header .secondary-navigation .menu > li > a:before{content:"";width:22px;height:22px;flex:0 0 22px;background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E") center/contain no-repeat}
  .site-header .secondary-navigation .menu > li > a:hover{color:#3A0F6B !important}
  /* pasek menu: ten sam granat co hero strony glownej; widoczna strzalka "Sklep" */
  .col-full-nav,.shoptimizer-primary-navigation,.site-header .col-full-nav{background-color:#2F0C56 !important}
  #site-navigation .kjm-toggle{color:#fff !important}
  #site-navigation .menu > li > a{font-size:14.5px}
  .topbar-wrapper .top-bar *{white-space:nowrap}
}
/* laptop 993-1279 px: menu w jednej linii (10 pozycji + koszyk), wezsze odstepy */
@media (min-width:993px) and (max-width:1279px){
  #site-navigation .menu > li > a{font-size:13px;padding-left:8px !important;padding-right:8px !important}
  #site-navigation .menu > li.kjm-item > a{padding-right:0 !important}
  #site-navigation .kjm-toggle{margin-right:2px}
  /* „Strona główna” – logo prowadzi na stronę główną, a bez tej pozycji menu mieści się w jednej linii */
  #site-navigation .menu > li:has(> a[href="https://kominy-jeremias.pl/"]){display:none !important}
  .site-header .main-header{gap:24px}
  .site-header .site-branding .custom-logo-link{width:290px !important}
  .kj-tb-linki{gap:14px}
  .topbar-wrapper .top-bar .col-full{gap:16px}
  .topbar-wrapper .top-bar,.topbar-wrapper .top-bar p,.topbar-wrapper .top-bar span,.topbar-wrapper .top-bar a{font-size:12.5px !important}
}

/* kj-naglowek-tel */

@media (max-width:992px){
  .site-header .menu-toggle{display:inline-flex !important;flex-direction:column;align-items:center;justify-content:center;gap:0;
    width:48px !important;height:48px !important;min-width:0;padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important}
  .site-header .menu-toggle .bar{position:static !important;display:block !important;width:24px !important;height:2px !important;margin:0 0 5px !important;
    background:#3A0F6B !important;border-radius:2px;transform:none !important;top:auto !important;left:auto !important}
  .site-header .menu-toggle .bar:nth-of-type(3){margin-bottom:6px !important}
  .site-header .menu-toggle .bar-text{position:static !important;display:block !important;margin:0 !important;padding:0 !important;font-size:10px !important;line-height:1 !important;
    font-weight:700 !important;letter-spacing:.08em;text-transform:uppercase;color:#3A0F6B !important}
  .site-header .menu-toggle:focus-visible{outline:2px solid #521697;outline-offset:2px}
  /* motyw stawia koszyk 10 px nizej niz przycisk menu (21-69 vs 11-59) - wyrownanie do srodka naglowka */
  .site-header .shoptimizer-cart .cart-contents{display:inline-flex !important;align-items:center;justify-content:center;width:48px !important;height:48px !important;transform:translateY(-8px)}
  .site-header .shoptimizer-cart .cart-contents .count{color:#3A0F6B !important;border-color:#3A0F6B !important;font-weight:700}
  .site-header .shoptimizer-cart .cart-contents .count:after,.site-header .shoptimizer-cart .cart-contents .count:before{border-color:#3A0F6B !important}
  /* szuflada menu: pozycje 48 px pod palec, z liniami; naglowki sekcji male, granatowe; zamkniecie jako granatowy kwadrat z bialym X */
  #site-navigation .primary-navigation ul.menu > li > a{display:flex !important;align-items:center;min-height:48px;font-size:16px !important;font-weight:600;color:#18141D !important;border-bottom:1px solid #E8E3EE}
  #site-navigation .primary-navigation ul.menu > li:last-child > a{border-bottom:0}
  .mobile-extra .widget h4{margin:26px 0 6px !important;font-size:11.5px !important;font-weight:700 !important;letter-spacing:.1em;text-transform:uppercase;color:#3A0F6B !important;line-height:1.3 !important}
  .mobile-extra .widget ul{margin:0 !important;padding:0 !important;list-style:none !important}
  .mobile-extra .widget ul li{margin:0 !important;padding:0 !important}
  .mobile-extra .widget ul li a{display:flex;align-items:center;min-height:44px;font-size:15px !important;color:#18141D !important;border-bottom:1px solid #F2EEF6}
  .mobile-extra .widget p{margin:0 !important;font-size:15px !important;line-height:1.9 !important}
  .mobile-extra .widget a.kj-tel{display:block;font-size:20px !important;font-weight:800;color:#3A0F6B !important}
  button.mobile-menu.close-drawer{border:0 !important;background:#3A0F6B !important;color:#fff !important;border-radius:0 !important}
  button.mobile-menu.close-drawer svg,button.mobile-menu.close-drawer path{stroke:#fff !important;color:#fff !important}
}

/* kj-stopka */

.site-footer,.site-footer + .copyright,footer .copyright,.copyright{background:#2F0C56 !important;color:#D7C9E6}
.site-footer{padding-top:48px !important;padding-bottom:28px !important}
.site-footer > .col-full{display:grid !important;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:40px}
@media (min-width:993px){.site-footer > .col-full{box-sizing:content-box !important;max-width:1170px !important;padding-left:2.61792em !important;padding-right:2.61792em !important}}  /* ta sama krawedz co logo i tresc strony */
.site-footer > .col-full:before,.site-footer > .col-full:after{display:none !important}
.site-footer .widget{float:none !important;width:auto !important;margin:0 !important;padding:0 !important}
.site-footer .widget-title{display:block;margin:0 0 14px !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.12em;text-transform:uppercase;color:#fff !important}
.site-footer .textwidget,.site-footer .textwidget p,.site-footer .textwidget li{font-size:14px;line-height:1.5;color:#D7C9E6}
.site-footer ul{margin:0 !important;padding:0 !important;list-style:none !important}
.site-footer ul li{margin:0 0 7px !important;padding:0 !important}
.site-footer ul li:before{display:none !important}
.site-footer a{color:#ECE4F6 !important;text-decoration:none}
.site-footer a:hover{color:#fff !important;text-decoration:underline;text-underline-offset:3px}
.site-footer .kj-st-opis{margin:0 0 16px !important;max-width:340px}
.site-footer .kj-st-kontakt{margin:0 0 16px !important;display:flex;flex-direction:column;gap:4px}
.site-footer a.kj-st-tel{font-size:24px !important;font-weight:800;color:#fff !important;letter-spacing:-.01em;line-height:1.2}
.site-footer .kj-st-firma{margin:0 !important;font-size:12.5px !important;line-height:1.55;color:#B49FCC !important}
.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:0 !important}  /* motyw: -48 px, pasek nachodzil na ostatnie linki */
.copyright .col-full{display:flex !important;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}
.copyright p,.copyright .widget{margin:0 !important;font-size:13px;color:#B49FCC !important;float:none !important;width:auto !important}
.copyright p.kj-platnosci{gap:8px !important;margin:0 !important;justify-content:flex-end}
/* dolny pasek: te same krawedzie co kolumny stopki (128-1298 px), logotypy platnosci do prawej */
.copyright .widget{padding:0 !important}
.copyright .col-full:before,.copyright .col-full:after{display:none !important}  /* clearfix motywu jako element flex zjadal 16 px */
@media (min-width:993px){.copyright .col-full{box-sizing:content-box !important;max-width:1170px !important;padding-left:2.61792em !important;padding-right:2.61792em !important}}
.copyright p.kj-platnosci img{box-sizing:content-box;height:18px !important;padding:5px 8px;background:#fff;border-radius:4px}
@media (max-width:992px){.site-footer > .col-full{grid-template-columns:1fr 1fr;gap:32px 24px}}
@media (max-width:600px){.site-footer > .col-full{grid-template-columns:1fr 1fr;gap:28px 16px}.site-footer{padding-top:36px !important}
  .site-footer > .col-full > .widget:first-child,.site-footer > .col-full > .widget:last-child{grid-column:1/-1}
  .site-footer .textwidget li{font-size:14px}
  .site-footer ul li{margin:0 !important}.site-footer ul li a{display:block;padding:6px 0}
  .copyright .col-full{flex-direction:column;align-items:flex-start}.copyright p.kj-platnosci{justify-content:flex-start}}

/* kj-lamanie */
.entry-content h1,.entry-content h2,.entry-content h3,.page-title,.entry-title,.woocommerce-products-header__title,.product_title,.term-description h2,.taxonomy-description h2,.entry-content p.za-wstep,.entry-content p.jw-lead,p.za-wstep,p.jw-lead{text-wrap:balance}.entry-content p,.entry-content li,.term-description p,.taxonomy-description p,.woocommerce-product-details__short-description p,.jw-wrap p,.jw-wrap li{text-wrap:pretty}.entry-content p.za-wstep,.entry-content p.za-lead,.entry-content p.jw-lead,.jw-wrap p.jw-lead{text-wrap:balance}
/* kj-miniatury */
ul.products li.product .shoptimizer-plp-image-wrapper img,ul.products li.product .woocommerce-image__wrapper img{mix-blend-mode:multiply;object-fit:contain}