/* ke-obsluga.css — GENEROWANY przez _build/pomiary/W2-build-2026-10-07/gen_ke_obsluga_css.py — nie edytuj recznie.
   Zrodlo: prototyp W2 v1.3 (7d20652897616a7f7be6bbb9f46c7e05) drugi blok style + kafel wpisu ze snippetu 21 (10a6692e0609bd61dd978e6b4fa4590e); zakres #ke-obsluga. */
@font-face{font-family:'Metropolis-Light';font-style:normal;font-weight:normal;font-display:auto;src:url('/wp-content/uploads/2023/12/Metropolis-Light.woff2') format('woff2'),url('/wp-content/uploads/2023/12/Metropolis-Light.ttf') format('truetype')}
@font-face{font-family:'Metropolis-Regular';font-style:normal;font-weight:normal;font-display:auto;src:url('/wp-content/uploads/2023/12/Metropolis-Regular.woff2') format('woff2'),url('/wp-content/uploads/2023/12/Metropolis-Regular.ttf') format('truetype')}
@font-face{font-family:'Metropolis-Medium';font-style:normal;font-weight:normal;font-display:auto;src:url('/wp-content/uploads/2023/12/Metropolis-Medium.woff2') format('woff2'),url('/wp-content/uploads/2023/12/Metropolis-Medium.ttf') format('truetype')}
#ke-obsluga .sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#ke-obsluga .w2-wrap{max-width:1200px;margin:0 auto;padding:0 16px 64px}
#ke-obsluga .w2-kol{max-width:720px}
@media (min-width:1025px){#ke-obsluga .w2-wrap{padding:0 32px 96px}}
#ke-obsluga .e2b-okr{margin:32px 0 0;font:400 14px/20px Metropolis-Regular,sans-serif;color:var(--ke-muted,#6B676B)}
#ke-obsluga .e2b-okr a{color:var(--ke-ink,#241923);display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
#ke-obsluga .e2b-okr span[aria-hidden]{margin:0 8px}
#ke-obsluga .e2b-h1{margin:12px 0 0;font:300 32px/40px Metropolis-Light,sans-serif;color:var(--ke-ink,#241923);overflow-wrap:anywhere}
@media (min-width:1025px){#ke-obsluga .e2b-okr{margin-top:64px}#ke-obsluga .e2b-h1{margin-top:16px;font-size:48px;line-height:56px}}
#ke-obsluga .w2-lead{margin:16px 0 0;font:400 18px/28px Metropolis-Regular,sans-serif;color:var(--ke-text,#2B2530)}
#ke-obsluga .w2-tresc h2{margin:48px 0 0;font:400 22px/1.3 Metropolis-Regular,sans-serif;color:var(--ke-ink,#241923);scroll-margin-top:96px}
#ke-obsluga .w2-tresc h3{margin:32px 0 0;font:500 18px/26px Metropolis-Medium,sans-serif;color:var(--ke-ink,#241923)}
#ke-obsluga .w2-tresc p,#ke-obsluga .w2-tresc ul,#ke-obsluga .w2-tresc ol{margin:16px 0 0}
#ke-obsluga .w2-tresc ul,#ke-obsluga .w2-tresc ol{padding-left:24px}
#ke-obsluga .w2-tresc li{margin-top:8px}
#ke-obsluga .w2-tresc a:not([class]){color:var(--ke-ink,#241923);text-decoration:underline;text-underline-offset:4px}
@media (min-width:1025px){#ke-obsluga .w2-tresc h2{margin-top:64px;font-size:28px}}
#ke-obsluga .e2b-cta{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:56px;padding:0 24px;background:var(--ke-ink,#241923);color:#fff;font:500 16px/20px Metropolis-Medium,sans-serif;text-decoration:none;border:0;cursor:pointer}
#ke-obsluga .e2b-cta:hover,#ke-obsluga .e2b-cta:active{background:var(--ke-ink-deep,#121212);color:#fff}
#ke-obsluga .e2b-drugi{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:48px;padding:0 24px;border:1px solid var(--ke-ink,#241923);background:#fff;color:var(--ke-ink,#241923);font:500 15px/20px Metropolis-Medium,sans-serif;text-decoration:none}
#ke-obsluga .e2b-drugi:hover{background:var(--ke-g100,#EEECED)}
#ke-obsluga .e2b-drugi:active{background:var(--ke-hairline,#DEDCDE)}
#ke-obsluga .e2b-lnk{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font:400 14px/20px Metropolis-Regular,sans-serif;color:var(--ke-ink,#241923);text-decoration:underline;text-underline-offset:4px}
#ke-obsluga .e2b-lnk:hover{text-decoration-thickness:2px}
@media (max-width:767px){#ke-obsluga .e2b-cta,#ke-obsluga .e2b-drugi{width:100%;min-width:0}}
#ke-obsluga .w2-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px}
#ke-obsluga .w2-tab{width:100%;margin:24px 0 0;border-collapse:collapse;font:400 16px/24px Metropolis-Regular,sans-serif}
#ke-obsluga .w2-tab th{text-align:left;font:500 14px/20px Metropolis-Medium,sans-serif;color:var(--ke-muted,#6B676B);padding:0 16px 12px 0;border-bottom:1px solid var(--ke-ink,#241923)}
#ke-obsluga .w2-tab td{padding:16px 16px 16px 0;border-bottom:1px solid var(--ke-hairline,#DEDCDE);vertical-align:top;color:var(--ke-ink,#241923)}
#ke-obsluga .w2-tab td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}
#ke-obsluga .w2-tab th:last-child,#ke-obsluga .w2-tab td:last-child{padding-right:0}
@media (max-width:767px){#ke-obsluga .w2-tab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}#ke-obsluga .w2-tab,#ke-obsluga .w2-tab tbody,#ke-obsluga .w2-tab tr,#ke-obsluga .w2-tab td{display:block;width:100%}#ke-obsluga .w2-tab tr{padding:16px 0;border-bottom:1px solid var(--ke-hairline,#DEDCDE)}#ke-obsluga .w2-tab tbody tr:first-child{border-top:1px solid var(--ke-ink,#241923)}#ke-obsluga .w2-tab td{border:0;padding:0}#ke-obsluga .w2-tab td:first-child{font-weight:500}#ke-obsluga .w2-tab td:not(:first-child){display:flex;gap:8px;color:var(--ke-text,#2B2530);font-size:15px;margin-top:4px}#ke-obsluga .w2-tab td:not(:first-child)::before{content:attr(data-l);color:var(--ke-muted,#6B676B);min-width:112px}}
#ke-obsluga .w2-lista{list-style:none;padding:0!important}
#ke-obsluga .w2-lista li{padding:12px 0;border-bottom:1px solid var(--ke-hairline,#DEDCDE);margin:0!important}
#ke-obsluga .w2-lista li:first-child{border-top:1px solid var(--ke-hairline,#DEDCDE)}
#ke-obsluga .e2c-notice{margin:48px 0 0;padding:16px 16px 16px 24px;background:var(--ke-g50,#F6F5F6);border:1px solid var(--ke-kontrola,#8C8A8C);border-left:4px solid var(--ke-ink,#241923);color:var(--ke-ink,#241923)}
#ke-obsluga .e2c-notice h2{margin:0!important;font:500 16px/24px Metropolis-Medium,sans-serif!important;color:var(--ke-ink,#241923)}
#ke-obsluga .e2c-notice p{margin:8px 0 0!important;font-size:15px}
#ke-obsluga .e2c-notice a{display:inline-flex;align-items:center;min-height:44px;color:var(--ke-ink,#241923);text-underline-offset:4px}
#ke-obsluga .ke-akordeon{margin-top:24px}
#ke-obsluga .ke-pdp__sekcja{border-top:1px solid var(--ke-hairline,#DEDCDE)}
#ke-obsluga .ke-pdp__sekcja:last-child{border-bottom:1px solid var(--ke-hairline,#DEDCDE)}
#ke-obsluga .ke-pdp__sekcja-h{margin:0!important;font:inherit!important}
#ke-obsluga .ke-pdp__sekcja-naglowek{appearance:none;width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:0;padding:20px 0;min-height:44px;cursor:pointer;text-align:left;font:300 clamp(19px,1.8vw,22px)/1.35 Metropolis-Light,sans-serif;letter-spacing:-.2px;color:var(--ke-ink,#241923);white-space:normal;overflow-wrap:anywhere}
#ke-obsluga .ke-pdp__sekcja-naglowek::after{content:"+";font-weight:400;font-size:24px;line-height:1;color:var(--ke-muted,#6B676B);flex:0 0 auto}
#ke-obsluga .ke-pdp__sekcja-naglowek[aria-expanded="true"]::after{content:"\2013"}
#ke-obsluga .ke-pdp__panel{padding:0 0 24px;font-size:16px;line-height:1.6;color:var(--ke-text,#2B2530);overflow-wrap:anywhere}
#ke-obsluga .ke-pdp__panel[hidden]{display:none}
#ke-obsluga .ke-pdp__panel p{margin:0}
#ke-obsluga .ke-pdp__panel .e2b-lnk{margin-top:4px}
#ke-obsluga .w2-wzor{white-space:pre-line;font-size:15px}
#ke-obsluga .w2-dane{display:grid;grid-template-columns:1fr;gap:0;margin:32px 0 0;border-top:1px solid var(--ke-hairline,#DEDCDE)}
#ke-obsluga .w2-dane div{display:grid;grid-template-columns:1fr;padding:16px 0;border-bottom:1px solid var(--ke-hairline,#DEDCDE)}
#ke-obsluga .w2-dane dt{font:400 14px/20px Metropolis-Regular,sans-serif;color:var(--ke-muted,#6B676B)}
#ke-obsluga .w2-dane dd{margin:4px 0 0;font:400 18px/28px Metropolis-Regular,sans-serif;color:var(--ke-ink,#241923)}
#ke-obsluga .w2-dane dd a{color:var(--ke-ink,#241923);display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
@media (min-width:768px){#ke-obsluga .w2-dane div{grid-template-columns:200px 1fr;align-items:baseline}#ke-obsluga .w2-dane dd{margin:0}}
#ke-obsluga .w2-form{display:grid;gap:16px;margin-top:24px}
#ke-obsluga .w2-form label{display:grid;gap:8px;font:500 14px/20px Metropolis-Medium,sans-serif;color:var(--ke-ink,#241923)}
#ke-obsluga .w2-form input,#ke-obsluga .w2-form textarea{font:400 16px/24px Metropolis-Regular,sans-serif;color:var(--ke-ink,#241923);border:1px solid var(--ke-kontrola,#8C8A8C);border-radius:2px;padding:12px;min-height:48px;background:#fff}
#ke-obsluga .w2-form textarea{min-height:160px;resize:vertical}
#ke-obsluga .w2-form small{font:400 13px/20px Metropolis-Regular,sans-serif;color:var(--ke-fine,#454049)}
#ke-obsluga .w2-todo{background:#fff6d6;color:#3a3000;font:500 13px/18px system-ui,sans-serif;padding:2px 6px}
#ke-obsluga .e2b-pusty{display:flex;flex-direction:column;align-items:center;gap:24px;margin:48px 0 0;text-align:center}
#ke-obsluga .e2b-pusty .e2b-h1{margin:0}
#ke-obsluga .e2b-pusty p{margin:0;max-width:560px}
@media (min-width:1025px){#ke-obsluga .e2b-pusty{margin-top:64px}}
#ke-obsluga .e2b-dysk{position:relative;display:block;width:120px;height:120px;border-radius:50%;background:var(--ke-g50,#F6F5F6)}
#ke-obsluga .e2b-dysk svg{position:absolute;inset:0;width:120px;height:120px}
#ke-obsluga .e2b-najcz{margin:64px 0 0}
#ke-obsluga .e2b-najcz h2{margin:0;font:400 22px/1.3 Metropolis-Regular,sans-serif;color:var(--ke-ink,#241923)}
@media (min-width:1025px){#ke-obsluga .e2b-najcz{margin-top:96px}#ke-obsluga .e2b-najcz h2{font-size:28px}}
#ke-obsluga .e2b-kafle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none}
@media (min-width:1025px){#ke-obsluga .e2b-kafle{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px}}
#ke-obsluga .dss-pole{width:100%;max-width:480px}
#ke-obsluga .dss-field{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;border:1px solid var(--ke-ink-deep,#121212);border-radius:2px;background:#fff}
#ke-obsluga .dss-field input{flex:1;min-width:0;border:0;font:400 15px/20px Metropolis-Regular,sans-serif;color:var(--ke-ink,#241923);background:transparent}
#ke-obsluga .dss-field input:focus{outline:0}
#ke-obsluga .dss-field:focus-within{outline:2px solid var(--ke-ink,#241923);outline-offset:2px}
#ke-obsluga .kea-subcat__list{display:flex;flex-wrap:nowrap;gap:8px;margin:32px 0 0;padding:0 0 4px;list-style:none;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
@media (min-width:1025px){#ke-obsluga .kea-subcat__list{flex-wrap:wrap;overflow:visible}}
#ke-obsluga .kea-subcat__item{flex:0 0 auto;scroll-snap-align:start}
#ke-obsluga .kea-subcat__chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;background:#fff;border:1px solid var(--ke-hairline,#DEDCDE);border-radius:999px;text-decoration:none;white-space:nowrap}
#ke-obsluga .kea-subcat__chip:hover{border-color:var(--ke-ink,#241923);background:var(--ke-g50,#F6F5F6)}
#ke-obsluga .kea-subcat__chip[aria-current="page"]{background:var(--ke-ink,#241923);border-color:var(--ke-ink,#241923)}
#ke-obsluga .kea-subcat__chip[aria-current="page"] .kea-subcat__name,#ke-obsluga .kea-subcat__chip[aria-current="page"] .kea-subcat__count{color:#fff;border-color:rgba(255,255,255,.4)}
#ke-obsluga .kea-subcat__name{font-size:15px;line-height:1.2;color:var(--ke-ink,#241923)}
#ke-obsluga .kea-subcat__count{font-size:13px;line-height:1;color:var(--ke-muted,#6B676B);font-variant-numeric:tabular-nums;padding-left:8px;border-left:1px solid var(--ke-hairline,#DEDCDE)}
#ke-obsluga .w2-pag{display:flex;gap:8px;justify-content:center;margin-top:48px}
#ke-obsluga .w2-pag a,#ke-obsluga .w2-pag span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--ke-hairline,#DEDCDE);border-radius:2px;color:var(--ke-ink,#241923);text-decoration:none}
#ke-obsluga .w2-pag [aria-current]{background:var(--ke-ink,#241923);border-color:var(--ke-ink,#241923);color:#fff}
#ke-obsluga .ke-blog-sek h2{margin:0;font:400 22px/1.3 Metropolis-Regular,sans-serif;color:var(--ke-ink,#241923)}
@media (min-width:1025px){#ke-obsluga .ke-blog-sek h2{font-size:28px}}
#ke-obsluga .w2-art{display:block}
#ke-obsluga .w2-toc{display:none}
@media (min-width:1025px){#ke-obsluga .w2-art{display:grid;grid-template-columns:minmax(0,720px) 272px;column-gap:72px;align-items:start}#ke-obsluga .w2-spis{display:none}#ke-obsluga .w2-toc{display:block;position:sticky;top:var(--w2-nag,24px);max-height:calc(100vh - var(--w2-nag,24px) - 24px);overflow:auto;margin-top:24px;padding:0 0 8px 0;scrollbar-width:thin}}
#ke-obsluga .w2-toc h2{margin:0 0 8px;font:500 12px/1.2 Metropolis-Medium,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ke-muted,#6B676B)}
#ke-obsluga .w2-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--ke-hairline,#DEDCDE)}
#ke-obsluga .w2-toc a{display:flex;align-items:center;min-height:44px;padding:4px 0 4px 16px;margin-left:-1px;border-left:2px solid transparent;color:var(--ke-muted,#6B676B);font:400 15px/20px Metropolis-Regular,sans-serif;text-decoration:none}
#ke-obsluga .w2-toc a:hover{color:var(--ke-ink,#241923);text-decoration:underline;text-underline-offset:4px}
#ke-obsluga .w2-toc a[aria-current="true"]{border-left-color:var(--ke-ink,#241923);color:var(--ke-ink,#241923);font-weight:500}
#ke-obsluga .w2-toc-gora{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font:400 14px/20px Metropolis-Regular,sans-serif;color:var(--ke-ink,#241923);text-underline-offset:4px}
#ke-obsluga .w2-kick{display:block;margin-top:24px;font:500 12px/1.2 Metropolis-Medium,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ke-muted,#6B676B)}
#ke-obsluga .w2-kick+.e2b-h1{margin-top:12px}
#ke-obsluga .w2-byline{margin:16px 0 0;font:400 14px/20px Metropolis-Regular,sans-serif;color:var(--ke-muted,#6B676B)}
#ke-obsluga .w2-byline a{color:var(--ke-ink,#241923);text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
#ke-obsluga .w2-obraz{margin:24px 0 0;aspect-ratio:16/9;background:var(--ke-g100,#EEECED)}
@media (min-width:1025px){#ke-obsluga .w2-obraz{margin-top:32px}}
#ke-obsluga .w2-spis{margin:32px 0 0;padding:8px 24px 16px;background:var(--ke-g50,#F6F5F6);border:1px solid var(--ke-hairline,#DEDCDE)}
#ke-obsluga .w2-spis summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;font:500 16px/24px Metropolis-Medium,sans-serif;color:var(--ke-ink,#241923);cursor:pointer;list-style:none}
#ke-obsluga .w2-spis summary::-webkit-details-marker{display:none}
#ke-obsluga .w2-spis summary::after{content:"+";font-size:22px;color:var(--ke-muted,#6B676B)}
#ke-obsluga .w2-spis[open] summary::after{content:"\2013"}
#ke-obsluga .w2-spis ol{margin:8px 0 0;padding-left:24px}
#ke-obsluga .w2-spis li{margin-top:4px}
#ke-obsluga .w2-spis a{display:inline-flex;align-items:center;min-height:44px;color:var(--ke-ink,#241923);text-underline-offset:4px;font-size:15px;line-height:20px}
#ke-obsluga .w2-wpis{font-size:17px;line-height:28px}
#ke-obsluga .w2-nota{margin:48px 0 0;padding-top:16px;border-top:1px solid var(--ke-hairline,#DEDCDE);font:400 13px/20px Metropolis-Regular,sans-serif;color:var(--ke-fine,#454049)}
#ke-obsluga .w2-sek{margin-top:64px}
@media (min-width:1025px){#ke-obsluga .w2-sek{margin-top:96px}}
#ke-obsluga .w2-sek-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px}
#ke-obsluga .w2-akad{margin-top:64px;padding:32px 24px;border:1px solid var(--ke-hairline,#DEDCDE);background:#fff}
#ke-obsluga .w2-akad h2{margin:0;font:400 22px/1.3 Metropolis-Regular,sans-serif;color:var(--ke-ink,#241923)}
#ke-obsluga .w2-akad p{margin:8px 0 0}
@media (min-width:1025px){#ke-obsluga .w2-akad{margin-top:96px;padding:40px 48px;display:flex;justify-content:space-between;align-items:center;gap:32px}#ke-obsluga .w2-akad h2{font-size:28px}#ke-obsluga .w2-akad .w2-akcje{margin:0}}
/* ---- kafel wpisu 1:1 z home (snippet 21) ---- */
#ke-obsluga .ke-blog-sek .ke-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:32px} @media (max-width:1024px){#ke-obsluga .ke-blog-sek .ke-blog{grid-template-columns:1fr;gap:24px}} #ke-obsluga .ke-blog-sek a.ke-blog-kafel{ display:flex;flex-direction:column; background:#FFFFFF;border:1px solid #E3E1E3;border-radius:6px;overflow:hidden; color:#241923!important;text-decoration:none!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} #ke-obsluga .ke-blog-sek a.ke-blog-kafel:hover{ border-color:#241923;transform:translateY(-3px); box-shadow:0 1px 2px rgba(36,25,35,.06),0 10px 28px rgba(36,25,35,.10)} #ke-obsluga .ke-blog-sek a.ke-blog-kafel:focus-visible{outline:2px solid #241923;outline-offset:3px} #ke-obsluga .ke-blog-sek .ke-blog-img{display:block;width:100%;overflow:hidden;background:#F6F5F6} #ke-obsluga .ke-blog-sek .ke-blog-img img{ display:block;width:100%;height:auto; aspect-ratio:4/3;object-fit:cover;object-position:50% 40%} @media (min-width:768px) and (max-width:1024px){#ke-obsluga .ke-blog-sek .ke-blog-img img{aspect-ratio:3/1}} #ke-obsluga .ke-blog-sek .ke-blog-tresc{display:flex;flex-direction:column;gap:8px;padding:24px} #ke-obsluga .ke-blog-sek .ke-blog-kick{ font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase; color:#6B676B;line-height:1.2} #ke-obsluga .ke-blog-sek h3.ke-blog-tyt{ margin:0;font-size:18px;line-height:1.35;font-weight:400;color:#241923; min-height:4.05em; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} #ke-obsluga .ke-blog-sek .ke-blog-lead{ font-size:13px;line-height:1.5;color:#5A555C; min-height:6em; display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} @media (prefers-reduced-motion:reduce){ #ke-obsluga .ke-blog-sek a.ke-blog-kafel{transition:none} #ke-obsluga .ke-blog-sek a.ke-blog-kafel:hover{transform:none} }
/* ---- KOREKTY (parametr Code) ---- */
/* Korzeń zamiast body/img prototypu: stopień i kolor tekstu, obrazy responsywne */
#ke-obsluga{font:16px/24px Metropolis-Regular,sans-serif;color:var(--ke-text,#2B2530);background:#fff}#ke-obsluga img{max-width:100%;height:auto}
/* Kontener motywu Hello (main.site-main 1140 + padding) zwężałby stronę — kontener 1200 daje .w2-wrap (jak ke-konto) */
body.ke-obsluga .site-main{max-width:none;margin:0;padding:0}
/* Hello `button:focus/:hover{background:#c36}` i kit nadpisują przycisk akordeonu — rola ke-pdp__sekcja-naglowek jest jedynym źródłem wyglądu (fokus = obrys motywu, D-661) */
#ke-obsluga .ke-pdp__sekcja-naglowek:hover,#ke-obsluga .ke-pdp__sekcja-naglowek:focus,#ke-obsluga .ke-pdp__sekcja-naglowek:active{background:none;color:var(--ke-ink,#241923);box-shadow:none}
/* Kit Elementora `a{display:inline-block;padding:6px 0;color:#6B676B}` w części szablonów — linki treści i okruszków dostają kolor i krój roli; e2b-cta/e2b-drugi zachowują kolor przy :focus (reset jak ke-konto) */
#ke-obsluga .e2b-cta:focus{background:var(--ke-ink,#241923);color:#fff}#ke-obsluga .e2b-drugi:focus{background:#fff;color:var(--ke-ink,#241923)}#ke-obsluga .e2b-okr a,#ke-obsluga .w2-tresc a:not([class]){padding:0}
/* Siatka kafli 32600 = Loop Grid Elementora (jak ke-konto `.kkb-kafle-el`): rola e2b-kafle na kontenerze pętli; kontener szablonu blokiem (pułapka 255) */
#ke-obsluga .e2b-kafle-el .elementor-loop-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none}@media (min-width:1025px){#ke-obsluga .e2b-kafle-el .elementor-loop-container{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px}}#ke-obsluga .e2b-kafle-el .elementor-loop-container>.e-loop-item{min-width:0}#ke-obsluga .e2b-kafle-el .e-con{display:block}
/* Pusty stan: h2 zdania (prototyp: styl inline) i dysk; pole wyszukiwarki na pełną szerokość roli */
#ke-obsluga .e2b-pusty h2{margin:0;font:400 22px/1.3 Metropolis-Regular,sans-serif;color:var(--ke-ink,#241923);max-width:720px}#ke-obsluga .e2b-pusty .dss-pole{width:100%}#ke-obsluga .w2-akcje--srodek{justify-content:center;margin:0}#ke-obsluga .w2-sek-h h2{margin:0;font:400 22px/1.3 Metropolis-Regular,sans-serif;color:var(--ke-ink,#241923)}@media (min-width:1025px){#ke-obsluga .w2-sek-h h2{font-size:28px}}
/* Formularz Elementora (szablon biblioteki w treści kontaktu) w roli w2-form: etykiety nad polami, pola 48 px z obrysem kontrolki, przycisk = e2b-cta */
#ke-obsluga .w2-formularz .elementor-form-fields-wrapper{display:grid;gap:16px;margin:24px 0 0}#ke-obsluga .w2-formularz .elementor-field-group{display:grid;gap:8px;width:100%;margin:0;padding:0}#ke-obsluga .w2-formularz .elementor-field-label{margin:0;padding:0;font:500 14px/20px Metropolis-Medium,sans-serif;color:var(--ke-ink,#241923)}#ke-obsluga .w2-formularz .elementor-field-textual{width:100%;min-height:48px;margin:0;padding:12px;border:1px solid var(--ke-kontrola,#8C8A8C);border-radius:2px;background:#fff;color:var(--ke-ink,#241923);font:400 16px/24px Metropolis-Regular,sans-serif;box-shadow:none}#ke-obsluga .w2-formularz textarea.elementor-field-textual{min-height:160px;resize:vertical}#ke-obsluga .w2-formularz .elementor-field-type-submit{margin:8px 0 0}#ke-obsluga .w2-formularz .elementor-button{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:56px;padding:0 24px;border:0;border-radius:0;background:var(--ke-ink,#241923);color:#fff;font:500 16px/20px Metropolis-Medium,sans-serif;cursor:pointer}#ke-obsluga .w2-formularz .elementor-button:hover,#ke-obsluga .w2-formularz .elementor-button:active,#ke-obsluga .w2-formularz .elementor-button:focus{background:var(--ke-ink-deep,#121212);color:#fff}@media (max-width:767px){#ke-obsluga .w2-formularz .elementor-button{width:100%;min-width:0}}#ke-obsluga .w2-formularz .elementor-message{margin:16px 0 0;font:400 15px/22px Metropolis-Regular,sans-serif;color:var(--ke-ink,#241923)}#ke-obsluga .w2-formularz .elementor-message::before{content:none}#ke-obsluga .w2-form-nota{display:block;margin:16px 0 0;font:400 13px/20px Metropolis-Regular,sans-serif;color:var(--ke-fine,#454049)}#ke-obsluga .w2-form-nota a{color:var(--ke-ink,#241923);text-decoration:underline;text-underline-offset:4px}
/* Wpis: treść klasyczna (obrazy z wpisów, nagłówki h3/h4 wpisu) w kolumnie 720; spis treści przyklejony pod nagłówkiem strony — `--w2-nag` liczy JS z żywego ke-naglowek (dół przyklejenia + 24); kotwice h2 nie znikają pod nagłówkiem */
#ke-obsluga{--w2-nag:96px}#ke-obsluga .w2-wpis h2[id]{scroll-margin-top:var(--w2-nag,96px)}#ke-obsluga .w2-wpis img{height:auto;margin:24px 0 0}#ke-obsluga .w2-wpis figure{margin:24px 0 0}#ke-obsluga .w2-obraz{aspect-ratio:auto;background:none}#ke-obsluga .w2-obraz img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}#ke-obsluga .w2-byline a{padding:0}
/* Kafel wpisu 1:1 z home (K10): opakowanie kafla dziedziczy na home interlinię 1.6 i min-height 0 z kontenera Elementora — to samo w siatce wtyczki (wyliczone style dzieci już równe) */
#ke-obsluga .ke-blog-sek .ke-blog{line-height:1.6}#ke-obsluga .ke-blog-sek a.ke-blog-kafel,#ke-obsluga .ke-blog-sek .ke-blog-tresc,#ke-obsluga .ke-blog-sek .ke-blog-kick{min-height:0}
/* Tabela cennika: reset stylów tabeli motywu Hello (obramowanie 1 px wokół komórek, zebra `tbody>tr:nth-child(odd)>td`, tło przy hover, margines) — w prototypie tylko linie poziome (render 2026-10-07, zrzut zrzut-dostawa-1440/390) */
#ke-obsluga .w2-tab{border:0;border-spacing:0;margin-bottom:0}#ke-obsluga .w2-tab th,#ke-obsluga .w2-tab td{border-top:0;border-left:0;border-right:0;background:none;line-height:24px}#ke-obsluga .w2-tab th{line-height:20px}#ke-obsluga .w2-tab tbody>tr:nth-child(odd)>td,#ke-obsluga .w2-tab tbody>tr:hover>td,#ke-obsluga .w2-tab tbody tr:hover>th{background:none}
/* Linki bez własnej klasy w rolach prototypu (byline, „Wróć na początek”, dane kontaktowe, notka, spis treści) — prototyp polega na podkreśleniu domyślnym przeglądarki, a kit ustawia `a{text-decoration:none}`; afordancja bez hovera (ux §3a) */
#ke-obsluga .w2-byline a,#ke-obsluga .w2-toc-gora,#ke-obsluga .w2-dane dd a,#ke-obsluga .e2c-notice a,#ke-obsluga .w2-spis a{text-decoration:underline;text-underline-offset:4px}
/* Okruszki: element bez linku (bieżący) i separator w jednej linii z celem 44 px */
#ke-obsluga .e2b-okr{display:flex;flex-wrap:wrap;align-items:center}
/* Marker treści do uzupełnienia (copy) — widoczny na stagingu, nie jest kolorem stanu interaktywnego */
#ke-obsluga .w2-todo{display:inline}
/* 0.1.5 (Blog W1, decyzja Patryka 2026-10-16): tabela w treści wpisu w przewijanym kontenerze .w2-tabela (PHP ke_obsluga_tabele) — strona bez przewijania poziomego na 360/390 (9056: 508 → 390); cienie przewijania (background local/scroll) jako sygnał, że tabela ciągnie się dalej; fokus kontenera = obrys roli. Warianty: _build/pomiary/blog-W1-publikacja-2026-10-15/po/warianty2-tabela-9056.json */
#ke-obsluga .w2-tabela{max-width:100%;overflow-x:auto;margin:24px 0 0;background:linear-gradient(to right,#fff 30%,rgba(255,255,255,0)) left center/40px 100% no-repeat local,linear-gradient(to left,#fff 30%,rgba(255,255,255,0)) right center/40px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(36,25,35,.25),rgba(36,25,35,0)) left center/14px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(36,25,35,.25),rgba(36,25,35,0)) right center/14px 100% no-repeat scroll}#ke-obsluga .w2-tabela table{margin:0}#ke-obsluga .w2-tabela:focus-visible{outline:2px solid var(--ke-ink,#241923);outline-offset:2px}