@font-face { font-family: 'Gabarito'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/gabarito/QGYtz_0dZAGKJJ4t3HtmW4XUng.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Gabarito'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/gabarito/QGYtz_0dZAGKJJ4t3HtoW4U.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Gabarito'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/gabarito/QGYtz_0dZAGKJJ4t3HtmW4XUng.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Gabarito'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/gabarito/QGYtz_0dZAGKJJ4t3HtoW4U.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Gabarito'; font-style: normal; font-weight: 800; font-display: swap; src: url(/assets/fonts/gabarito/QGYtz_0dZAGKJJ4t3HtmW4XUng.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Gabarito'; font-style: normal; font-weight: 800; font-display: swap; src: url(/assets/fonts/gabarito/QGYtz_0dZAGKJJ4t3HtoW4U.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4q9DbZs.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4q9DbZs.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4q9DbZs.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/figtree/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
details.faq{margin-block:12px}
.podpis-tresci{display:block;margin:8px 0 22px;font-size:.84rem;line-height:1.5;color:var(--t2)}
[data-ramka]:not([id^="chart_"]){background:color-mix(in srgb,var(--akcent) 7%,var(--pow));color:var(--tekst);border-color:var(--linia)!important;border-radius:var(--r,12px)}
[id^="chart_"][id$="-container"]{background:var(--pow)!important;color:var(--tekst)!important;border-radius:var(--r,16px);padding:18px 14px 14px;box-shadow:0 0 0 1px var(--linia);box-sizing:border-box;margin:28px auto!important}
[id^="chart_"][id$="-container"] *{color:inherit!important;font-family:var(--f-t)}
[id^="chart_"][id$="-container"]>div:last-child{font-family:var(--f-n);font-size:1rem}
[id^="chart_"]{max-width:100%;overflow-x:auto}
[id^="chart_"] svg{background:transparent!important;max-width:100%;height:auto;font-family:var(--f-t)}
[id^="chart_"] svg[viewBox]{width:100%!important;height:auto!important}
[id^="chart_"] rect{fill:var(--akcent);rx:6px}
[id^="chart_"] .tick text{font-size:13px}
[id^="chart_"] path[fill="none"]:not(.domain),[id^="chart_"] .line{stroke:var(--akcent)!important;stroke-width:3px}
[id^="chart_"] circle{fill:var(--dodatek);stroke:var(--pow)}
[id^="chart_"] text{fill:var(--tekst)!important;font-family:var(--f-t)}
[id^="chart_"] .domain,[id^="chart_"] .tick line{stroke:var(--linia)}
figure.obr-lewo{float:left!important;margin:.3em 1.6em 1em 0!important}figure.obr-prawo{float:right!important;margin:.3em 0 1em 1.6em!important}figure.obr-srodek{margin-left:auto!important;margin-right:auto!important}figure.obr-lewo,figure.obr-prawo{width:50%!important}figure.obr-w25{width:25%!important}figure.obr-w33{width:33.333%!important}figure.obr-w50{width:50%!important}figure.obr-w75{width:75%!important}figure[class*="obr-"] img{width:100%;height:auto}:has(>figure.obr-lewo,>figure.obr-prawo)::after{content:"";display:block;clear:both}@media(max-width:600px){figure.obr-lewo,figure.obr-prawo{float:none!important;width:auto!important;margin:0 0 1em!important}}
.ai-nota-k{display:flex;align-items:center;gap:10px;margin:0 0 22px!important;padding:8px 14px;border-radius:var(--r,14px);background:var(--pow);box-shadow:inset 4px 0 0 var(--akcent),0 0 0 1px var(--linia);color:var(--tekst);font-size:.9rem;line-height:1.45;max-width:none!important}
.ai-znak{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--akcent);color:var(--akcent-tekst);font:700 .72rem/1 var(--f-t);letter-spacing:.04em}
.ai-nota a{color:var(--akcent);font-weight:600}
.obraz-ai{display:block;margin:6px 0 0;font-size:.78rem;line-height:1.4;color:var(--t2);font-style:normal}
.ai-nota-p{margin:40px 0 8px;padding:18px 22px;border-radius:var(--r,14px);background:var(--pow);box-shadow:inset 4px 0 0 var(--akcent),0 0 0 1px var(--linia);font-size:.86rem;line-height:1.6;color:var(--t2)}
.ai-nota-p p{margin:0 0 8px;max-width:none!important}.ai-nota-p p:last-child{margin:0}.ai-nota-p b,.ai-nota-p strong{color:var(--tekst)}
.st-dokumenty{display:flex;flex-wrap:wrap;gap:6px 18px;box-sizing:border-box;width:100%;max-width:1200px;margin:22px auto 0;padding:0 0 4px;font-size:.9rem}@media(max-width:1240px){.st-dokumenty{padding:0 20px 4px}}.st-dokumenty a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.st-stopka-silnika{padding:24px 16px;background:var(--pow);color:var(--tekst)}
.st-pager{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0}.st-pager a,.st-pager span{min-width:42px;padding:9px 12px;box-sizing:border-box;border-radius:var(--r,12px);box-shadow:0 0 0 1px var(--linia);text-align:center;color:var(--tekst);background:var(--pow);text-decoration:none;font-weight:600}
.st-pager [aria-current]{background:var(--akcent);color:var(--akcent-tekst);box-shadow:none}
:has(> .kr),:has(> * > .kr){max-width:none!important}
.kr{container-type:inline-size;max-width:1080px}
.kr-uklad{display:grid;gap:28px}
@container (min-width:760px){.kr-uklad{grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:48px;align-items:start}.kr-boczna{position:sticky;top:24px}}
.kr-tekst>h3{margin:0 0 10px;font:700 1.25rem/1.3 var(--f-n);color:var(--tekst)}.kr-tekst>h3:not(:first-child){margin-top:30px}
.kr-tekst p,.kr-tekst li{max-width:none!important}
.kr-boczna h3{margin:0 0 12px;font:700 1.25rem/1.3 var(--f-n);color:var(--tekst)}
.kr-boczna .kf{max-width:none;margin:0}
.kf{position:relative;display:grid;gap:16px;margin:8px 0 4px;padding:24px;border-radius:var(--r,16px);background:var(--pow);box-shadow:0 0 0 1px var(--linia);max-width:640px}
.kf-pole{display:grid;gap:6px;font-weight:600;font-size:.95rem}.kf-pole[hidden],.kf-stan[hidden]{display:none}
.kf input[type=email],.kf input[type=text],.kf textarea{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:calc(var(--r,16px) * .6);border:1.5px solid var(--linia);background:var(--tlo);color:var(--tekst);font:400 1rem/1.5 var(--f-t)}
.kf textarea{resize:vertical;min-height:140px}
.kf input:focus,.kf textarea:focus{outline:none;border-color:var(--akcent);box-shadow:0 0 0 3px var(--akcent-jasny)}
.kf-pokaz{justify-self:start;padding:10px 16px;border-radius:calc(var(--r,16px) * .6);border:1.5px dashed var(--akcent);background:color-mix(in srgb,var(--akcent) 16%,var(--pow));color:var(--tekst);font:600 .95rem var(--f-t);cursor:pointer}
.kf-tresc-pyt{font-weight:700}
.kf-wyslij{justify-self:start;padding:13px 26px;border:0;border-radius:calc(var(--r,16px) * .6);background:var(--akcent);color:var(--akcent-tekst);font:700 1rem var(--f-t);cursor:pointer}
.kf-wyslij:hover{background:var(--akcent-cien)}
.kf-pulapka{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.kf-info{margin:0!important;font-size:.82rem;color:var(--t2)}
.kf-stan{margin:0!important;padding:12px 16px;border-radius:calc(var(--r,16px) * .6);font-weight:600;color:var(--tekst)}
.mailrev{padding:3px 12px;border-radius:999px;border:1.5px solid var(--akcent);background:color-mix(in srgb,var(--akcent) 16%,var(--pow));color:var(--tekst);font:600 .9em var(--f-t);cursor:pointer}
.kf-ok{background:color-mix(in srgb,var(--akcent) 22%,var(--pow))}.kf-blad{background:color-mix(in srgb,var(--dodatek) 30%,var(--pow))}
:root{--tlo: #f2f4f7;--pow: #ffffff;--tekst: #141923;--t2: #4f5b6b;--linia: #d8dee8;--akcent: #d12827;--akcent-tekst: #ffffff;--dodatek: #1d78b5;--r: 10px;--f-n: "Gabarito", "Trebuchet MS", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--f-t: "Figtree", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--akcent-jasny: #fceaea;--akcent-cien: #9e1918;--stopka: #0d131d;--stopka-tekst: #dce3ee;--hud-tlo: #111824;--hud-pow: #1a2333;--hud-linia: #2b384e;--hud-tekst: #eef3f9;--hud-t2: #b8c4d6;--hud-cyjan: #5ec8f8;--r-maly: 6px;--r-duzy: 14px;--cien-karta: 0 2px 10px rgba(20, 25, 35, 0.06);--cien-unos: 0 10px 24px rgba(20, 25, 35, 0.12);--szer-kontener: 1360px;--dz-poradnik-kierowcy: #d12827;--dz-koszty-motoryzacyjne: #1d6fa5;--dz-porady-mechanika: #c94a1e;--dz-katalog-samochodow: #1b4d7e;--dz-porady: #266d51;--dz-prawo-jazdy: #285872;--dz-elektromobilnosc: #0f7a8c;--dz-naprawa-samochodu: #8c2d38}
.dzial--poradnik-kierowcy, [data-dzial="poradnik-kierowcy"]{--kd: #d12827}
.dzial--koszty-motoryzacyjne, [data-dzial="koszty-motoryzacyjne"]{--kd: #1d6fa5}
.dzial--porady-mechanika, [data-dzial="porady-mechanika"]{--kd: #c94a1e}
.dzial--katalog-samochodow, [data-dzial="katalog-samochodow"]{--kd: #1b4d7e}
.dzial--porady, [data-dzial="porady"]{--kd: #266d51}
.dzial--prawo-jazdy, [data-dzial="prawo-jazdy"]{--kd: #285872}
.dzial--elektromobilnosc, [data-dzial="elektromobilnosc"]{--kd: #0f7a8c}
.dzial--naprawa-samochodu, [data-dzial="naprawa-samochodu"]{--kd: #8c2d38}
*, *::before, *::after{box-sizing: border-box}
html{font-size: 16px;line-height: 1.55;-webkit-text-size-adjust: 100%;scroll-behavior: smooth;overflow-x: clip;max-width: 100%}
body{margin: 0;font-family: var(--f-t);color: var(--tekst);background-color: var(--tlo);overflow-x: clip;max-width: 100%;display: flex;flex-direction: column;min-height: 100vh}
main{flex: 1 0 auto;display: block;width: 100%}
img, picture, video, canvas{display: block;max-width: 100%;height: auto}
svg{width: 1.25rem;height: 1.25rem;flex-shrink: 0;display: inline-block;vertical-align: middle;fill: currentColor}
a{color: inherit;text-decoration: none;transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease}
h1, h2, h3, h4, h5, h6{font-family: var(--f-n);color: var(--tekst);margin: 0 0 0.65rem;line-height: 1.2;font-weight: 800;letter-spacing: -0.015em;overflow-wrap: anywhere;word-break: break-word}
p, li, td, th, dd, dt, blockquote{overflow-wrap: anywhere;word-break: break-word}
p{margin: 0 0 1rem}
ul, ol{margin: 0;padding: 0;list-style: none}
:focus-visible{outline: 3px solid var(--akcent);outline-offset: 2px}
.hero-kokpit :focus-visible, .sekcja-diagnostyk :focus-visible, .baner-katalogu :focus-visible, .stopka-strony :focus-visible, .dz-hero :focus-visible, .dz-baner :focus-visible{outline-color: #ffffff;box-shadow: 0 0 0 4px var(--akcent)}
.tylko-czytnik{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}
.skip-link{position: fixed;top: -120px;left: 1rem;z-index: 9999;min-height: 44px;padding: 0.65rem 1.25rem;background: var(--akcent);color: var(--akcent-tekst);font-family: var(--f-n);font-weight: 700;border-radius: var(--r-maly);box-shadow: var(--cien-unos)}
.skip-link:focus, .skip-link:focus-visible{top: 1rem}
.kontener{width: 100%;max-width: var(--szer-kontener);margin-inline: auto;padding-inline: 1.5rem}
.kontener > *, .uklad-otwarcia > *, .uklad-kosztorysu > *, .dz-uklad > *, .wp-uklad > *{min-width: 0}
.przycisk{display: inline-flex;align-items: center;justify-content: center;gap: 0.6rem;min-height: 46px;padding: 0.65rem 1.35rem;font-family: var(--f-n);font-size: 0.96rem;font-weight: 700;line-height: 1.2;border-radius: var(--r-maly);border: 1px solid transparent;cursor: pointer;text-align: center}
.przycisk svg{width: 1.1rem;height: 1.1rem;transition: transform 0.18s ease}
.przycisk:hover svg{transform: translateX(3px)}
.przycisk--czerwony{background: var(--akcent);color: var(--akcent-tekst);border-color: var(--akcent);box-shadow: 0 4px 12px rgba(209, 40, 39, 0.28)}
.przycisk--czerwony:hover{background: var(--akcent-cien);border-color: var(--akcent-cien);color: var(--akcent-tekst)}
.przycisk--ciemny{background: rgba(17, 24, 36, 0.88);color: #ffffff;border-color: rgba(255, 255, 255, 0.28)}
.przycisk--ciemny:hover{background: #1e293b;border-color: #ffffff;color: #ffffff}
.przycisk--maly{min-height: 44px;padding: 0.5rem 1.05rem;font-size: 0.9rem}
.ukosniki{font-family: var(--f-n);font-weight: 800;font-size: 1.45rem;line-height: 1;color: var(--akcent);letter-spacing: -0.06em;user-select: none}
.wstega-odznaka{display: inline-flex;align-items: center;min-height: 28px;padding: 0.2rem 0.7rem;background: var(--akcent);color: var(--akcent-tekst);font-family: var(--f-n);font-size: 0.76rem;font-weight: 800;letter-spacing: 0.05em;text-transform: uppercase;border-radius: 4px}
.naglowek-strony{position: sticky;top: 0;z-index: 1000;background: var(--pow);border-bottom: 2px solid var(--linia);box-shadow: 0 2px 12px rgba(13, 19, 29, 0.07)}
.naglowek-pasek{position: relative}
.naglowek-wiersz{display: flex;align-items: stretch;justify-content: space-between;gap: 1rem;min-height: 68px}
.marka-logo{position: relative;display: inline-flex;align-items: center;justify-content: center;background: var(--stopka);color: #ffffff;padding: 0.5rem 2.1rem 0.5rem 1.25rem;margin-left: -1.5rem;clip-path: polygon(0 0, 100% 0, calc(100% - 18px) 100%, 0 100%);border-right: 4px solid var(--akcent);flex-shrink: 0;min-height: 68px}
.marka-logo::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;width: 22px;background: linear-gradient(112deg, transparent 42%, var(--akcent) 45%, var(--akcent) 72%, transparent 75%);pointer-events: none}
.marka-logo-img{width: 154px;height: 42px;aspect-ratio: 154 / 42;object-fit: contain}
.nawigacja-glowna{display: flex;align-items: center;flex: 1 1 auto;justify-content: center;min-width: 0}
.menu-lista{display: flex;align-items: center;flex-wrap: wrap;gap: 0.2rem}
.menu-pozycja{display: flex;align-items: center}
.menu-link{display: inline-flex;align-items: center;gap: 0.45rem;min-height: 44px;padding: 0.5rem 0.75rem;font-family: var(--f-n);font-size: 0.94rem;font-weight: 700;color: var(--tekst);border-radius: var(--r-maly);position: relative}
.menu-link-ikona{display: inline-flex;align-items: center;justify-content: center;color: var(--kd, var(--akcent))}
.menu-link-ikona svg{width: 1.05rem;height: 1.05rem}
.menu-link:hover, .menu-pozycja--aktywna .menu-link{color: var(--akcent);background: var(--akcent-jasny)}
.menu-pozycja--aktywna .menu-link::after{content: "";position: absolute;left: 0.65rem;right: 0.65rem;bottom: 3px;height: 3px;border-radius: 2px;background: var(--kd, var(--akcent))}
.naglowek-akcje{display: flex;align-items: center;gap: 0.6rem;flex-shrink: 0}
.kokpit-skrot{display: inline-flex;align-items: center;gap: 0.5rem;min-height: 44px;padding: 0.45rem 0.85rem;background: var(--tlo);border: 1px solid var(--linia);border-radius: var(--r-maly);font-family: var(--f-n);font-size: 0.88rem;font-weight: 700;color: var(--tekst)}
.kokpit-skrot:hover{border-color: var(--akcent);background: var(--akcent-jasny);color: var(--akcent-cien)}
.kokpit-skrot-img{width: 26px;height: 26px;aspect-ratio: 1 / 1;object-fit: contain}
.szuflada-dzialow{position: relative}
.szuflada-przycisk{list-style: none;display: inline-flex;align-items: center;justify-content: center;gap: 0.55rem;min-height: 44px;min-width: 44px;padding: 0.5rem 0.9rem;background: var(--akcent);color: var(--akcent-tekst);font-family: var(--f-n);font-size: 0.88rem;font-weight: 700;border-radius: var(--r-maly);cursor: pointer;user-select: none}
.szuflada-przycisk::-webkit-details-marker{display: none}
.szuflada-przycisk:hover{background: var(--akcent-cien)}
.szuflada-kropki{display: inline-flex;flex-direction: column;gap: 3px;width: 16px}
.szuflada-kropki span{display: block;width: 100%;height: 2px;background: currentColor;border-radius: 2px}
.szuflada-panel{position: absolute;top: calc(100% + 0.65rem);right: 0;width: min(880px, calc(100vw - 2rem));background: var(--pow);border: 1px solid var(--linia);border-top: 4px solid var(--akcent);border-radius: var(--r);padding: 1.35rem;box-shadow: 0 18px 40px rgba(13, 19, 29, 0.22);z-index: 1050}
.szuflada-naglowek{margin-bottom: 1rem;padding-bottom: 0.75rem;border-bottom: 1px solid var(--linia)}
.szuflada-kicker{display: block;font-family: var(--f-n);font-size: 0.78rem;font-weight: 800;text-transform: uppercase;color: var(--akcent);letter-spacing: 0.05em}
.szuflada-opis{margin: 0.25rem 0 0;font-size: 0.92rem;color: var(--t2)}
.szuflada-siatka{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0.75rem}
.szuflada-karta{display: flex;align-items: flex-start;gap: 0.75rem;min-height: 44px;padding: 0.75rem;background: var(--tlo);border: 1px solid var(--linia);border-left: 4px solid var(--kd, var(--akcent));border-radius: var(--r-maly)}
.szuflada-karta:hover{background: var(--pow);border-color: var(--kd, var(--akcent));box-shadow: var(--cien-karta)}
.szuflada-karta-ikona{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 50%;background: var(--kd, var(--akcent));color: #ffffff;flex-shrink: 0}
.szuflada-karta-ikona svg{width: 1.05rem;height: 1.05rem}
.szuflada-karta-tresc{display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}
.szuflada-karta-nazwa{font-family: var(--f-n);font-size: 0.92rem;font-weight: 700;color: var(--tekst)}
.szuflada-karta-podtytul{font-size: 0.78rem;color: var(--t2);line-height: 1.35}
.hero-kokpit{position: relative;background: var(--hud-tlo);color: var(--hud-tekst);border-bottom: 1px solid var(--linia)}
.hero-scena{position: relative;min-height: 580px;padding: 2.5rem 0 2.25rem;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;gap: 2rem}
.hero-tlo{position: absolute;inset: 0;z-index: 0;background: #0d131d}
.hero-tlo-img{width: 100%;height: 100%;aspect-ratio: 16 / 9;object-fit: cover;object-position: center}
.hero-przysloniecie{position: absolute;inset: 0;background: linear-gradient(95deg, rgba(11, 16, 26, 0.92) 0%, rgba(13, 20, 33, 0.78) 52%, rgba(11, 16, 26, 0.88) 100%)}
.hero-wnetrze{position: relative;z-index: 1;display: grid;grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.9fr);gap: 2rem;align-items: center}
.hero-kolumna-lewa{max-width: 720px}
.hero-odznaka{display: inline-flex;align-items: center;gap: 0.55rem;padding: 0.35rem 0.85rem;background: rgba(17, 24, 36, 0.88);border: 1px solid rgba(94, 200, 248, 0.45);border-radius: 999px;font-family: var(--f-n);font-size: 0.82rem;font-weight: 700;color: var(--hud-cyjan);margin-bottom: 1rem}
.hero-odznaka-punkt{width: 8px;height: 8px;border-radius: 50%;background: var(--akcent);box-shadow: 0 0 8px var(--akcent)}
.hero-tytul{color: #ffffff;font-size: clamp(1.85rem, 3.1vw, 2.85rem);line-height: 1.12;margin-bottom: 1rem;text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55)}
.hero-lead{color: #dce5f2;font-size: 1.06rem;line-height: 1.6;margin-bottom: 1.5rem;max-width: 64ch}
.hero-przyciski{display: flex;flex-wrap: wrap;gap: 0.85rem}
.hero-telemetria{display: flex;flex-direction: column;gap: 1rem;background: rgba(13, 19, 29, 0.84);border: 1px solid rgba(94, 200, 248, 0.35);border-radius: var(--r-duzy);padding: 1.15rem;box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45)}
.hero-zegary-ramka{position: relative;border-radius: var(--r);overflow: hidden;background: #090d14;border: 1px solid rgba(255, 255, 255, 0.14)}
.hero-zegary-img{width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover}
.hero-odczyty{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.75rem}
.hero-odczyt{background: rgba(26, 35, 51, 0.92);border: 1px solid var(--hud-linia);border-left: 3px solid var(--akcent);border-radius: var(--r-maly);padding: 0.75rem 0.85rem;display: flex;flex-direction: column;gap: 0.15rem}
.hero-odczyt-etykieta{font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.04em;color: var(--hud-t2)}
.hero-odczyt-wartosc{font-family: var(--f-n);font-size: 1.2rem;font-weight: 800;color: #ffffff}
.hero-odczyt-opis{font-size: 0.8rem;color: var(--hud-cyjan)}
.hero-dzialy-pas{position: relative;z-index: 1}
.hero-dzialy-siatka{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0.85rem}
.kafel-dzialu{position: relative;display: flex;align-items: flex-end;min-height: 118px;padding: 0.95rem 1rem;border-radius: var(--r);overflow: hidden;background: #141c29;border: 1px solid rgba(255, 255, 255, 0.2);border-bottom: 4px solid var(--kd, var(--akcent));box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35)}
.kafel-dzialu:hover{transform: translateY(-3px);border-color: #ffffff;border-bottom-color: var(--kd, var(--akcent))}
.kafel-dzialu-tlo{position: absolute;inset: 0;z-index: 0}
.kafel-dzialu-img{width: 100%;height: 100%;aspect-ratio: 16 / 10;object-fit: cover;opacity: 0.55;transition: transform 0.25s ease, opacity 0.25s ease}
.kafel-dzialu:hover .kafel-dzialu-img{transform: scale(1.04);opacity: 0.7}
.kafel-dzialu-cien{position: absolute;inset: 0;background: linear-gradient(180deg, rgba(13, 19, 29, 0.25) 0%, rgba(13, 19, 29, 0.92) 100%)}
.kafel-dzialu-zawartosc{position: relative;z-index: 1;display: flex;align-items: center;gap: 0.75rem;width: 100%}
.kafel-dzialu-kolko{display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 50%;background: rgba(13, 19, 29, 0.9);border: 2px solid var(--kd, var(--akcent));color: #ffffff;flex-shrink: 0;box-shadow: 0 0 12px rgba(0, 0, 0, 0.5)}
.kafel-dzialu-kolko svg{width: 1.35rem;height: 1.35rem}
.kafel-dzialu-nazwa{font-family: var(--f-n);font-size: 1rem;font-weight: 800;color: #ffffff;line-height: 1.2;text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8)}
.pasek-kontrolek{position: relative;background: var(--pow);color: var(--tekst);border-top: 3px solid var(--akcent);border-bottom: 1px solid var(--linia);padding: 1.15rem 0;box-shadow: 0 6px 18px rgba(20, 25, 35, 0.06)}
.pasek-kontrolek::before, .pasek-kontrolek::after{content: "";position: absolute;top: 0;bottom: 0;width: 18px;background: linear-gradient(115deg, var(--akcent) 0%, var(--akcent) 48%, transparent 50%);pointer-events: none}
.pasek-kontrolek::before{left: 0}
.pasek-kontrolek::after{right: 0;transform: scaleX(-1)}
.pasek-kontrolek-wiersz{display: grid;grid-template-columns: minmax(260px, 0.95fr) minmax(0, 2.05fr);gap: 1.5rem;align-items: center}
.pasek-kontrolek-tytul{display: flex;align-items: center;gap: 0.9rem}
.pasek-kontrolek-kolo{display: inline-flex;align-items: center;justify-content: center;width: 52px;height: 52px;border-radius: 50%;background: var(--tlo);border: 2px solid var(--linia);color: var(--tekst);flex-shrink: 0}
.pasek-kontrolek-kolo svg{width: 1.65rem;height: 1.65rem}
.pasek-kontrolek-naglowek{display: block;font-family: var(--f-n);font-size: 1.15rem;font-weight: 800;color: var(--tekst);margin-bottom: 0.15rem}
.pasek-kontrolek-opis{margin: 0;font-size: 0.86rem;color: var(--t2);line-height: 1.4}
.pasek-kontrolek-lista{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0.75rem}
.kontrolka-skrot{display: flex;align-items: center;gap: 0.7rem;min-height: 58px;padding: 0.6rem 0.75rem;background: var(--tlo);border: 1px solid var(--linia);border-radius: var(--r-maly)}
.kontrolka-skrot:hover{background: var(--pow);border-color: var(--akcent);box-shadow: var(--cien-karta);transform: translateY(-1px)}
.kontrolka-skrot-ikona{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--r-maly);background: var(--akcent-jasny);border: 1px solid rgba(209, 40, 39, 0.3);color: var(--akcent);flex-shrink: 0}
.kontrolka-skrot-ikona svg{width: 1.35rem;height: 1.35rem}
.kontrolka-skrot-tekst{display: flex;flex-direction: column;min-width: 0}
.kontrolka-skrot-tekst strong{font-family: var(--f-n);font-size: 0.9rem;font-weight: 800;color: var(--tekst);line-height: 1.2}
.kontrolka-skrot-tekst span{font-size: 0.78rem;color: var(--t2);line-height: 1.3}
.sekcja{padding: 3rem 0}
.sekcja + .sekcja{border-top: 1px solid var(--linia)}
.naglowek-sekcji{display: flex;align-items: flex-end;justify-content: space-between;gap: 1rem;margin-bottom: 1.5rem;padding-bottom: 0.85rem;border-bottom: 2px solid var(--linia)}
.naglowek-sekcji-lewa{display: flex;align-items: flex-start;gap: 0.65rem}
.tytul-sekcji{font-size: clamp(1.35rem, 2.1vw, 1.75rem);margin: 0}
.opis-sekcji{margin: 0.3rem 0 0;font-size: 0.95rem;color: var(--t2);max-width: 68ch}
.link-wszystkie{display: inline-flex;align-items: center;gap: 0.45rem;min-height: 44px;padding: 0.45rem 0.85rem;font-family: var(--f-n);font-size: 0.92rem;font-weight: 700;color: var(--akcent);background: var(--akcent-jasny);border-radius: var(--r-maly);flex-shrink: 0}
.link-wszystkie:hover{background: var(--akcent);color: var(--akcent-tekst)}
.link-wszystkie svg{width: 1rem;height: 1rem}
.uklad-otwarcia{display: grid;grid-template-columns: minmax(0, 2.1fr) minmax(300px, 0.95fr);gap: 1.75rem;align-items: start}
.otwarcie-zestaw{display: grid;grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.15fr);gap: 1.25rem;align-items: stretch}
.karta-glowna{display: flex;flex-direction: column;height: 100%;background: var(--pow);border: 1px solid var(--linia);border-top: 4px solid var(--kd, var(--akcent));border-radius: var(--r);overflow: hidden;box-shadow: var(--cien-karta)}
.karta-glowna-baner{position: relative;background: linear-gradient(135deg, #131b28 0%, #1f2d42 100%);color: #ffffff;padding: 1.25rem;min-height: 190px;display: flex;flex-direction: column;justify-content: space-between;overflow: hidden}
.karta-glowna-nadtytul{position: relative;z-index: 2;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.5rem}
.karta-glowna-dzial{display: inline-flex;align-items: center;gap: 0.45rem;min-height: 34px;padding: 0.3rem 0.7rem;background: rgba(255, 255, 255, 0.14);color: #ffffff;border-radius: 4px;font-family: var(--f-n);font-size: 0.82rem;font-weight: 700}
.karta-glowna-dzial svg{width: 1rem;height: 1rem}
.karta-glowna-ilustracja{position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;margin-top: 0.75rem}
.karta-glowna-ikona-img{width: 96px;height: 96px;aspect-ratio: 1 / 1;object-fit: contain;position: relative;z-index: 2}
.karta-glowna-smugi-img{position: absolute;inset: auto 0 0 0;width: 100%;height: 80px;aspect-ratio: 16 / 5;object-fit: cover;opacity: 0.35}
.karta-glowna-tresc{padding: 1.35rem;display: flex;flex-direction: column;flex: 1 1 auto}
.karta-glowna-tytul{font-size: 1.4rem;line-height: 1.25;margin-bottom: 0.75rem}
.karta-glowna-tytul a:hover{color: var(--akcent)}
.karta-glowna-lead{color: var(--t2);font-size: 0.96rem;line-height: 1.55;margin-bottom: 1rem}
.karta-glowna-wskazowka{display: flex;align-items: center;gap: 0.7rem;padding: 0.75rem 0.9rem;background: var(--tlo);border-left: 3px solid var(--kd, var(--akcent));border-radius: var(--r-maly);font-size: 0.86rem;color: var(--tekst);margin-bottom: 1.25rem}
.wskazowka-ikona-mala{width: 28px;height: 28px;aspect-ratio: 1 / 1;object-fit: contain;flex-shrink: 0}
.karta-glowna-stopka{margin-top: auto;padding-top: 1rem;border-top: 1px solid var(--linia);display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.75rem}
.otwarcie-czworka{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1rem;align-items: stretch}
.karta{display: flex;flex-direction: column;height: 100%;background: var(--pow);border: 1px solid var(--linia);border-top: 3px solid var(--kd, var(--akcent));border-radius: var(--r);overflow: hidden;box-shadow: var(--cien-karta);transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease}
.karta:hover{transform: translateY(-2px);box-shadow: var(--cien-unos);border-color: var(--kd, var(--akcent))}
.karta-media{display: block;overflow: hidden;background: #141c29;border-bottom: 1px solid var(--linia)}
.karta-obraz{width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover;transition: transform 0.25s ease}
.karta:hover .karta-obraz{transform: scale(1.03)}
.karta-korpus{padding: 1.05rem;display: flex;flex-direction: column;flex: 1 1 auto}
.karta-nadtytul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.4rem;margin-bottom: 0.55rem}
.karta-dzial{display: inline-flex;align-items: center;gap: 0.35rem;font-family: var(--f-n);font-size: 0.76rem;font-weight: 800;color: var(--kd, var(--akcent));text-transform: uppercase;letter-spacing: 0.03em}
.karta-dzial-ikona svg{width: 0.95rem;height: 0.95rem}
.karta-uklad{font-size: 0.74rem;font-weight: 600;color: var(--t2);background: var(--tlo);padding: 0.15rem 0.5rem;border-radius: 4px}
.karta-tytul{font-size: 1.04rem;line-height: 1.3;margin-bottom: 0.55rem}
.karta-link{color: var(--tekst)}
.karta-link:hover{color: var(--akcent)}
.karta-zajawka{font-size: 0.88rem;color: var(--t2);line-height: 1.5;margin-bottom: 0.9rem}
.karta-meta{margin-top: auto;padding-top: 0.75rem;border-top: 1px solid var(--linia);display: flex;align-items: center;justify-content: space-between;gap: 0.5rem}
.karta-meta-dane{display: flex;align-items: center;flex-wrap: wrap;gap: 0.75rem;font-size: 0.78rem;color: var(--t2)}
.karta-data, .karta-czas{display: inline-flex;align-items: center;gap: 0.3rem}
.karta-meta-ikona svg{width: 0.9rem;height: 0.9rem;color: var(--t2)}
.karta-strzalka{display: inline-flex;align-items: center;gap: 0.3rem;font-family: var(--f-n);font-size: 0.8rem;font-weight: 700;color: var(--akcent)}
.karta-strzalka svg{width: 0.9rem;height: 0.9rem}
.kolumna-sticky, .bok-sticky{position: sticky;top: 88px}
.panel-warsztatowy{background: var(--pow);border: 1px solid var(--linia);border-top: 4px solid var(--akcent);border-radius: var(--r);padding: 1.35rem;box-shadow: var(--cien-karta)}
.panel-warsztatowy-naglowek{display: flex;align-items: flex-start;gap: 0.8rem;margin-bottom: 1.1rem;padding-bottom: 0.85rem;border-bottom: 1px solid var(--linia)}
.panel-warsztatowy-ikona{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: var(--r-maly);background: var(--akcent-jasny);color: var(--akcent);flex-shrink: 0}
.panel-warsztatowy-ikona svg{width: 1.4rem;height: 1.4rem}
.panel-warsztatowy-tytul{font-size: 1.2rem;margin: 0 0 0.2rem}
.panel-warsztatowy-podtytul{margin: 0;font-size: 0.84rem;color: var(--t2)}
.lista-krokow{display: flex;flex-direction: column;gap: 0.55rem;margin-bottom: 1.15rem}
.krok-link{display: flex;align-items: center;gap: 0.75rem;min-height: 50px;padding: 0.6rem 0.75rem;background: var(--tlo);border: 1px solid var(--linia);border-radius: var(--r-maly)}
.krok-link:hover{background: var(--pow);border-color: var(--akcent);box-shadow: var(--cien-karta)}
.krok-numer{display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 6px;background: var(--akcent);color: var(--akcent-tekst);font-family: var(--f-n);font-size: 0.9rem;font-weight: 800;flex-shrink: 0}
.krok-tytul{font-family: var(--f-n);font-size: 0.92rem;font-weight: 700;color: var(--tekst);line-height: 1.3;flex: 1 1 auto}
.krok-strzalka{color: var(--t2);flex-shrink: 0}
.krok-strzalka svg{width: 1rem;height: 1rem}
.krok-link:hover .krok-strzalka{color: var(--akcent);transform: translateX(2px)}
.panel-warsztatowy-uwaga{background: var(--akcent-jasny);border-left: 4px solid var(--akcent);border-radius: var(--r-maly);padding: 0.85rem 1rem;font-size: 0.85rem;color: var(--tekst)}
.uwaga-naglowek{display: flex;align-items: center;gap: 0.45rem;font-family: var(--f-n);font-weight: 800;color: var(--akcent-cien);margin-bottom: 0.35rem}
.uwaga-znak svg{width: 1.1rem;height: 1.1rem}
.panel-warsztatowy-uwaga p{margin: 0;line-height: 1.45}
.panel-warsztatowy-uwaga a{color: var(--akcent-cien);font-weight: 700;text-decoration: underline}
.sekcja-diagnostyk{background: var(--hud-tlo);color: var(--hud-tekst)}
.naglowek-sekcji--ciemny{border-bottom-color: var(--hud-linia)}
.naglowek-sekcji--ciemny .tytul-sekcji{color: #ffffff}
.naglowek-sekcji--ciemny .opis-sekcji{color: var(--hud-t2)}
.diagnostyk-hud-znaki{display: flex;align-items: center;gap: 0.75rem;flex-shrink: 0}
.hud-znak-img{width: 68px;height: 48px;aspect-ratio: 68 / 48;object-fit: contain;border: 1px solid var(--hud-linia);border-radius: var(--r-maly);background: var(--hud-pow);padding: 0.25rem}
.diagnostyk-siatka{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.35rem}
.modul-ukladu{background: var(--hud-pow);border: 1px solid var(--hud-linia);border-top: 3px solid var(--akcent);border-radius: var(--r);padding: 1.35rem;display: flex;flex-direction: column;height: 100%}
.modul-ukladu-glowica{display: grid;grid-template-columns: 1fr auto;gap: 0.45rem 1rem;align-items: center;margin-bottom: 1.1rem;padding-bottom: 0.9rem;border-bottom: 1px solid var(--hud-linia)}
.modul-ukladu-numer{font-family: var(--f-n);font-size: 0.76rem;font-weight: 800;letter-spacing: 0.08em;color: var(--hud-cyjan)}
.modul-ukladu-ikona{grid-row: span 2;display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: var(--r-maly);background: rgba(209, 40, 39, 0.2);border: 1px solid rgba(209, 40, 39, 0.55);color: #ff8584}
.modul-ukladu-ikona svg, .modul-ikona-mala{width: 1.45rem;height: 1.45rem;aspect-ratio: 1 / 1;object-fit: contain}
.modul-ukladu-tytul{color: #ffffff;font-size: 1.2rem;margin: 0}
.modul-ukladu-opis{grid-column: 1 / -1;margin: 0.25rem 0 0;font-size: 0.88rem;color: var(--hud-t2);line-height: 1.5}
.modul-ukladu-lista{display: flex;flex-direction: column;gap: 0.6rem;flex: 1 1 auto}
.modul-ukladu-link{display: flex;align-items: flex-start;gap: 0.75rem;min-height: 52px;padding: 0.7rem 0.85rem;background: rgba(13, 19, 29, 0.65);border: 1px solid var(--hud-linia);border-radius: var(--r-maly)}
.modul-ukladu-link:hover{background: rgba(29, 120, 181, 0.18);border-color: var(--hud-cyjan)}
.modul-ukladu-kod{font-family: var(--f-n);font-size: 0.8rem;font-weight: 800;color: var(--hud-cyjan);background: rgba(94, 200, 248, 0.12);padding: 0.2rem 0.45rem;border-radius: 4px;flex-shrink: 0}
.modul-ukladu-tekst{display: flex;flex-direction: column;gap: 0.2rem;flex: 1 1 auto;min-width: 0}
.modul-ukladu-tekst strong{font-family: var(--f-n);font-size: 0.94rem;font-weight: 700;color: #ffffff;line-height: 1.3}
.modul-ukladu-tekst span{font-size: 0.82rem;color: var(--hud-t2);line-height: 1.4}
.modul-ukladu-strzalka{color: var(--hud-cyjan);flex-shrink: 0;align-self: center}
.modul-ukladu-strzalka svg{width: 1rem;height: 1rem}
.baner-katalogu{position: relative;background: linear-gradient(110deg, #0d131d 0%, #172336 55%, #101927 100%);color: #ffffff;border-radius: var(--r-duzy);border: 1px solid var(--hud-linia);border-bottom: 4px solid var(--akcent);padding: 1.65rem;margin-bottom: 2rem;display: grid;grid-template-columns: minmax(200px, 0.85fr) minmax(0, 1.25fr) minmax(280px, 1.1fr);gap: 1.5rem;align-items: center;overflow: hidden;box-shadow: var(--cien-unos)}
.baner-katalogu-auto{position: relative;min-height: 150px;display: flex;align-items: center;justify-content: center}
.baner-katalogu-droga{position: absolute;inset: auto 0 0 0;width: 100%;height: 90px;aspect-ratio: 16 / 6;object-fit: cover;opacity: 0.45}
.baner-katalogu-sylwetka{position: relative;z-index: 1;width: 100%;max-width: 260px;height: auto;aspect-ratio: 16 / 9;object-fit: contain}
.baner-katalogu-tresc{display: flex;flex-direction: column;align-items: flex-start;gap: 1rem}
.baner-katalogu-tytul-wiersz{display: flex;align-items: flex-start;gap: 0.85rem}
.baner-ikona-auto{width: 48px;height: 48px;aspect-ratio: 1 / 1;object-fit: contain;flex-shrink: 0}
.baner-katalogu-tytul{color: #ffffff;font-size: 1.55rem;margin: 0 0 0.3rem}
.baner-katalogu-opis{margin: 0;font-size: 0.92rem;color: var(--hud-t2);line-height: 1.5}
.baner-katalogu-segmenty{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.65rem}
.segment-kapsula{display: flex;flex-direction: column;justify-content: center;min-height: 68px;padding: 0.65rem 0.8rem;background: rgba(255, 255, 255, 0.07);border: 1px solid rgba(255, 255, 255, 0.18);border-radius: var(--r-maly);color: #ffffff}
.segment-kapsula:hover{background: rgba(209, 40, 39, 0.28);border-color: #ffffff}
.segment-kapsula-ikona{color: var(--hud-cyjan);margin-bottom: 0.25rem}
.segment-kapsula-ikona svg{width: 1.4rem;height: 1.4rem}
.segment-kapsula-nazwa{font-family: var(--f-n);font-size: 0.9rem;font-weight: 800}
.segment-kapsula-dane{font-size: 0.76rem;color: var(--hud-t2)}
.katalog-tablica-naglowek{display: flex;align-items: baseline;justify-content: space-between;flex-wrap: wrap;gap: 0.5rem 1rem;margin-bottom: 1.15rem}
.katalog-tablica-kicker{font-family: var(--f-n);font-size: 0.86rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.05em;color: var(--akcent)}
.katalog-tablica-info{margin: 0;font-size: 0.9rem;color: var(--t2)}
.katalog-siatka-modeli, .siatka-kart-3x2{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem;align-items: stretch}
.karta-modelu{display: flex;flex-direction: column;height: 100%;background: var(--pow);border: 1px solid var(--linia);border-left: 4px solid #1b4d7e;border-radius: var(--r);padding: 1.2rem;box-shadow: var(--cien-karta)}
.karta-modelu:hover{border-color: #1b4d7e;box-shadow: var(--cien-unos);transform: translateY(-2px)}
.karta-modelu-gora{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;margin-bottom: 0.65rem}
.karta-modelu-odznaka{font-family: var(--f-n);font-size: 0.72rem;font-weight: 800;letter-spacing: 0.05em;padding: 0.2rem 0.55rem;background: #1b4d7e;color: #ffffff;border-radius: 4px}
.karta-modelu-segment{font-family: var(--f-n);font-size: 0.78rem;font-weight: 700;color: var(--tekst);background: var(--tlo);padding: 0.2rem 0.55rem;border-radius: 4px}
.karta-modelu-tytul{font-size: 1.12rem;margin-bottom: 0.5rem}
.karta-modelu-tytul a:hover{color: var(--akcent)}
.karta-modelu-opis{font-size: 0.88rem;color: var(--t2);line-height: 1.5;margin-bottom: 1rem}
.karta-modelu-stopka{margin-top: auto;padding-top: 0.75rem;border-top: 1px solid var(--linia);display: flex;align-items: center;justify-content: space-between;gap: 0.5rem}
.karta-modelu-dzial{font-size: 0.78rem;font-weight: 600;color: var(--t2)}
.karta-modelu-link{display: inline-flex;align-items: center;gap: 0.35rem;min-height: 44px;font-family: var(--f-n);font-size: 0.84rem;font-weight: 700;color: var(--akcent)}
.karta-modelu-link svg{width: 0.95rem;height: 0.95rem}
.uklad-kosztorysu{display: grid;grid-template-columns: minmax(0, 2.05fr) minmax(300px, 0.95fr);gap: 1.75rem;align-items: start}
.kosztorys-grupa + .kosztorys-grupa{margin-top: 2rem}
.kosztorys-belka{display: flex;align-items: center;gap: 0.7rem;padding: 0.7rem 1rem;background: var(--pow);border: 1px solid var(--linia);border-left: 4px solid #1d6fa5;border-radius: var(--r-maly);margin-bottom: 1rem}
.kosztorys-belka-ikona{display: inline-flex;align-items: center;justify-content: center;color: #1d6fa5;flex-shrink: 0}
.kosztorys-belka-ikona svg, .kosztorys-ikona-img{width: 1.35rem;height: 1.35rem;aspect-ratio: 1 / 1;object-fit: contain}
.kosztorys-belka-tytul{font-size: 1.05rem;margin: 0}
.siatka-kart-2x2{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.1rem;align-items: stretch}
.panel-importu{background: var(--pow);border: 1px solid var(--linia);border-top: 4px solid #1d6fa5;border-radius: var(--r);padding: 1.35rem;box-shadow: var(--cien-karta)}
.panel-importu-glowica{margin-bottom: 1.1rem;padding-bottom: 0.85rem;border-bottom: 1px solid var(--linia)}
.panel-importu-kicker{display: block;font-family: var(--f-n);font-size: 0.76rem;font-weight: 800;color: var(--akcent);letter-spacing: 0.05em;margin-bottom: 0.3rem}
.panel-importu-tytul{font-size: 1.2rem;margin-bottom: 0.35rem}
.panel-importu-opis{margin: 0;font-size: 0.86rem;color: var(--t2)}
.panel-importu-lista{display: flex;flex-direction: column;gap: 0.75rem;margin-bottom: 1.15rem}
.import-karta{padding: 0.85rem;background: var(--tlo);border: 1px solid var(--linia);border-left: 3px solid var(--kd, var(--akcent));border-radius: var(--r-maly)}
.import-karta-meta{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;font-size: 0.75rem;margin-bottom: 0.3rem}
.import-karta-dzial{font-family: var(--f-n);font-weight: 800;color: var(--kd, var(--akcent));text-transform: uppercase}
.import-karta-czas{color: var(--t2)}
.import-karta-tytul{font-size: 0.96rem;margin-bottom: 0.3rem}
.import-karta-tytul a:hover{color: var(--akcent)}
.import-karta-lead{margin: 0;font-size: 0.82rem;color: var(--t2);line-height: 1.45}
.panel-importu-stopka{display: flex;align-items: flex-start;gap: 0.75rem;padding: 0.85rem;background: #eef6fc;border: 1px solid #bfd9ee;border-radius: var(--r-maly);font-size: 0.84rem}
.import-stopka-img{width: 32px;height: 32px;aspect-ratio: 1 / 1;object-fit: contain;flex-shrink: 0}
.panel-importu-stopka p{margin: 0.2rem 0 0;color: var(--t2)}
.panel-importu-stopka a{color: #13507a;font-weight: 700;text-decoration: underline}
.wiersz{display: grid;grid-template-columns: auto minmax(0, 1fr) auto;gap: 1.15rem;align-items: center;background: var(--pow);border: 1px solid var(--linia);border-left: 4px solid var(--kd, var(--akcent));border-radius: var(--r);padding: 1.1rem 1.25rem;box-shadow: var(--cien-karta);transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease}
.wiersz--ze-zdjeciem{grid-template-columns: 200px auto minmax(0, 1fr) auto}
.wiersz:hover{border-color: var(--kd, var(--akcent));box-shadow: var(--cien-unos);transform: translateY(-1px)}
.wiersz-media{display: block;border-radius: var(--r-maly);overflow: hidden;background: #141c29}
.wiersz-obraz{width: 100%;height: auto;aspect-ratio: 16 / 10;object-fit: cover}
.wiersz-indykator{display: flex;align-items: center;justify-content: center}
.wiersz-indykator-ikona{display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: var(--r-maly);background: var(--tlo);border: 1px solid var(--linia);color: var(--kd, var(--akcent))}
.wiersz-indykator-ikona svg{width: 1.4rem;height: 1.4rem}
.wiersz-tresc{min-width: 0}
.wiersz-nadtytul{display: flex;align-items: center;flex-wrap: wrap;gap: 0.6rem;margin-bottom: 0.35rem}
.wiersz-dzial{font-family: var(--f-n);font-size: 0.78rem;font-weight: 800;text-transform: uppercase;color: var(--kd, var(--akcent))}
.wiersz-uklad{font-size: 0.75rem;color: var(--t2);background: var(--tlo);padding: 0.1rem 0.5rem;border-radius: 4px}
.wiersz-tytul{font-size: 1.15rem;margin-bottom: 0.4rem}
.wiersz-link:hover{color: var(--akcent)}
.wiersz-zajawka{font-size: 0.9rem;color: var(--t2);margin-bottom: 0.6rem;line-height: 1.5}
.wiersz-meta{display: flex;align-items: center;flex-wrap: wrap;gap: 0.9rem;font-size: 0.8rem;color: var(--t2)}
.wiersz-data, .wiersz-czas{display: inline-flex;align-items: center;gap: 0.3rem}
.wiersz-meta-ikona svg{width: 0.9rem;height: 0.9rem}
.wiersz-akcja{display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 50%;background: var(--akcent);color: var(--akcent-tekst);flex-shrink: 0}
.wiersz-akcja:hover{background: var(--akcent-cien);transform: translateX(2px)}
.wiersz-akcja svg{width: 1.1rem;height: 1.1rem}
.okruchy{padding: 0.75rem 0;font-size: 0.84rem;color: var(--t2)}
.okruchy ol{display: flex;align-items: center;flex-wrap: wrap;gap: 0.4rem}
.okruchy li{display: inline-flex;align-items: center;gap: 0.4rem}
.okruchy li + li::before{content: "›";color: var(--akcent);font-weight: 800}
.okruchy a{color: var(--t2);font-weight: 600}
.okruchy a:hover{color: var(--akcent);text-decoration: underline}
.okruchy [aria-current="page"]{color: var(--tekst);font-weight: 700}
.dz-strona, .wp-strona, .strona-stala, .blad-strona{padding-bottom: 3.5rem}
.dz-hero, .dz-baner, .dz-naglowek{position: relative;background: var(--hud-tlo);color: #ffffff;border-bottom: 4px solid var(--kd, var(--akcent));padding: 2rem 0;margin-bottom: 2rem;overflow: hidden}
.dz-tlo{position: absolute;inset: 0;z-index: 0}
.dz-tlo-img{width: 100%;height: 100%;aspect-ratio: 21 / 7;object-fit: cover;opacity: 0.35}
.dz-przysloniecie{position: absolute;inset: 0;background: linear-gradient(95deg, rgba(13, 19, 29, 0.94) 0%, rgba(13, 19, 29, 0.75) 100%)}
.dz-wnetrze, .dz-hero-wnetrze{position: relative;z-index: 1;display: flex;align-items: center;gap: 1.5rem;flex-wrap: wrap}
.dz-ikona, .dz-kolko{display: inline-flex;align-items: center;justify-content: center;width: 72px;height: 72px;border-radius: 50%;background: var(--kd, var(--akcent));color: #ffffff;border: 3px solid rgba(255, 255, 255, 0.85);box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);flex-shrink: 0}
.dz-ikona svg, .dz-kolko svg{width: 2.1rem;height: 2.1rem}
.dz-naglowek-tresc, .dz-hero-tresc{flex: 1 1 520px;min-width: 0}
.dz-kicker, .dz-nadtytul{display: inline-block;font-family: var(--f-n);font-size: 0.8rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.06em;color: var(--hud-cyjan);margin-bottom: 0.35rem}
.dz-tytul{color: #ffffff;font-size: clamp(1.75rem, 2.8vw, 2.5rem);margin-bottom: 0.45rem}
.dz-podtytul, .dz-opis, .dz-lead{color: #dce5f2;font-size: 1rem;line-height: 1.55;margin: 0;max-width: 72ch}
.dz-statystyki, .dz-metryki{display: flex;flex-wrap: wrap;gap: 0.75rem;margin-top: 1rem}
.dz-stat{background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--r-maly);padding: 0.45rem 0.85rem;font-size: 0.84rem;color: #ffffff}
.dz-uklad, .wp-uklad{display: grid;grid-template-columns: minmax(0, 1fr) 340px;gap: 2rem;align-items: start}
.dz-uklad--lewy{grid-template-columns: 300px minmax(0, 1fr)}
.dz-glowna, .wp-glowna{min-width: 0}
.dz-boczna, .wp-boczna, .bok-kolumna{min-width: 0;display: flex;flex-direction: column;gap: 1.5rem}
.dz-sekcja, .wp-sekcja{margin-bottom: 2.5rem}
.dz-lista, .dz-wiersze{display: flex;flex-direction: column;gap: 1rem}
.dz-warto-siatka, .dz-siatka, .dz-siatka-kart, .wp-powiazane-siatka, .wp-dzial-siatka, .wp-siatka, .siatka-kart-3x3, .siatka-9, .siatka-3, .blad-siatka{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem;align-items: stretch}
.dz-tematy-siatka, .tematy-siatka, .siatka-6{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1rem;align-items: stretch}
.dz-inne-siatka, .dzialy-siatka, .siatka-8{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1rem;align-items: stretch}
.dz-temat, .dz-temat-karta{display: flex;flex-direction: column;gap: 0.45rem;height: 100%;padding: 1.1rem;background: var(--pow);border: 1px solid var(--linia);border-left: 4px solid var(--kd, var(--akcent));border-radius: var(--r);box-shadow: var(--cien-karta)}
.dz-temat:hover, .dz-temat-karta:hover{border-color: var(--kd, var(--akcent));box-shadow: var(--cien-unos)}
.dz-temat-naglowek{display: flex;align-items: center;gap: 0.65rem}
.dz-temat-ikona{display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;border-radius: var(--r-maly);background: var(--akcent-jasny);color: var(--kd, var(--akcent));flex-shrink: 0}
.dz-temat-tytul{font-family: var(--f-n);font-size: 1rem;font-weight: 800;margin: 0}
.dz-temat-opis{margin: 0;font-size: 0.85rem;color: var(--t2)}
.dz-brak, .dz-pusty{padding: 2.5rem;text-align: center;background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r)}
.dz-paginacja, .paginacja, .stronicowanie{margin-top: 2rem;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 0.45rem}
.paginacja ul, .paginacja ol, .paginacja-lista{display: flex;align-items: center;flex-wrap: wrap;gap: 0.45rem}
.paginacja a, .paginacja span, .paginacja-link, .paginacja-biezaca{display: inline-flex;align-items: center;justify-content: center;min-width: 44px;min-height: 44px;padding: 0.4rem 0.8rem;border-radius: var(--r-maly);background: var(--pow);border: 1px solid var(--linia);font-family: var(--f-n);font-size: 0.92rem;font-weight: 700;color: var(--tekst)}
.paginacja a:hover, .paginacja-link:hover{border-color: var(--akcent);color: var(--akcent);background: var(--akcent-jasny)}
.paginacja [aria-current="page"], .paginacja .aktywna, .paginacja-biezaca{background: var(--akcent);border-color: var(--akcent);color: var(--akcent-tekst)}
.wp-naglowek, .wp-hero{background: var(--pow);border: 1px solid var(--linia);border-top: 4px solid var(--kd, var(--akcent));border-radius: var(--r);padding: 1.5rem 1.75rem;margin-bottom: 1.75rem;box-shadow: var(--cien-karta)}
.wp-nadtytul{display: flex;align-items: center;flex-wrap: wrap;gap: 0.65rem;margin-bottom: 0.65rem}
.wp-dzial, .wp-kategoria{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.25rem 0.7rem;background: var(--kd, var(--akcent));color: #ffffff;font-family: var(--f-n);font-size: 0.78rem;font-weight: 800;text-transform: uppercase;border-radius: 4px}
.wp-sponsorowane, .wp-odznaka{display: inline-flex;align-items: center;padding: 0.25rem 0.65rem;background: var(--tlo);border: 1px solid var(--linia);font-family: var(--f-n);font-size: 0.76rem;font-weight: 700;color: var(--t2);border-radius: 4px}
.wp-tytul{font-size: clamp(1.65rem, 2.7vw, 2.35rem);line-height: 1.18;margin-bottom: 0.85rem}
.wp-lead, .wp-zajawka{font-size: 1.08rem;line-height: 1.6;color: var(--tekst);font-weight: 500;margin-bottom: 1rem}
.wp-meta{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.85rem;padding-top: 0.85rem;border-top: 1px solid var(--linia);font-size: 0.86rem;color: var(--t2)}
.wp-meta-lista, .wp-meta-dane{display: flex;align-items: center;flex-wrap: wrap;gap: 1rem}
.wp-data, .wp-czas, .wp-aktualizacja{display: inline-flex;align-items: center;gap: 0.35rem}
.wp-artykul, .wp-korpus{background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);padding: 1.75rem;box-shadow: var(--cien-karta)}
.wp-media, .wp-figura{margin: 0 0 1.5rem;border-radius: var(--r);overflow: hidden;border: 1px solid var(--linia);background: #141c29}
.wp-obraz{width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover}
.wp-skrot, .wp-ramka, .wp-wskazowka, .w-skrocie{background: var(--akcent-jasny);border: 1px solid rgba(209, 40, 39, 0.25);border-left: 4px solid var(--akcent);border-radius: var(--r-maly);padding: 1rem 1.2rem;margin: 1.25rem 0;color: var(--tekst)}
.wp-tresc{font-size: 1.02rem;line-height: 1.7;color: var(--tekst)}
.wp-tresc h2{font-size: 1.45rem;margin: 2rem 0 0.85rem;padding-bottom: 0.45rem;border-bottom: 2px solid var(--linia);position: relative}
.wp-tresc h2::before{content: "// ";color: var(--akcent);font-weight: 800}
.wp-tresc h3{font-size: 1.2rem;margin: 1.5rem 0 0.6rem}
.wp-tresc ul, .wp-tresc ol{margin: 0 0 1.25rem 1.25rem;padding-left: 0.5rem}
.wp-tresc ul{list-style: disc}
.wp-tresc ol{list-style: decimal}
.wp-tresc li{margin-bottom: 0.4rem}
.wp-tresc a{color: var(--akcent-cien);font-weight: 700;text-decoration: underline}
.wp-tresc a:hover{color: var(--akcent)}
.wp-tresc blockquote{margin: 1.5rem 0;padding: 1rem 1.25rem;background: var(--tlo);border-left: 4px solid var(--kd, var(--akcent));border-radius: var(--r-maly);font-style: italic}
.wp-tabela-opakowanie, .tabela-opakowanie{width: 100%;max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;margin: 1.5rem 0;border: 1px solid var(--linia);border-radius: var(--r-maly)}
.wp-tresc table{display: block;width: 100%;max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;border-collapse: collapse;margin: 1.5rem 0;font-size: 0.92rem;background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r-maly)}
.wp-tresc th, .wp-tresc td{padding: 0.7rem 0.9rem;border: 1px solid var(--linia);text-align: left;vertical-align: top}
.wp-tresc th{background: var(--tlo);font-family: var(--f-n);font-weight: 800;color: var(--tekst)}
.wp-tresc tr:nth-child(even) td{background: #f9fafc}
.wp-sasiednie, .wp-nawigacja{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1rem;margin-top: 2rem}
.wp-sasiedni-link, .wp-poprzedni, .wp-nastepny{display: flex;flex-direction: column;gap: 0.3rem;min-height: 44px;padding: 1rem 1.15rem;background: var(--pow);border: 1px solid var(--linia);border-left: 4px solid var(--akcent);border-radius: var(--r);box-shadow: var(--cien-karta)}
.wp-sasiedni-link:hover, .wp-poprzedni:hover, .wp-nastepny:hover{border-color: var(--akcent);box-shadow: var(--cien-unos)}
.wp-sasiedni-etykieta{font-size: 0.76rem;font-weight: 700;text-transform: uppercase;color: var(--t2)}
.wp-sasiedni-tytul{font-family: var(--f-n);font-size: 0.98rem;font-weight: 800;color: var(--tekst)}
.bok-panel, .bok-modul, .bok-karta, .bok-spis, .bok-powiazane, .bok-metryczka, .bok-tematy, .bok-dzialy{background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);overflow: hidden;box-shadow: var(--cien-karta)}
.bok-naglowek, .bok-glowica{background: var(--kd, var(--akcent));color: #ffffff;padding: 0.85rem 1.15rem;display: flex;align-items: center;gap: 0.6rem}
.bok-naglowek h2, .bok-naglowek h3, .bok-tytul{color: inherit;font-size: 1.05rem;margin: 0}
.bok-tresc, .bok-korpus{padding: 1.15rem}
.bok-spis-lista, .spis-tresci ol, .spis-tresci ul, .bok-lista{display: flex;flex-direction: column;gap: 0.35rem;padding: 0.85rem 1rem}
.bok-spis-link, .bok-link, .spis-tresci a{display: flex;align-items: center;gap: 0.6rem;min-height: 44px;padding: 0.45rem 0.65rem;border-radius: var(--r-maly);font-size: 0.9rem;font-weight: 600;color: var(--tekst)}
.bok-spis-link:hover, .bok-link:hover, .spis-tresci a:hover{background: var(--tlo);color: var(--akcent)}
.bok-numer{font-family: var(--f-n);font-weight: 800;color: var(--akcent);min-width: 1.4rem}
.bok-dane, .bok-parametry{padding: 0.85rem 1.15rem;display: flex;flex-direction: column;gap: 0.55rem}
.bok-wiersz{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding-bottom: 0.55rem;border-bottom: 1px solid var(--linia);font-size: 0.88rem}
.bok-wiersz:last-child{border-bottom: 0;padding-bottom: 0}
.bok-etykieta{color: var(--t2)}
.bok-wartosc{font-family: var(--f-n);font-weight: 700;color: var(--tekst);text-align: right}
.bok-powiazane-lista{padding: 0.85rem 1rem;display: flex;flex-direction: column;gap: 0.75rem}
.bok-powiazany{display: flex;align-items: flex-start;gap: 0.75rem;padding-bottom: 0.75rem;border-bottom: 1px solid var(--linia)}
.bok-powiazany:last-child{border-bottom: 0;padding-bottom: 0}
.stopka-strony{background: var(--stopka);color: var(--stopka-tekst);margin-top: auto;position: relative}
.stopka-szachownica{height: 6px;background: linear-gradient(90deg, var(--akcent) 0%, var(--akcent) 35%, #1d78b5 35%, #1d78b5 70%, var(--akcent) 70%, var(--akcent) 100%)}
.stopka-wnetrze{padding-top: 3rem;padding-bottom: 2rem}
.stopka-siatka{display: grid;grid-template-columns: 1.35fr 1fr 1.15fr 0.85fr;gap: 2rem;padding-bottom: 2.25rem;border-bottom: 1px solid var(--hud-linia)}
.stopka-logo{display: inline-block;margin-bottom: 1rem}
.stopka-logo-img{width: 160px;height: 44px;aspect-ratio: 160 / 44;object-fit: contain}
.stopka-opis{font-size: 0.9rem;color: var(--hud-t2);line-height: 1.6;margin-bottom: 1.15rem}
.stopka-odznaki{display: flex;flex-wrap: wrap;gap: 0.6rem}
.stopka-odznaka{display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.4rem 0.75rem;background: var(--hud-pow);border: 1px solid var(--hud-linia);border-radius: var(--r-maly);font-family: var(--f-n);font-size: 0.8rem;font-weight: 700;color: #ffffff}
.stopka-odznaka svg{width: 1.05rem;height: 1.05rem;color: var(--hud-cyjan)}
.stopka-naglowek{color: #ffffff;font-size: 1.05rem;margin-bottom: 0.9rem;padding-bottom: 0.5rem;border-bottom: 2px solid var(--akcent);display: inline-block}
.stopka-lista-dzialow, .stopka-lista-skrotow, .stopka-lista-dokumentow{display: flex;flex-direction: column;gap: 0.3rem}
.stopka-link-dzialu, .stopka-lista-skrotow a, .stopka-lista-dokumentow a{display: inline-flex;align-items: center;gap: 0.55rem;min-height: 44px;padding: 0.3rem 0;font-size: 0.9rem;color: var(--stopka-tekst)}
.stopka-link-dzialu:hover, .stopka-lista-skrotow a:hover, .stopka-lista-dokumentow a:hover{color: #ffffff;transform: translateX(3px)}
.stopka-link-punkt{width: 8px;height: 8px;border-radius: 50%;background: var(--kd, var(--akcent));flex-shrink: 0}
.stopka-nota{margin: 1.5rem 0 0;font-size: 0.82rem;color: var(--hud-t2);line-height: 1.5}
.stopka-dol{margin-top: 1.5rem;padding-top: 1.25rem;border-top: 1px solid rgba(255, 255, 255, 0.08);display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 1rem}
.stopka-prawa{margin: 0;font-size: 0.84rem;color: var(--hud-t2)}
@media (max-width: 1180px){.nawigacja-glowna{display: none}
.hero-wnetrze{grid-template-columns: 1fr}
.pasek-kontrolek-wiersz{grid-template-columns: 1fr}
.pasek-kontrolek-lista{grid-template-columns: repeat(2, minmax(0, 1fr))}
.uklad-otwarcia, .uklad-kosztorysu, .dz-uklad, .dz-uklad--lewy, .wp-uklad{grid-template-columns: 1fr}
.kolumna-sticky, .bok-sticky{position: static}
.baner-katalogu{grid-template-columns: 1fr}
.stopka-siatka{grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (max-width: 900px){.hero-dzialy-siatka, .szuflada-siatka, .dz-inne-siatka, .dzialy-siatka, .siatka-8{grid-template-columns: repeat(2, minmax(0, 1fr))}
.katalog-siatka-modeli, .siatka-kart-3x2, .dz-tematy-siatka, .tematy-siatka, .siatka-6{grid-template-columns: repeat(2, minmax(0, 1fr))}
.dz-warto-siatka, .dz-siatka, .dz-siatka-kart, .wp-powiazane-siatka, .wp-dzial-siatka, .wp-siatka, .siatka-kart-3x3, .siatka-9, .siatka-3, .blad-siatka{grid-template-columns: 1fr}
.otwarcie-zestaw{grid-template-columns: 1fr}
.diagnostyk-siatka{grid-template-columns: repeat(2, minmax(0, 1fr))}
.wiersz--ze-zdjeciem{grid-template-columns: 150px minmax(0, 1fr) auto}
.wiersz--ze-zdjeciem .wiersz-indykator{display: none}
}
@media (max-width: 640px){.kontener{padding-inline: 1rem}
.sekcja{padding: 2rem 0}
.naglowek-wiersz{min-height: 60px;gap: 0.5rem}
.marka-logo{margin-left: -1rem;padding: 0.4rem 1.4rem 0.4rem 0.85rem;min-height: 60px}
.marka-logo-img{width: 126px;height: 34px}
.kokpit-skrot-etykieta, .szuflada-napis{display: none}
.hero-scena{min-height: auto;padding: 1.5rem 0}
.hero-przyciski, .hero-przyciski .przycisk{width: 100%}
.hero-odczyty, .hero-dzialy-siatka, .szuflada-siatka, .pasek-kontrolek-lista, .otwarcie-zestaw, .otwarcie-czworka, .diagnostyk-siatka, .baner-katalogu-segmenty, .katalog-siatka-modeli, .siatka-kart-2x2, .siatka-kart-3x2, .siatka-kart-3x3, .dz-warto-siatka, .dz-siatka, .dz-siatka-kart, .dz-tematy-siatka, .dz-inne-siatka, .tematy-siatka, .dzialy-siatka, .wp-powiazane-siatka, .wp-dzial-siatka, .wp-siatka, .wp-sasiednie, .wp-nawigacja, .siatka-9, .siatka-8, .siatka-6, .siatka-3, .blad-siatka, .stopka-siatka{grid-template-columns: 1fr}
.naglowek-sekcji{flex-direction: column;align-items: flex-start}
.diagnostyk-hud-znaki{display: none}
.wiersz, .wiersz--ze-zdjeciem{grid-template-columns: 1fr;align-items: flex-start}
.wiersz-indykator{display: none}
.wp-naglowek, .wp-hero, .wp-artykul, .wp-korpus{padding: 1.15rem}
}
@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}
}
.dz-hero-wnetrze{display: grid;grid-template-columns: minmax(0, 1.25fr) minmax(280px, 520px);align-items: stretch;gap: 24px}
.dz-hero-wnetrze:not(:has(.dz-tlo)):not(:has(.wp-hero-dekor)){grid-template-columns: 1fr}
.dz-tlo{position: relative;width: 100%;max-width: 520px;min-height: 240px;max-height: 300px;justify-self: end;border-radius: 12px;overflow: hidden}
.dz-tlo-img{width: 100%;height: 100%;object-fit: cover;display: block}
.dz-uklad{display: grid;grid-template-columns: minmax(0, 1fr) 330px;gap: 28px;align-items: start}
.dz-uklad--lewy{grid-template-columns: 320px minmax(0, 1fr)}
.dz-boczna, .wp-boczna, .bok-sticky{position: sticky;top: 92px;align-self: start;display: flex;flex-direction: column;gap: 20px;height: auto}
.dz-wiersze{display: flex;flex-direction: column;gap: 16px}
.dz-wiersze > .wiersz, .dz-siatka-kart > .karta{height: auto;flex: 0 0 auto}
.dz-uklad:not(:has(.dz-wiersze > .wiersz:nth-child(3))) .dz-boczna > .bok-modul:nth-child(n+2){display: none}
.dz-uklad:not(:has(.dz-wiersze > .wiersz:nth-child(5))) .dz-boczna > .bok-modul:nth-child(n+3){display: none}
.dz-uklad:not(:has(.dz-wiersze > .wiersz:nth-child(8))) .dz-boczna > .bok-modul:nth-child(n+4){display: none}
.wp-uklad:not(:has(.wp-sekcja:nth-child(3))) .wp-boczna > .bok-modul:nth-child(n+3){display: none}
.dz-tematy-siatka{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px}
.dz-tematy-siatka:has(> :nth-child(odd):last-child) > .dz-temat-karta--dopelnienie{display: none}
.dz-inne-siatka{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 14px}
.dz-inne-siatka:has(> :nth-child(3):last-child){grid-template-columns: repeat(3, minmax(0, 1fr))}
.dz-inne-siatka:has(> :nth-child(2):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.dz-karta-dzialu{display: flex;align-items: center;gap: 12px;padding: 14px 16px;background: var(--powierzchnia, #ffffff);border: 1px solid var(--linia, #d8dee8);border-left: 4px solid var(--kd, #d12827);border-radius: 10px;color: var(--tekst, #141923);text-decoration: none;transition: border-color 0.18s ease, transform 0.18s ease}
.dz-karta-dzialu:hover{border-color: var(--kd, #d12827);transform: translateY(-2px)}
.dz-karta-dzialu-ikona{width: 38px;height: 38px;border-radius: 50%;background: var(--kd, #d12827);color: #ffffff;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.dz-karta-dzialu-ikona svg{width: 20px;height: 20px}
.dz-karta-dzialu-nazwa{font-size: 0.96rem;font-weight: 700;line-height: 1.3}
.dz-baner-siatka{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px}
.dz-baner-karta{background: #101826;color: #e6ecf5;border: 1px solid #243248;border-top: 3px solid var(--kd, #d12827);border-radius: 12px;padding: 20px}
.dz-baner-glowica{display: flex;align-items: center;gap: 14px;margin-bottom: 12px}
.dz-baner-hud{width: 64px;height: auto;aspect-ratio: 1 / 1;object-fit: contain;flex-shrink: 0}
.dz-baner-tytul{font-size: 1.08rem;font-weight: 700;color: #ffffff;margin: 4px 0 0}
.dz-baner-tekst{font-size: 0.92rem;line-height: 1.55;color: #b8c4d6;margin: 0}
.bok-ilustracja{display: flex;justify-content: center;margin-bottom: 12px;background: #0f1724;border-radius: 10px;padding: 10px}
.bok-zegary-img{width: 100%;max-width: 260px;height: auto;aspect-ratio: 432 / 192;object-fit: contain}
.bok-auto-img{width: 100%;max-width: 260px;height: auto;aspect-ratio: 405 / 179;object-fit: contain}
.bok-hud-duet{display: flex;align-items: center;gap: 12px;margin-bottom: 14px;padding: 10px 12px;background: #f4f6f9;border-radius: 10px}
.bok-schemat-img{width: 68px;height: auto;aspect-ratio: 1 / 1;object-fit: contain;flex-shrink: 0}
.bok-opis{font-size: 0.88rem;line-height: 1.5;color: var(--tekst_drugorzedny, #4f5b6b);margin: 0}
.bok-przycisk{display: inline-flex;align-items: center;justify-content: center;gap: 8px;width: 100%;padding: 11px 16px;margin-top: 12px;background: var(--kd, #d12827);color: #ffffff;font-weight: 700;font-size: 0.9rem;border-radius: 8px;text-decoration: none}
.bok-przycisk svg{width: 16px;height: 16px}
.bok-przycisk--drugi{background: #1e293b}
.bok-link--aktywny{font-weight: 700;color: var(--kd, #d12827)}
.wp-hero-siatka{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 24px;align-items: center}
.wp-hero-dekor{display: flex;align-items: center;justify-content: center}
.wp-hero-zegary{width: 220px;height: auto;aspect-ratio: 432 / 192;object-fit: contain}
.blad-hud-img{width: 148px;height: auto;aspect-ratio: 180 / 179;object-fit: contain}
.blad-akcje{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 18px}
.blad-akcje .bok-przycisk{width: auto;margin-top: 0}
.wp-tytul-uko, .wp-sekcja-uko, .dz-akcent-uko{color: var(--kd, #d12827);font-weight: 800;margin-right: 4px}
.wp-meta-lista{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 12px;margin: 0}
.wp-meta-lista:has(> :nth-child(3):last-child){grid-template-columns: repeat(3, minmax(0, 1fr))}
.wp-meta-lista:has(> :nth-child(2):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.wp-meta-lista:has(> :nth-child(1):last-child){grid-template-columns: 1fr}
.wp-meta-pole{background: rgba(255, 255, 255, 0.06);border: 1px solid rgba(255, 255, 255, 0.14);border-radius: 8px;padding: 10px 14px}
.wp-meta-pole dt{font-size: 0.76rem;text-transform: uppercase;letter-spacing: 0.04em;color: #9fb0c7;margin-bottom: 4px}
.wp-meta-pole dd{margin: 0;font-size: 0.95rem;font-weight: 700;color: #ffffff}
.wp-meta-pole dd a{color: #ffffff;text-decoration: none}
.bok-metryczka{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;margin: 0 0 14px}
.bok-metryczka:has(> :nth-child(3):last-child){grid-template-columns: repeat(3, minmax(0, 1fr))}
.bok-dane-pole{background: #f4f6f9;border: 1px solid var(--linia, #d8dee8);border-radius: 8px;padding: 9px 11px}
.bok-dane-pole dd{margin: 2px 0 0}
.wp-figura{margin: 0 0 26px;width: 100%;border-radius: 10px;overflow: hidden}
.wp-obraz{display: block;width: 100%;height: auto;border-radius: 10px}
.wp-spis-blok{margin: 0 0 24px;border: 1px solid var(--linia, #d8dee8);border-radius: 10px;overflow: hidden;background: #f8fafc}
.wp-spis-glowica{display: flex;align-items: center;gap: 10px;padding: 12px 18px;background: var(--kd, #d12827);color: #ffffff}
.wp-spis-glowica svg{width: 18px;height: 18px}
.wp-spis-naglowek{font-size: 1rem;font-weight: 700;margin: 0;color: #ffffff}
.wp-spis-lista{list-style: none;margin: 0;padding: 14px 18px;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px 20px}
.wp-spis-lista:has(> :nth-child(odd):last-child){grid-template-columns: 1fr}
.wp-spis-link{display: flex;align-items: baseline;gap: 8px;color: var(--tekst, #141923);text-decoration: none;font-size: 0.93rem;font-weight: 500}
.wp-spis-nr{color: var(--kd, #d12827);font-weight: 700}
.wp-sasiednie{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px;margin-top: 28px}
.wp-sasiednie:has(> :only-child){grid-template-columns: 1fr}
.wp-dzial-blok{margin-top: 32px}
.wp-dzial-siatka{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px}
.wp-dzial-siatka:has(> :nth-child(odd):last-child) > .wp-dzial-karta--dopelnienie{display: none}
.wp-dzial-karta{display: flex;align-items: center;gap: 12px;padding: 14px 16px;background: var(--powierzchnia, #ffffff);border: 1px solid var(--linia, #d8dee8);border-left: 4px solid var(--kd, #d12827);border-radius: 10px;color: var(--tekst, #141923);text-decoration: none;font-weight: 600;font-size: 0.94rem}
.wp-dzial-karta-ikona, .wp-dzial-karta-strzalka{color: var(--kd, #d12827);display: inline-flex;flex-shrink: 0}
.wp-dzial-karta-ikona svg, .wp-dzial-karta-strzalka svg{width: 18px;height: 18px}
.wp-dzial-karta-tytul{flex: 1}
.dz-siatka-kart{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 18px}
@media (max-width: 1024px){.dz-uklad, .dz-uklad--lewy{grid-template-columns: 1fr}
.dz-boczna, .wp-boczna, .bok-sticky{position: static}
.dz-inne-siatka, .dz-siatka-kart, .wp-meta-lista{grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (max-width: 720px){.dz-hero-wnetrze, .wp-hero-siatka, .dz-tematy-siatka, .dz-baner-siatka, .dz-inne-siatka, .dz-siatka-kart, .wp-meta-lista, .wp-spis-lista, .wp-sasiednie, .wp-dzial-siatka{grid-template-columns: 1fr}
.dz-tlo{max-width: 100%}
.wp-hero-dekor{display: none}
}
:root{--t2: #3b4656;--akcent: #b81918;--akcent-cien: #8a100f}
h1, h2, h3, h4, h5, h6{overflow-wrap: break-word;word-break: normal}
.marka-logo{margin-left: 0;padding: 0.45rem 1.75rem 0.45rem 1rem}
.marka-logo-img{width: 154px;height: auto;aspect-ratio: 354 / 81;object-fit: contain}
.kokpit-skrot-img{width: 28px;height: auto;aspect-ratio: 67 / 49;object-fit: contain}
.przycisk--czerwony, .szuflada-przycisk, .wstega-odznaka, .krok-numer, .wiersz-akcja{background: #b01817;border-color: #b01817;color: #ffffff}
.przycisk--czerwony:hover, .szuflada-przycisk:hover, .wiersz-akcja:hover{background: #8a100f;border-color: #8a100f;color: #ffffff}
.link-wszystkie{color: #8a100f;background: #fceaea;border: 1px solid #f0b9b9}
.link-wszystkie:hover{background: #8a100f;border-color: #8a100f;color: #ffffff}
.karta-strzalka, .karta-modelu-link, .katalog-tablica-kicker, .panel-importu-kicker, .szuflada-kicker, .bok-numer, .wp-spis-nr, .ukosniki, .wp-tytul-uko, .wp-sekcja-uko, .dz-akcent-uko{color: #8a100f}
.naglowek-sekcji--ciemny .ukosniki, .dz-naglowek .dz-akcent-uko, .wp-hero .wp-tytul-uko{color: #ff8584}
.hero-scena{min-height: auto;padding: 1.75rem 0 1.5rem}
.hero-tlo{max-height: 240px}
.hero-tlo-img{width: 100%;height: 100%;aspect-ratio: 2 / 1;object-fit: cover}
.hero-przysloniecie{background: linear-gradient(180deg, rgba(11, 16, 26, 0.78) 0%, rgba(17, 24, 36, 0.98) 92%, #111824 100%)}
.hero-zegary-ramka{display: flex;justify-content: center;padding: 0.5rem}
.hero-zegary-img{width: 100%;max-width: 380px;height: auto;aspect-ratio: 432 / 192;object-fit: contain}
.hero-dzialy-sekcja{background: #0d131d;padding: 0.25rem 0 1.75rem;border-top: 1px solid rgba(255, 255, 255, 0.08)}
.hero-dzialy-siatka{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.65rem}
.kafel-dzialu{min-height: 104px;padding: 0.8rem 0.85rem;background: linear-gradient(135deg, #131c2b 0%, #1b283d 100%)}
.kafel-dzialu-znak-tla{position: absolute;right: -8px;top: -8px;width: 74px;height: 74px;color: var(--kd, #d12827);opacity: 0.22;display: flex;align-items: center;justify-content: center;pointer-events: none}
.kafel-dzialu-znak-tla svg{width: 64px;height: 64px}
.kafel-dzialu-teksty{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0}
.kafel-dzialu-opis-krotki{font-size: 0.75rem;color: #cbd6e6;line-height: 1.25}
.naglowek-sekcji{margin-left: 0;padding-left: 0}
.naglowek-sekcji-lewa{margin-left: 0;padding-left: 0}
.tytul-sekcji{margin-left: 0;padding-left: 0;display: flex;align-items: baseline;gap: 0.45rem;flex-wrap: wrap}
.karta-glowna-ikona-img{width: 56px;height: auto;aspect-ratio: 64 / 50;object-fit: contain}
.karta-glowna-smugi-img{max-width: 400px;margin-inline: auto;height: auto;aspect-ratio: 543 / 144}
.wskazowka-ikona-mala{width: 28px;height: auto;aspect-ratio: 45 / 52;object-fit: contain}
.modul-ikona-mala{width: 24px;height: auto;aspect-ratio: 48 / 54;object-fit: contain}
.baner-ikona-auto{width: 48px;height: auto;aspect-ratio: 67 / 49;object-fit: contain}
.baner-katalogu-droga{max-width: 400px;margin-inline: auto;height: auto;aspect-ratio: 543 / 144}
.baner-katalogu-sylwetka{max-width: 260px;height: auto;aspect-ratio: 405 / 179}
.kosztorys-ikona-img{width: 24px;height: auto;aspect-ratio: 51 / 52;object-fit: contain}
.import-stopka-img{width: 32px;height: auto;aspect-ratio: 52 / 53;object-fit: contain}
.wycena-siatka{display: grid;grid-template-columns: 1fr;gap: 1rem}
.wycena-pozycja{display: flex;flex-direction: column;background: var(--pow);border: 1px solid var(--linia);border-left: 5px solid var(--kd, #1d6fa5);border-radius: var(--r);padding: 1.1rem 1.2rem;box-shadow: var(--cien-karta)}
.wycena-naglowek{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;margin-bottom: 0.5rem;padding-bottom: 0.45rem;border-bottom: 1px dashed var(--linia)}
.wycena-kategoria{font-family: var(--f-n);font-size: 0.74rem;font-weight: 800;letter-spacing: 0.05em;color: #ffffff;background: #164e78;padding: 0.18rem 0.55rem;border-radius: 4px}
.wycena-czas{display: inline-flex;align-items: center;gap: 0.3rem;font-size: 0.78rem;font-weight: 600;color: var(--t2)}
.wycena-czas svg{width: 0.9rem;height: 0.9rem}
.wycena-tytul{font-size: 1.05rem;line-height: 1.3;margin: 0 0 0.45rem}
.wycena-tytul a:hover{color: #8a100f}
.wycena-opis{font-size: 0.88rem;color: var(--t2);line-height: 1.5;margin: 0 0 0.85rem}
.wycena-stopka{margin-top: auto;display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;padding-top: 0.6rem;border-top: 1px solid var(--linia)}
.wycena-zakres{font-size: 0.76rem;font-weight: 700;color: var(--tekst);background: var(--tlo);padding: 0.2rem 0.55rem;border-radius: 4px}
.wycena-akcja{display: inline-flex;align-items: center;gap: 0.35rem;min-height: 44px;font-family: var(--f-n);font-size: 0.84rem;font-weight: 700;color: #8a100f}
.wycena-akcja svg{width: 0.95rem;height: 0.95rem}
.kodeks-siatka{display: grid;grid-template-columns: 1fr;gap: 1.1rem}
.kodeks-modul{display: grid;grid-template-columns: 68px minmax(0, 1fr);background: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);overflow: hidden;box-shadow: var(--cien-karta)}
.kodeks-lewa{background: #131d2c;color: #ffffff;border-right: 3px solid var(--kd, #285872);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.45rem;padding: 0.85rem 0.4rem}
.kodeks-nr{font-family: var(--f-n);font-size: 0.78rem;font-weight: 800;color: #7dd3fc}
.kodeks-znak{width: 38px;height: 38px;border-radius: 50%;background: var(--kd, #285872);color: #ffffff;display: inline-flex;align-items: center;justify-content: center}
.kodeks-znak svg{width: 1.15rem;height: 1.15rem}
.kodeks-prawa{padding: 1rem 1.15rem;display: flex;flex-direction: column;min-width: 0}
.kodeks-nadtytul{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;margin-bottom: 0.35rem}
.kodeks-dzial{font-family: var(--f-n);font-size: 0.76rem;font-weight: 800;text-transform: uppercase;color: #164e63}
.kodeks-czas{font-size: 0.76rem;color: var(--t2)}
.kodeks-tytul{font-size: 1.04rem;line-height: 1.3;margin: 0 0 0.45rem}
.kodeks-tytul a:hover{color: #8a100f}
.kodeks-opis{font-size: 0.86rem;color: var(--t2);line-height: 1.48;margin: 0 0 0.65rem}
.kodeks-link{margin-top: auto;display: inline-flex;align-items: center;gap: 0.35rem;min-height: 44px;font-family: var(--f-n);font-size: 0.84rem;font-weight: 700;color: #8a100f}
.kodeks-link svg{width: 0.95rem;height: 0.95rem}
.okruchy a{display: inline-flex;align-items: center;min-height: 44px;padding: 0.2rem 0.3rem}
.dz-nag .wp-artykul{background: transparent;border: 0;padding: 0;box-shadow: none}
.wp-naglowek, .wp-hero{background: #ffffff;color: #141923;border: 1px solid #cbd5e1;border-top: 4px solid var(--kd, #b01817);border-radius: 10px;padding: 1.15rem 1.25rem;margin-bottom: 1.15rem}
.wp-hero .wp-tytul-uko{color: #8a100f}
.wp-nadtytul{margin-bottom: 0.5rem;gap: 0.5rem}
.wp-dzial, .wp-kategoria{background: #8a100f;color: #ffffff}
.wp-nadtytul .wp-skrot{display: inline-flex;align-items: center;margin: 0;padding: 0.25rem 0.65rem;background: #f1f5f9;border: 1px solid #cbd5e1;border-left: 3px solid #8a100f;border-radius: 4px;font-family: var(--f-n);font-size: 0.78rem;font-weight: 700;color: #141923}
.wp-tytul{color: #141923;margin-bottom: 0.55rem}
.wp-lead, .wp-zajawka{color: #141923;margin-bottom: 0.75rem}
.wp-meta{display: block;width: 100%;padding-top: 0.75rem;margin-top: 0.5rem;border-top: 1px solid #cbd5e1;color: #141923}
.wp-meta-lista, .wp-meta-dane{display: grid;width: 100%;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.55rem;margin: 0}
.wp-meta-pole{background: #f1f5f9;border: 1px solid #cbd5e1;border-left: 4px solid #8a100f;border-radius: 6px;padding: 0.5rem 0.7rem}
.wp-meta-pole dt{font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.03em;color: #334155;margin-bottom: 0.15rem}
.wp-meta-pole dd, .wp-meta-pole dd a, .wp-meta-pole dd time{margin: 0;font-size: 0.88rem;font-weight: 700;color: #0f172a;text-decoration: none}
.wp-meta-pole dd a:hover{color: #8a100f;text-decoration: underline}
.wp-korpus{background: #ffffff;border: 1px solid #cbd5e1;border-radius: 10px;padding: 1.2rem}
.wp-spis-blok{margin: 0 0 1.15rem;padding: 0;background: #f8fafc;border: 1px solid #cbd5e1}
.wp-spis-glowica{background: #8a100f;color: #ffffff;padding: 0.65rem 1rem}
.wp-spis-lista{padding: 0.75rem 1rem;gap: 0.45rem 1rem}
.wp-spis-link{color: #141923;padding: 0.2rem 0}
.wp-wskazowka{display: flex;align-items: flex-start;gap: 0.7rem;margin: 0 0 1.15rem;padding: 0.75rem 0.95rem;background: #fceaea;border: 1px solid #f0b9b9;border-left: 4px solid #8a100f;color: #141923}
.wp-wskazowka-tekst{margin: 0;font-size: 0.9rem;line-height: 1.5;color: #141923}
.wp-tresc{color: #141923}
.wp-sekcja{margin-bottom: 1.35rem}
.wp-sekcja:last-child{margin-bottom: 0}
.wp-tresc h2, .wp-sekcja-tytul{color: #141923;font-size: 1.35rem;margin: 1.15rem 0 0.6rem;padding-bottom: 0.35rem;border-bottom: 2px solid #d8dee8}
.wp-sekcja > .wp-sekcja-tytul:first-child, .wp-sekcja > h2:first-child{margin-top: 0}
.wp-tresc h2::before{content: none}
.wp-tresc h3{color: #141923;margin: 1rem 0 0.45rem}
.wp-tresc p, .wp-tresc ul, .wp-tresc ol, .wp-tresc table, .wp-tresc blockquote{margin-top: 0;margin-bottom: 0.8rem}
.wp-sasiednie, .wp-nawigacja{margin-top: 1.35rem}
.wp-dzial-blok{margin-top: 1.5rem}
.wp-caly-dzial-link{display: inline-flex;align-items: center;gap: 0.4rem;min-height: 44px;padding: 0.35rem 0.75rem;color: #ffffff;font-family: var(--f-n);font-weight: 700;font-size: 0.88rem}
.panel-importu-stopka--druga{margin-top: 0.75rem}
.dz-paginacja{margin-top: 1.5rem;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 0.55rem}
.dz-strony-lista{display: flex;align-items: center;flex-wrap: wrap;gap: 0.55rem}
.dz-strona{display: inline-flex;align-items: center;justify-content: center;gap: 0.4rem;min-width: 48px;min-height: 48px;padding: 0.5rem 0.85rem;border-radius: 6px;background: #ffffff;border: 1px solid #cbd5e1;font-family: var(--f-n);font-size: 0.94rem;font-weight: 700;color: #141923}
.dz-strona:hover{border-color: #8a100f;background: #fceaea;color: #8a100f}
.dz-strona--aktywna{background: #8a100f;border-color: #8a100f;color: #ffffff}
.dz-strona-kropki{display: inline-flex;align-items: center;justify-content: center;min-width: 36px;min-height: 48px;color: #334155;font-weight: 700}
.dz-temat-tytul a{display: inline-flex;align-items: center;min-height: 44px;padding: 0.2rem 0}
.wiersz-nadtytul{margin-bottom: 0.45rem;gap: 0.5rem}
.wiersz-tytul{margin-bottom: 0.45rem}
.wiersz-link{display: inline-block;padding: 0.2rem 0}
.bok-glowica{background: #8a100f;color: #ffffff}
.bok-przycisk{min-height: 46px;background: #8a100f;color: #ffffff}
.bok-przycisk:hover{background: #6e0c0b;color: #ffffff}
.dz-uklad:not(:has(.dz-wiersze > .wiersz:nth-child(11))) .dz-boczna > .bok-modul:nth-child(n+5){display: none}
.dz-uklad:not(:has(.dz-wiersze > .wiersz:nth-child(13))) .dz-boczna > .bok-modul:nth-child(n+6){display: none}
.dz-uklad:not(:has(.dz-wiersze > .wiersz:nth-child(16))) .dz-boczna > .bok-modul:nth-child(n+7){display: none}
.dz-uklad:not(:has(.dz-wiersze > .wiersz:nth-child(18))) .dz-boczna > .bok-modul:nth-child(n+8){display: none}
.dz-uklad:not(:has(.dz-wiersze > .wiersz:nth-child(21))) .dz-boczna > .bok-modul:nth-child(n+9){display: none}
.dz-uklad:not(:has(.dz-wiersze > .wiersz:nth-child(23))) .dz-boczna > .bok-modul:nth-child(n+10){display: none}
@media (max-width: 1024px){.dz-boczna > .bok-modul:nth-child(n+6){display: none}
}
@media (max-width: 640px){.hero-tlo{max-height: 96px}
.hero-zegary-img{max-width: 210px}
.dz-tlo{min-height: 120px;max-height: 140px}
}
@media (min-width: 721px){.wp-naglowek, .wp-hero{padding: 1.35rem 1.65rem;margin-bottom: 1.25rem}
.wp-meta-lista, .wp-meta-dane{grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0.75rem}
.wp-korpus{padding: 1.5rem 1.65rem}
.wycena-siatka{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.05rem}
.kodeks-siatka{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.15rem}
}
@media (min-width: 901px){.hero-dzialy-siatka{grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0.85rem}
}
.wp-artykul{background: transparent;border: 0;padding: 0;box-shadow: none}
.wp-korpus{padding: 1.15rem}
.wp-sekcja{margin-bottom: 1.25rem}
.wp-sekcja:last-child, .wp-sekcja-html > :last-child{margin-bottom: 0}
.wp-dzial-blok{margin-top: 1.2rem}
.wp-dzial-blok .dz-naglowek{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.75rem;padding: 0.65rem 1rem;margin-bottom: 0.9rem;border-radius: 8px}
.wp-sasiednie, .wp-nawigacja{margin-top: 1.2rem}
.dz-wiersze .wiersz{grid-template-columns: minmax(0, 1fr);align-items: stretch;padding: 0.95rem 1rem;gap: 0.65rem}
.wiersz-tresc{width: 100%;min-width: 0}
.wiersz-tytul{font-size: 1rem;line-height: 1.32;margin-bottom: 0.35rem;width: 100%}
.wiersz-link{display: block;width: 100%;padding: 0.1rem 0}
.wiersz-zajawka{width: 100%}
.wiersz-akcja{justify-self: start}
@media (min-width: 641px){.dz-wiersze .wiersz{grid-template-columns: auto minmax(0, 1fr) auto;align-items: center;padding: 1.1rem 1.25rem;gap: 1.15rem}
.dz-wiersze .wiersz--ze-zdjeciem{grid-template-columns: 200px auto minmax(0, 1fr) auto}
.wiersz-tytul{font-size: 1.15rem;margin-bottom: 0.4rem}
.wiersz-akcja{justify-self: auto}
}
@media (min-width: 721px){.wp-korpus{padding: 1.25rem 1.5rem}
}

.marka-logo-img {
  width: 126px;
  height: 29px;
  aspect-ratio: 354 / 81;
}

.kokpit-skrot-img {
  width: 28px;
  height: 21px;
  aspect-ratio: 67 / 49;
}

.okruchy {
  min-height: 44px;
  display: flex;
  align-items: center;
}

.okruchy ol {
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
}

.kodeks-siatka {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.kodeks-modul {
  display: flex;
  flex-direction: column;
  background: var(--pow);
  border: 1px solid var(--linia);
  border-left: 5px solid var(--kd, #285872);
  border-radius: var(--r);
  padding: 1.1rem 1.2rem;
  box-shadow: var(--cien-karta);
}

.kodeks-modul:hover {
  border-color: var(--kd, #285872);
  box-shadow: var(--cien-unos);
  transform: translateY(-2px);
}

.kodeks-nadtytul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.55rem;
  padding-bottom: 0.45rem;
  border-bottom: 1px dashed var(--linia);
}

.kodeks-dzial {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-family: var(--f-n);
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--kd, #164e63);
}

.kodeks-dzial svg {
  width: 0.95rem;
  height: 0.95rem;
}

.kodeks-odznaka {
  font-family: var(--f-n);
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #ffffff;
  background: #164e63;
  padding: 0.18rem 0.55rem;
  border-radius: 4px;
}

.kodeks-tytul {
  font-size: 1.05rem;
  line-height: 1.3;
  margin: 0 0 0.45rem;
}

.kodeks-opis {
  font-size: 0.88rem;
  color: var(--t2);
  line-height: 1.5;
  margin: 0 0 0.85rem;
}

.kodeks-stopka {
  margin-top: auto;
  padding-top: 0.65rem;
  border-top: 1px solid var(--linia);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.kodeks-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.65rem;
  font-size: 0.78rem;
  color: var(--t2);
}

.kodeks-data,
.kodeks-czas {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.kodeks-data svg,
.kodeks-czas svg {
  width: 0.9rem;
  height: 0.9rem;
}

.kodeks-link {
  margin-top: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 44px;
  font-family: var(--f-n);
  font-size: 0.84rem;
  font-weight: 700;
  color: #8a100f;
}

.wp-nadtytul {
  font-size: 0.74rem;
}

.wp-tytul {
  font-size: 1.25rem;
  line-height: 1.22;
}

.wp-lead,
.wp-zajawka {
  font-size: 0.94rem;
  line-height: 1.5;
  font-weight: 400;
}

.wp-meta-lista,
.wp-meta-dane {
  grid-template-columns: 1fr;
  gap: 0.4rem;
}

.wp-meta-pole {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: 38px;
  padding: 0.4rem 0.65rem;
  white-space: nowrap;
}

.wp-meta-pole dt {
  margin-bottom: 0;
}

.wp-spis-lista {
  grid-template-columns: 1fr;
  padding: 0.65rem 0.9rem;
  gap: 0.35rem;
}

.wp-spis-link {
  display: flex;
  align-items: center;
  min-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.86rem;
}

.wp-spis-link > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

.wp-wskazowka-ikona {
  width: 28px;
  height: 32px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wskazowka-ikona-mala {
  width: 28px;
  height: 32px;
  aspect-ratio: 45 / 52;
}

@media (min-width: 641px) {
  .marka-logo-img {
    width: 154px;
    height: 35px;
  }

  .okruchy ol {
    flex-wrap: wrap;
    white-space: normal;
  }

  .wp-tytul {
    font-size: clamp(1.65rem, 2.7vw, 2.35rem);
    line-height: 1.18;
  }

  .wp-lead,
  .wp-zajawka {
    font-size: 1.05rem;
    line-height: 1.58;
  }
}

@media (min-width: 721px) {
  .kodeks-siatka {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem;
  }

  .wp-hero-dekor {
    width: 220px;
    height: 98px;
    flex-shrink: 0;
  }

  .wp-hero-zegary {
    width: 220px;
    height: 98px;
    aspect-ratio: 432 / 192;
  }

  .wp-meta-lista,
  .wp-meta-dane {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
  }

  .wp-meta-lista:has(> :nth-child(4):last-child) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .wp-meta-pole {
    display: block;
    min-height: 58px;
    padding: 0.55rem 0.8rem;
  }

  .wp-meta-pole dt {
    margin-bottom: 0.2rem;
  }

  .wp-spis-lista {
    padding: 0.85rem 1.1rem;
    gap: 0.45rem 1.25rem;
  }
}

@media (min-width: 1025px) {
  .kodeks-siatka {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
  }
}

.wp-meta .wp-meta-lista,
.wp-meta .wp-meta-dane,
.wp-meta .wp-meta-lista:has(> :nth-child(4):last-child),
.wp-meta .wp-meta-lista:has(> :nth-child(3):last-child),
.wp-meta .wp-meta-lista:has(> :nth-child(2):last-child),
.wp-meta .wp-meta-lista:has(> :nth-child(1):last-child) {
  grid-template-columns: 1fr;
  gap: 0.45rem;
}

.wp-meta .wp-meta-pole {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.25rem 0.75rem;
  min-height: 38px;
  padding: 0.45rem 0.75rem;
  white-space: normal;
}

.wp-meta .wp-meta-pole dt {
  margin-bottom: 0;
}

.wp-meta .wp-meta-pole dd {
  text-align: right;
}

@media (min-width: 721px) {
  .wp-meta .wp-meta-lista,
  .wp-meta .wp-meta-dane,
  .wp-meta .wp-meta-lista:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
  }

  .wp-meta .wp-meta-lista:has(> :nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wp-meta .wp-meta-lista:has(> :nth-child(4):last-child) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .wp-meta .wp-meta-pole {
    display: block;
    min-height: 58px;
    padding: 0.55rem 0.8rem;
  }

  .wp-meta .wp-meta-pole dt {
    margin-bottom: 0.2rem;
  }

  .wp-meta .wp-meta-pole dd {
    text-align: left;
  }
}