@font-face { font-family: 'Bitter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/bitter/rax8HiqOu8IVPmn7cYxpPDk.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: 'Bitter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/bitter/rax8HiqOu8IVPmn7f4xp.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: 'Bitter'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/bitter/rax8HiqOu8IVPmn7cYxpPDk.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: 'Bitter'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/bitter/rax8HiqOu8IVPmn7f4xp.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: #f4efe2;--pow: #fbf8f1;--tekst: #231f1a;--t2: #5c5346;--linia: #d8ceb8;--akcent: #386624;--akcent-tekst: #ffffff;--dodatek: #d97324;--r: 6px;--f-n: "Bitter", Georgia, "Times New Roman", Times, serif;--f-t: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--akcent-jasny: #e5eedd;--akcent-cien: #264718;--stopka: #332215;--stopka-tekst: #efe6d5;--k-ciagniki: #386624;--k-maszyny-rolnicze: #8c4a27;--k-mechanizacja-rolnictwa: #3d5a6c;--k-porady: #9e6b1b;--drewno-ciemne: #4a2a14;--drewno-srednie: #6e3b1b;--drewno-jasne: #8c4a27;--papier-kartka: #f8f2e0;--papier-linia: #dfd4bc;--tablica-tlo: #28241e;--tablica-karta: #332e27;--tablica-obrys: #4d453b;--zolty-ostrzegawczy: #f6e7c1;--zolty-obrys: #c89629;--cien-karta: 0 2px 6px rgba(35, 31, 26, 0.07), 0 1px 2px rgba(35, 31, 26, 0.05);--cien-mocny: 0 8px 22px rgba(35, 31, 26, 0.14);--szerokosc-max: 1280px}
.dzial-ciagniki{--kd: var(--k-ciagniki)}
.dzial-maszyny-rolnicze{--kd: var(--k-maszyny-rolnicze)}
.dzial-mechanizacja-rolnictwa{--kd: var(--k-mechanizacja-rolnictwa)}
.dzial-porady{--kd: var(--k-porady)}
*, *::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;background-color: var(--tlo);color: var(--tekst);font-family: var(--f-t)}
body{margin: 0;padding: 0;min-height: 100vh;display: flex;flex-direction: column;background-color: var(--tlo);background-image: radial-gradient(rgba(92, 83, 70, 0.04) 1px, transparent 0), linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(244, 239, 226, 0) 260px);background-size: 20px 20px, 100% 260px;background-repeat: repeat, no-repeat;color: var(--tekst);font-family: var(--f-t);overflow-x: clip;overflow-wrap: break-word;word-wrap: break-word}
main{flex: 1 0 auto;width: 100%;min-width: 0}
img, picture, video, canvas{display: block;max-width: 100%;height: auto}
svg{display: block;width: 1.25rem;height: 1.25rem;flex-shrink: 0;fill: currentColor}
h1, h2, h3, h4, h5, h6{font-family: var(--f-n);color: var(--tekst);margin: 0 0 0.65rem;line-height: 1.22;font-weight: 700;letter-spacing: -0.01em}
p, ul, ol, dl, figure, blockquote{margin: 0 0 1rem}
a{color: var(--akcent);text-decoration: underline;text-underline-offset: 0.18em;transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease}
a:hover{color: var(--akcent-cien)}
:focus-visible{outline: 3px solid var(--dodatek);outline-offset: 2px}
.tylko-czytnik, .skok-tresc{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0}
.skok-tresc:focus, .skok-tresc:focus-visible{position: fixed;top: 0.75rem;left: 0.75rem;z-index: 9999;width: auto;height: auto;min-height: 44px;padding: 0.65rem 1.25rem;margin: 0;clip: auto;background-color: var(--akcent);color: var(--akcent-tekst);font-family: var(--f-t);font-weight: 700;border-radius: var(--r);box-shadow: var(--cien-mocny);text-decoration: none}
.szerokosc-strony{width: 100%;max-width: var(--szerokosc-max);margin-inline: auto;padding-inline: 1.5rem}
.naglowek-witryny{background-color: var(--pow);border-bottom: 1px solid var(--linia);position: relative;z-index: 40}
.naglowek-blat{padding-block: 0.85rem;background: linear-gradient(180deg, #fdfbf6 0%, var(--pow) 100%)}
.naglowek-blat-uklad{display: flex;align-items: center;justify-content: space-between;gap: 1.5rem}
.marka-link{display: inline-flex;align-items: center;gap: 0.85rem;min-height: 48px;text-decoration: none;color: var(--tekst)}
.marka-sygnet{width: 3.1rem;height: 3.1rem;border-radius: var(--r);background-color: var(--akcent-jasny);border: 1px solid rgba(56, 102, 36, 0.28);color: var(--akcent);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.marka-sygnet svg{width: 2.15rem;height: 2.15rem}
.marka-napisy{display: flex;flex-direction: column}
.marka-nazwa{font-family: var(--f-n);font-size: 1.65rem;font-weight: 700;line-height: 1.1;color: var(--akcent-cien);letter-spacing: -0.02em}
.marka-podtytul{font-size: 0.875rem;font-weight: 600;color: var(--t2);margin-top: 0.15rem}
.naglowek-plakietki{display: flex;align-items: center;gap: 1rem}
.plakietka-warsztat{display: inline-flex;align-items: center;gap: 0.65rem;padding: 0.4rem 0.85rem;background-color: var(--tlo);border: 1px solid var(--linia);border-radius: var(--r);font-size: 0.825rem;font-weight: 600;color: var(--tekst)}
.plakietka-ikona{width: 2.25rem;height: 2.25rem;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.plakietka-img, .plakietka-img-klucz{width: 2.25rem;height: 2.25rem;aspect-ratio: 1 / 1;object-fit: contain}
.pasek-menu-otoczka{background: linear-gradient(180deg, var(--akcent) 0%, var(--akcent-cien) 100%);border-top: 1px solid rgba(255, 255, 255, 0.14);border-bottom: 3px solid #1d3812;color: var(--akcent-tekst)}
.pasek-menu-wiersz{display: flex;align-items: stretch;gap: 0.35rem}
.menu-dom{display: inline-flex;align-items: center;justify-content: center;min-width: 48px;min-height: 48px;padding-inline: 0.85rem;color: var(--akcent-tekst);text-decoration: none;border-right: 1px solid rgba(255, 255, 255, 0.16)}
.menu-dom svg{width: 1.35rem;height: 1.35rem}
.menu-dom:hover, .menu-dom-aktywny{background-color: #9e4b0e;color: var(--akcent-tekst)}
.menu-lista{list-style: none;margin: 0;padding: 0;display: flex;align-items: stretch;flex-wrap: wrap;gap: 0.25rem;flex: 1}
.menu-pozycja{display: flex}
.menu-ogniwo{display: inline-flex;align-items: center;gap: 0.55rem;min-height: 48px;padding: 0.55rem 1.15rem;color: var(--akcent-tekst);font-weight: 600;font-size: 0.95rem;text-decoration: none;border-bottom: 3px solid transparent}
.menu-ogniwo-ikona{display: inline-flex;align-items: center;justify-content: center;width: 1.25rem;height: 1.25rem}
.menu-ogniwo-ikona svg{width: 1.2rem;height: 1.2rem}
.menu-ogniwo:hover{background-color: rgba(255, 255, 255, 0.12);color: var(--akcent-tekst)}
.menu-ogniwo-aktywne{background-color: #9e4b0e;color: var(--akcent-tekst);border-bottom-color: #ffd29d}
.naglowek-wstega-wiersz{display: flex;align-items: center;gap: 1rem;margin-bottom: 1.25rem}
.naglowek-wstega{display: inline-flex;align-items: center;margin: 0;padding: 0.5rem 1.35rem 0.5rem 1rem;background: linear-gradient(90deg, var(--drewno-ciemne) 0%, var(--drewno-srednie) 100%);color: #ffffff;font-family: var(--f-n);font-size: 1.2rem;font-weight: 700;border-radius: var(--r) 2px 2px var(--r);position: relative;box-shadow: var(--cien-karta)}
.naglowek-wstega::after{content: "";position: absolute;right: -10px;top: 0;bottom: 0;width: 10px;background-color: var(--drewno-srednie);clip-path: polygon(0 0, 100% 0, 35% 50%, 100% 100%, 0 100%)}
.naglowek-wstega-linia{flex: 1;height: 2px;background: linear-gradient(90deg, var(--linia) 0%, rgba(216, 206, 184, 0.25) 100%)}
.czolowka-rolnik{padding-top: 1.25rem;padding-bottom: 1rem}
.czolowka-ramka{position: relative;min-height: 390px;border-radius: calc(var(--r) * 1.5);overflow: hidden;border: 2px solid #5a4632;box-shadow: var(--cien-mocny);background-color: #241b12;color: #ffffff;display: flex;align-items: stretch}
.czolowka-tlo{position: absolute;inset: 0;z-index: 1}
.hero-obraz{width: 100%;height: 100%;aspect-ratio: 16 / 6;object-fit: cover;object-position: center}
.czolowka-przeslona{position: absolute;inset: 0;background: linear-gradient(92deg, rgba(24, 18, 12, 0.92) 0%, rgba(35, 25, 16, 0.82) 48%, rgba(35, 25, 16, 0.28) 100%)}
.czolowka-uklad{position: relative;z-index: 2;width: 100%;display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);align-items: center;gap: 1.5rem;padding: 2.25rem 2.5rem}
.czolowka-lewa{min-width: 0}
.czolowka-etykieta{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.35rem 0.75rem;margin-bottom: 0.85rem;background-color: rgba(255, 255, 255, 0.14);border: 1px solid rgba(255, 255, 255, 0.26);border-radius: 999px;font-size: 0.8125rem;font-weight: 600;color: #f8eed9}
.czolowka-etykieta-ikona{display: inline-flex;width: 1rem;height: 1rem;color: #ffd18b}
.czolowka-etykieta-ikona svg{width: 1rem;height: 1rem}
.czolowka-tytul{font-size: clamp(2rem, 3.6vw, 3.1rem);line-height: 1.08;color: #ffffff;margin-bottom: 0.85rem;text-shadow: 0 2px 6px rgba(0, 0, 0, 0.55)}
.czolowka-tytul span{display: block}
.czolowka-opis{font-size: 1.08rem;line-height: 1.5;color: #f3ead8;max-width: 52ch;margin-bottom: 1.4rem}
.czolowka-skroty{display: flex;flex-wrap: wrap;gap: 0.6rem}
.czolowka-skrot-ogniwo{display: inline-flex;align-items: center;gap: 0.5rem;min-height: 44px;padding: 0.5rem 0.95rem;background-color: var(--akcent);color: var(--akcent-tekst);border: 1px solid rgba(255, 255, 255, 0.28);border-radius: var(--r);font-size: 0.9rem;font-weight: 600;text-decoration: none}
.czolowka-skrot-ogniwo:hover{background-color: var(--akcent-cien);color: var(--akcent-tekst);transform: translateY(-1px)}
.czolowka-skrot-ikona{display: inline-flex;width: 1.15rem;height: 1.15rem}
.czolowka-skrot-ikona svg{width: 1.15rem;height: 1.15rem}
.czolowka-prawa{display: flex;justify-content: flex-end;align-items: flex-end;min-width: 0}
.czolowka-wyciecie-ciagnik{width: 100%;max-width: 520px;aspect-ratio: 16 / 10;object-fit: contain;object-position: bottom right}
.stol-warsztatowy{padding-block: 1.15rem 1.75rem}
.stol-trojka{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem;align-items: stretch}
.kafel-podzespol{position: relative;min-height: 235px;border-radius: var(--r);overflow: hidden;border: 1px solid #4d4134;background-color: #251f19;color: #ffffff;display: flex;flex-direction: column;justify-content: space-between;box-shadow: var(--cien-karta);min-width: 0}
.kafel-podzespol-tlo{position: absolute;inset: 0;z-index: 1}
.kafel-tlo-img{width: 100%;height: 100%;aspect-ratio: 16 / 10;object-fit: cover;opacity: 0.55}
.kafel-podzespol-cien{position: absolute;inset: 0;background: linear-gradient(180deg, rgba(24, 20, 16, 0.35) 0%, rgba(20, 17, 13, 0.94) 85%)}
.kafel-podzespol-grafika{position: relative;z-index: 2;padding: 1rem 1.15rem 0;display: flex;justify-content: flex-end;pointer-events: none}
.kafel-wyciecie-img{width: 120px;height: 88px;aspect-ratio: 4 / 3;object-fit: contain}
.kafel-podzespol-dol{position: relative;z-index: 2;padding: 0.75rem 1.15rem 1.15rem;display: flex;align-items: flex-end;justify-content: space-between;gap: 0.85rem}
.kafel-podzespol-opis{min-width: 0}
.kafel-podzespol-kicker{display: inline-block;font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: #ffd18b;margin-bottom: 0.25rem}
.kafel-podzespol-tytul{font-size: 1.2rem;margin: 0 0 0.3rem;color: #ffffff}
.kafel-podzespol-tytul a{color: #ffffff;text-decoration: none}
.kafel-podzespol-tytul a:hover{text-decoration: underline}
.kafel-podzespol-podpis{margin: 0;font-size: 0.85rem;color: #e6dccb;line-height: 1.4}
.kafel-strzalka-kolo{width: 44px;height: 44px;border-radius: 999px;background-color: var(--akcent);border: 2px solid #a5cf8e;color: var(--akcent-tekst);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;text-decoration: none}
.kafel-strzalka-kolo svg{width: 1.15rem;height: 1.15rem}
.kafel-strzalka-kolo:hover{background-color: var(--akcent-cien);color: var(--akcent-tekst);transform: scale(1.05)}
.kartka-schemat{position: relative;background-color: var(--papier-kartka);background-image: repeating-linear-gradient( 0deg, transparent, transparent 25px, var(--papier-linia) 26px );border: 1px solid #c9bba0;border-radius: var(--r);padding: 1.15rem 1.25rem;box-shadow: var(--cien-karta);display: flex;flex-direction: column;justify-content: space-between;min-width: 0}
.kartka-spinacz{position: absolute;top: -10px;right: 1.35rem;width: 2rem;height: 2.5rem;color: #9e4b0e}
.kartka-spinacz svg{width: 2rem;height: 2.5rem}
.kartka-szkic-ramka{height: 76px;display: flex;align-items: center;justify-content: center;color: #5b4b3a;margin-bottom: 0.35rem}
.kartka-szkic-ramka svg{width: 170px;height: 72px}
.kartka-haslo{font-family: var(--f-n);font-weight: 700;font-size: 0.98rem;color: var(--tekst);margin-bottom: 0.25rem}
.kartka-wstep{font-size: 0.825rem;color: var(--t2);margin-bottom: 0.55rem;line-height: 1.4}
.kartka-punkty{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: 1fr;gap: 0.25rem}
.kartka-punkty li a{display: flex;align-items: center;gap: 0.35rem;min-height: 44px;padding: 0.3rem 0.5rem;border-radius: 4px;background-color: rgba(255, 255, 255, 0.65);border: 1px solid rgba(196, 181, 155, 0.6);color: var(--tekst);font-size: 0.83rem;text-decoration: none}
.kartka-punkty li a strong{color: var(--drewno-ciemne);flex-shrink: 0}
.kartka-punkty li a:hover{background-color: var(--akcent-jasny);border-color: var(--akcent);color: var(--akcent-cien)}
.sekcja-teczki{padding-block: 1rem 2rem}
.teczki-czworka{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.25rem;align-items: stretch}
.teczka-dzialu{--kd: var(--akcent);display: flex;flex-direction: column;min-width: 0}
.teczka-uszko{align-self: flex-start;padding: 0.2rem 0.85rem;background-color: var(--kd);color: #ffffff;border-radius: var(--r) var(--r) 0 0;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.08em}
.teczka-cialo{flex: 1;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 1.35rem 1.15rem;background-color: var(--pow);border: 1px solid var(--linia);border-top: 4px solid var(--kd);border-radius: 0 var(--r) var(--r) var(--r);box-shadow: var(--cien-karta);color: var(--tekst);text-decoration: none}
.teczka-cialo:hover{border-color: var(--kd);transform: translateY(-2px);box-shadow: var(--cien-mocny)}
.teczka-ikona{width: 3.25rem;height: 3.25rem;border-radius: 999px;background-color: var(--tlo);border: 1px solid var(--linia);color: var(--kd);display: inline-flex;align-items: center;justify-content: center;margin-bottom: 0.75rem}
.teczka-ikona svg{width: 1.85rem;height: 1.85rem}
.teczka-nazwa{font-size: 1.15rem;margin-bottom: 0.35rem;color: var(--tekst)}
.teczka-haslo{font-size: 0.875rem;font-weight: 700;color: var(--kd);margin-bottom: 0.45rem}
.teczka-opis{font-size: 0.85rem;color: var(--t2);margin-bottom: 1rem;flex: 1}
.teczka-wejscie{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;padding: 0.4rem 0.95rem;border-radius: var(--r);background-color: var(--tlo);border: 1px solid var(--linia);font-size: 0.85rem;font-weight: 700;color: var(--tekst)}
.teczka-cialo:hover .teczka-wejscie{background-color: var(--kd);border-color: var(--kd);color: #ffffff}
.sekcja-pas-ciagniki{padding-block: 0.75rem 2.25rem}
.pas-naglowek{display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-bottom: 1.15rem;padding-bottom: 0.65rem;border-bottom: 2px solid var(--linia)}
.pas-tytul-grupa{display: flex;align-items: center;gap: 0.65rem}
.pas-ikona{width: 2.4rem;height: 2.4rem;border-radius: var(--r);background-color: var(--akcent-jasny);color: var(--akcent);display: inline-flex;align-items: center;justify-content: center}
.pas-ikona svg{width: 1.5rem;height: 1.5rem}
.pas-tytul{margin: 0;font-size: 1.5rem}
.pas-wszystkie-link{display: inline-flex;align-items: center;min-height: 44px;padding: 0.45rem 0.95rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);font-weight: 700;font-size: 0.9rem;color: var(--akcent-cien);text-decoration: none}
.pas-wszystkie-link:hover{background-color: var(--akcent);border-color: var(--akcent);color: var(--akcent-tekst)}
.pas-karty-czworka{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.25rem;align-items: stretch}
.karta-teczka{--kd: var(--akcent);background-color: var(--pow);border: 1px solid var(--linia);border-top: 3px solid var(--kd);border-radius: var(--r);box-shadow: var(--cien-karta);display: flex;flex-direction: column;height: 100%;min-width: 0;overflow: hidden}
.karta-sponsorowana{background-color: #fdf9ec}
.karta-zakladka{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;padding: 0.45rem 0.85rem;background-color: rgba(216, 206, 184, 0.25);border-bottom: 1px solid var(--linia);font-size: 0.78rem}
.karta-dzial-etykieta{display: inline-flex;align-items: center;gap: 0.35rem;min-height: 32px;font-weight: 700;color: var(--kd);text-decoration: none}
.karta-dzial-ikona{display: inline-flex;width: 1rem;height: 1rem}
.karta-dzial-ikona svg{width: 1rem;height: 1rem}
.karta-czas-lektury{color: var(--t2);font-weight: 600}
.karta-foto-link{display: block;overflow: hidden;background-color: #e7dfd0;border-bottom: 1px solid var(--linia)}
.karta-obraz{width: 100%;aspect-ratio: 16 / 10;object-fit: cover;transition: transform 0.25s ease}
.karta-teczka:hover .karta-obraz{transform: scale(1.03)}
.karta-korpus{padding: 0.95rem 1rem 0.65rem;flex: 1;display: flex;flex-direction: column}
.karta-tytul{font-size: 1.05rem;line-height: 1.3;margin: 0 0 0.5rem}
.karta-tytul a{color: var(--tekst);text-decoration: none}
.karta-tytul a:hover{color: var(--akcent);text-decoration: underline}
.karta-zajawka{font-size: 0.865rem;color: var(--t2);margin: 0;line-height: 1.45}
.karta-metryka{padding: 0.55rem 1rem 0.75rem;border-top: 1px dashed var(--linia);display: flex;align-items: center;justify-content: space-between;gap: 0.5rem}
.karta-data{display: inline-flex;align-items: center;gap: 0.35rem;font-size: 0.8rem;color: var(--t2);font-weight: 500}
.karta-data-ikona{display: inline-flex;width: 0.95rem;height: 0.95rem}
.karta-data-ikona svg{width: 0.95rem;height: 0.95rem}
.karta-strzalka{width: 44px;height: 44px;border-radius: 999px;background-color: var(--akcent);color: var(--akcent-tekst);display: inline-flex;align-items: center;justify-content: center;text-decoration: none;flex-shrink: 0}
.karta-strzalka svg{width: 1rem;height: 1rem}
.karta-strzalka:hover{background-color: var(--akcent-cien);color: var(--akcent-tekst)}
.sekcja-tablica-mocy{padding-block: 0.5rem 2.25rem}
.tablica-obudowa{background-color: var(--tablica-tlo);color: #f4efe2;border: 2px solid var(--tablica-obrys);border-radius: calc(var(--r) * 1.5);padding: 1.75rem;box-shadow: var(--cien-mocny)}
.tablica-gzyms{display: flex;align-items: flex-end;justify-content: space-between;gap: 1.5rem;padding-bottom: 1.25rem;margin-bottom: 1.35rem;border-bottom: 1px solid var(--tablica-obrys)}
.tablica-kicker{font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: #ffd18b;margin-bottom: 0.3rem}
.tablica-tytul{color: #ffffff;font-size: 1.5rem;margin: 0}
.tablica-opis{color: #d8ceb8;font-size: 0.9rem;max-width: 42ch;margin: 0}
.tablica-czworka{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.15rem;align-items: stretch}
.tabliczka-modelu{background-color: var(--tablica-karta);border: 1px solid var(--tablica-obrys);border-radius: var(--r);padding: 1.1rem;display: flex;flex-direction: column;min-width: 0}
.tabliczka-gora{display: flex;flex-direction: column;gap: 0.65rem;margin-bottom: 0.85rem}
.tabliczka-zakres{align-self: flex-start;padding: 0.25rem 0.6rem;background-color: rgba(255, 209, 139, 0.14);border: 1px solid rgba(255, 209, 139, 0.35);border-radius: 4px;font-size: 0.76rem;font-weight: 700;color: #ffd18b}
.tabliczka-ilustracja{width: 100%;height: 96px;aspect-ratio: 16 / 10;object-fit: contain;background-color: rgba(0, 0, 0, 0.22);border-radius: 4px;padding: 0.35rem}
.tabliczka-nazwa{font-size: 1.12rem;margin: 0 0 0.75rem}
.tabliczka-nazwa a{color: #ffffff;text-decoration: none}
.tabliczka-nazwa a:hover{color: #ffd18b;text-decoration: underline}
.tabliczka-parametry{margin: auto 0 0;display: flex;flex-direction: column;gap: 0.4rem;font-size: 0.83rem}
.tabliczka-parametry > div{display: flex;justify-content: space-between;gap: 0.5rem;padding-top: 0.35rem;border-top: 1px dashed rgba(216, 206, 184, 0.2)}
.tabliczka-parametry dt{color: #cfc3ab}
.tabliczka-parametry dd{margin: 0;font-weight: 700;color: #ffffff;text-align: right}
.sekcja-park-maszynowy{padding-block: 0.5rem 2.25rem}
.park-naglowek{display: flex;align-items: flex-end;justify-content: space-between;gap: 1rem;margin-bottom: 1.25rem}
.park-kicker{font-size: 0.82rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: var(--drewno-srednie);margin-bottom: 0.2rem}
.park-tytul{margin: 0;font-size: 1.5rem}
.park-stanowiska-trojka{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem;align-items: stretch}
.stanowisko-boks{background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);padding: 1.25rem;box-shadow: var(--cien-karta);display: flex;flex-direction: column;min-width: 0}
.stanowisko-wizual{position: relative;background-color: var(--tlo);border: 1px solid var(--linia);border-radius: var(--r);padding: 0.85rem;margin-bottom: 0.9rem;display: flex;flex-direction: column;align-items: center}
.stanowisko-maszyna-img{width: 100%;max-width: 210px;height: 115px;aspect-ratio: 16 / 9;object-fit: contain}
.stanowisko-etap{margin-top: 0.55rem;padding: 0.25rem 0.7rem;background-color: var(--drewno-ciemne);color: #ffffff;border-radius: 4px;font-size: 0.78rem;font-weight: 700}
.stanowisko-parametr{font-size: 0.88rem;color: var(--t2);margin-bottom: 0.9rem}
.stanowisko-lista{list-style: none;margin: auto 0 0;padding: 0;display: flex;flex-direction: column;gap: 0.4rem}
.stanowisko-lista li a{display: flex;align-items: center;gap: 0.6rem;min-height: 44px;padding: 0.45rem 0.65rem;background-color: var(--tlo);border: 1px solid var(--linia);border-radius: 4px;color: var(--tekst);font-size: 0.88rem;font-weight: 600;text-decoration: none}
.stanowisko-lista li a:hover{background-color: var(--akcent-jasny);border-color: var(--akcent);color: var(--akcent-cien)}
.stanowisko-nr{font-family: var(--f-n);font-size: 0.78rem;font-weight: 700;color: var(--akcent);background-color: var(--pow);border: 1px solid var(--linia);border-radius: 3px;padding: 0.1rem 0.35rem;flex-shrink: 0}
.stanowisko-link-tekst{min-width: 0}
.sekcja-dolny-uklad{padding-block: 0.5rem 2.25rem}
.dolny-dwukolumnowy{display: grid;grid-template-columns: minmax(0, 1.85fr) minmax(300px, 1fr);gap: 1.75rem;align-items: start}
.dolny-kolumna-lewa, .dolny-kolumna-prawa{min-width: 0}
.najnowsze-lista{display: flex;flex-direction: column;gap: 1rem}
.wiersz-teczka{--kd: var(--akcent);background-color: var(--pow);border: 1px solid var(--linia);border-left: 4px solid var(--kd);border-radius: var(--r);padding: 1rem;box-shadow: var(--cien-karta);display: grid;grid-template-columns: 200px minmax(0, 1fr);gap: 1.15rem;align-items: center;min-width: 0}
.wiersz-teczka:not(:has(.wiersz-foto-link)){grid-template-columns: minmax(0, 1fr)}
.wiersz-sponsorowany{background-color: #fdf9ec}
.wiersz-foto-link{display: block;border-radius: calc(var(--r) - 2px);overflow: hidden;border: 1px solid var(--linia);background-color: #e7dfd0}
.wiersz-obraz{width: 100%;aspect-ratio: 16 / 10;object-fit: cover}
.wiersz-tresc{min-width: 0;display: flex;flex-direction: column}
.wiersz-nadtytul{display: flex;align-items: center;flex-wrap: wrap;gap: 0.65rem;margin-bottom: 0.35rem}
.wiersz-dzial-etykieta{display: inline-flex;align-items: center;padding: 0.15rem 0.55rem;background-color: var(--kd);color: #ffffff;border-radius: 4px;font-size: 0.76rem;font-weight: 700;text-decoration: none}
.wiersz-dzial-etykieta:hover{opacity: 0.92;color: #ffffff}
.wiersz-czas{font-size: 0.8rem;color: var(--t2);font-weight: 600}
.wiersz-tytul{font-size: 1.15rem;margin: 0 0 0.4rem}
.wiersz-tytul a{color: var(--tekst);text-decoration: none}
.wiersz-tytul a:hover{color: var(--akcent);text-decoration: underline}
.wiersz-zajawka{font-size: 0.88rem;color: var(--t2);margin: 0 0 0.65rem}
.wiersz-stopka{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;margin-top: auto}
.wiersz-data{display: inline-flex;align-items: center;gap: 0.35rem;font-size: 0.8rem;color: var(--t2)}
.wiersz-data-ikona{display: inline-flex;width: 0.95rem;height: 0.95rem}
.wiersz-data-ikona svg{width: 0.95rem;height: 0.95rem}
.wiersz-przycisk{width: 44px;height: 44px;border-radius: 999px;background-color: var(--akcent);color: var(--akcent-tekst);display: inline-flex;align-items: center;justify-content: center;text-decoration: none;flex-shrink: 0}
.wiersz-przycisk svg{width: 1rem;height: 1rem}
.wiersz-przycisk:hover{background-color: var(--akcent-cien);color: var(--akcent-tekst)}
.baner-wyrozniony{margin-top: 1.5rem;background: linear-gradient(100deg, #ede4ce 0%, #f8f2e2 65%, #e5dac0 100%);border: 2px solid #c5b494;border-radius: var(--r);padding: 1.25rem;display: grid;grid-template-columns: 230px minmax(0, 1fr) 90px;gap: 1.25rem;align-items: center;box-shadow: var(--cien-karta);overflow: hidden}
.baner-wyrozniony-foto{position: relative;border-radius: var(--r);overflow: hidden;border: 1px solid var(--linia);min-height: 135px;display: flex;align-items: center;justify-content: center;background-color: #2c251d}
.baner-tlo-img{position: absolute;inset: 0;width: 100%;height: 100%;aspect-ratio: 16 / 10;object-fit: cover;opacity: 0.45}
.baner-ciagnik-img{position: relative;z-index: 2;width: 190px;height: 120px;aspect-ratio: 16 / 10;object-fit: contain}
.baner-wyrozniony-tresc{min-width: 0}
.baner-cytat{font-family: var(--f-n);font-size: 1.05rem;font-weight: 700;color: var(--drewno-ciemne);margin-bottom: 0.85rem}
.baner-przycisk{display: inline-flex;align-items: center;gap: 0.65rem;min-height: 44px;padding: 0.55rem 1.1rem;background-color: var(--akcent);color: var(--akcent-tekst);border-radius: var(--r);font-weight: 700;font-size: 0.9rem;text-decoration: none}
.baner-przycisk:hover{background-color: var(--akcent-cien);color: var(--akcent-tekst)}
.baner-klosy{display: flex;justify-content: center}
.baner-klosy-img{width: 84px;height: 110px;aspect-ratio: 3 / 4;object-fit: contain}
.kolumna-przyklejona{position: sticky;top: 1.25rem;display: flex;flex-direction: column;gap: 1.35rem}
.widget-warsztat{background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);padding: 1.25rem;box-shadow: var(--cien-karta)}
.widget-naglowek-pytania, .widget-naglowek-archiwum{display: flex;align-items: center;gap: 0.65rem;padding-bottom: 0.75rem;margin-bottom: 0.85rem;border-bottom: 2px solid var(--linia)}
.widget-pytajnik, .widget-ikona-kalendarz{width: 2.1rem;height: 2.1rem;border-radius: 999px;background-color: var(--drewno-ciemne);color: #ffffff;display: inline-flex;align-items: center;justify-content: center;font-family: var(--f-n);font-weight: 700;font-size: 1.1rem;flex-shrink: 0}
.widget-ikona-kalendarz svg{width: 1.1rem;height: 1.1rem}
.widget-tytul{margin: 0;font-size: 1.15rem}
.pytania-lista, .archiwum-przekroj-lista{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.35rem}
.pytania-lista li a{display: flex;align-items: center;gap: 0.5rem;min-height: 44px;padding: 0.4rem 0.55rem;border-radius: 4px;color: var(--tekst);font-size: 0.88rem;font-weight: 600;text-decoration: none;border-bottom: 1px dashed var(--linia)}
.pytania-lista li:last-child a{border-bottom: 0}
.pytania-lista li a:hover{background-color: var(--akcent-jasny);color: var(--akcent-cien)}
.pytanie-strzalka{color: var(--drewno-srednie);font-weight: 700;font-size: 1.1rem}
.widget-archiwum-opis{font-size: 0.85rem;color: var(--t2);margin-bottom: 0.85rem}
.archiwum-miesiace-pasek{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.4rem;margin-bottom: 1rem}
.archiwum-miesiac-znaczek{padding: 0.35rem 0.55rem;background-color: var(--tlo);border: 1px solid var(--linia);border-radius: 4px;font-size: 0.8rem;font-weight: 600;color: var(--tekst)}
.archiwum-przekroj-lista li a{display: flex;align-items: center;justify-content: space-between;gap: 0.6rem;min-height: 44px;padding: 0.4rem 0.55rem;border-top: 1px dashed var(--linia);color: var(--tekst);font-size: 0.86rem;text-decoration: none}
.archiwum-przekroj-lista li a:hover{color: var(--akcent);background-color: var(--tlo)}
.archiwum-wpis-tytul{font-weight: 600;min-width: 0}
.archiwum-wpis-data{font-size: 0.76rem;color: var(--t2);flex-shrink: 0}
.sekcja-klasyki{padding-block: 0.5rem 2.75rem}
.klasyki-naglowek{display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;margin-bottom: 1.25rem;padding: 1.15rem 1.5rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r)}
.klasyki-tytul{font-size: 1.45rem;margin-bottom: 0.3rem}
.klasyki-opis{margin: 0;color: var(--t2);font-size: 0.92rem}
.klasyki-stodola-img{width: 180px;height: 76px;aspect-ratio: 12 / 5;object-fit: contain}
.klasyki-szostka{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem;align-items: stretch}
.karta-klasyk{--kd: var(--drewno-srednie);background-color: var(--pow);border: 1px solid var(--linia);border-top: 3px solid var(--kd);border-radius: var(--r);padding: 1.15rem;box-shadow: var(--cien-karta);display: flex;flex-direction: column;min-width: 0}
.karta-klasyk-gora{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;margin-bottom: 0.6rem;font-size: 0.76rem;font-weight: 700}
.karta-klasyk-nr{padding: 0.15rem 0.45rem;background-color: var(--tlo);border: 1px solid var(--linia);border-radius: 3px;color: var(--tekst)}
.karta-klasyk-dzial{color: var(--kd)}
.karta-klasyk-tytul{font-size: 1.08rem;margin-bottom: 0.45rem}
.karta-klasyk-tytul a{color: var(--tekst);text-decoration: none}
.karta-klasyk-tytul a:hover{color: var(--akcent);text-decoration: underline}
.karta-klasyk-lead{margin: 0;font-size: 0.86rem;color: var(--t2)}
.okruchy{padding-block: 0.75rem;font-size: 0.85rem;color: var(--t2)}
.okruchy ol{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;align-items: center;gap: 0.35rem}
.okruchy li{display: inline-flex;align-items: center;gap: 0.35rem}
.okruchy li + li::before{content: "/";color: var(--t2)}
.okruchy a{display: inline-flex;align-items: center;min-height: 44px;padding-inline: 0.25rem;color: var(--akcent-cien);font-weight: 600;text-decoration: none}
.okruchy a:hover{text-decoration: underline}
.okruchy [aria-current="page"]{color: var(--tekst);font-weight: 600}
.dz-strona{padding-bottom: 3rem}
.dz-baner{padding-top: 1rem;margin-bottom: 0.5rem}
.dz-baner-ramka{position: relative;height: 210px;border-radius: calc(var(--r) * 1.5);overflow: hidden;border: 2px solid #5a4632;background-color: #2a2118;box-shadow: var(--cien-karta)}
.dz-baner-obraz{width: 100%;height: 100%;aspect-ratio: 21 / 5;object-fit: cover}
.dz-baner-przeslona{position: absolute;inset: 0;background: linear-gradient(180deg, rgba(25, 19, 13, 0.15) 0%, rgba(25, 19, 13, 0.55) 100%)}
.dz-naglowek{--kd: var(--akcent);padding: 1.25rem 1.5rem;margin-bottom: 1.5rem;background-color: var(--pow);border: 1px solid var(--linia);border-left: 5px solid var(--kd);border-radius: var(--r);box-shadow: var(--cien-karta)}
.dz-naglowek-uklad{display: flex;align-items: flex-start;gap: 1.1rem}
.dz-ikona{width: 3.25rem;height: 3.25rem;border-radius: var(--r);background-color: var(--akcent-jasny);color: var(--kd);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.dz-ikona svg{width: 1.9rem;height: 1.9rem}
.dz-tytul-grupa{min-width: 0;flex: 1}
.dz-kicker{display: inline-block;font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: var(--kd);margin-bottom: 0.2rem}
.dz-tytul{font-size: clamp(1.65rem, 2.6vw, 2.25rem);margin: 0 0 0.4rem}
.dz-podtytul{font-weight: 600;color: var(--tekst);margin: 0 0 0.35rem}
.dz-opis{color: var(--t2);font-size: 0.95rem;margin: 0;max-width: 78ch}
.dz-licznik{display: inline-flex;align-items: center;padding: 0.3rem 0.75rem;background-color: var(--tlo);border: 1px solid var(--linia);border-radius: 999px;font-size: 0.82rem;font-weight: 700;color: var(--tekst)}
.dz-tematy{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: 1rem;padding-top: 0.85rem;border-top: 1px dashed var(--linia)}
.dz-temat-link{display: inline-flex;align-items: center;min-height: 44px;padding: 0.35rem 0.85rem;background-color: var(--tlo);border: 1px solid var(--linia);border-radius: var(--r);font-size: 0.85rem;font-weight: 600;color: var(--tekst);text-decoration: none}
.dz-temat-link:hover, .dz-temat-aktywny{background-color: var(--akcent);border-color: var(--akcent);color: var(--akcent-tekst)}
.dz-uklad{display: grid;grid-template-columns: minmax(0, 1.95fr) minmax(300px, 0.95fr);gap: 1.75rem;align-items: start}
.dz-glowna, .dz-lewa{min-width: 0}
.dz-lista{display: flex;flex-direction: column;gap: 1rem}
.dz-siatka, .dz-siatka-6, .siatka-6{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem;align-items: stretch}
.dz-siatka-9, .siatka-9, .dz-siatka:has(> :nth-child(9):last-child){display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem;align-items: stretch}
.dz-siatka-8, .siatka-8, .dz-siatka-4, .siatka-4, .dz-inne-siatka, .dz-siatka:has(> :nth-child(8):last-child), .dz-siatka:has(> :nth-child(4):last-child){display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.25rem;align-items: stretch}
.dz-siatka-3, .siatka-3, .dz-siatka:has(> :nth-child(3):last-child){display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem;align-items: stretch}
.dz-paginacja, .paginacja{margin-top: 1.75rem;padding-top: 1.25rem;border-top: 2px solid var(--linia);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.65rem}
.paginacja-lista{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem}
.paginacja-ogniwo, .dz-paginacja a, .dz-paginacja span{display: inline-flex;align-items: center;justify-content: center;min-width: 44px;min-height: 44px;padding: 0.45rem 0.85rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);font-weight: 700;font-size: 0.9rem;color: var(--tekst);text-decoration: none}
.paginacja-ogniwo:hover, .dz-paginacja a:hover{border-color: var(--akcent);color: var(--akcent-cien);background-color: var(--akcent-jasny)}
.paginacja-aktywna, .dz-paginacja [aria-current="page"]{background-color: var(--akcent);border-color: var(--akcent);color: var(--akcent-tekst)}
.paginacja-dalej, .paginacja-wstecz, .paginacja-przycisk{background-color: var(--akcent);border-color: var(--akcent);color: var(--akcent-tekst);padding-inline: 1.15rem}
.paginacja-dalej:hover, .paginacja-wstecz:hover, .paginacja-przycisk:hover{background-color: var(--akcent-cien);color: var(--akcent-tekst)}
.dz-pusty{padding: 2rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);text-align: center}
.dz-inne-dzialy{margin-top: 2.5rem}
.wp-strona{padding-bottom: 3rem}
.wp-uklad{display: grid;grid-template-columns: minmax(0, 1.95fr) minmax(300px, 0.95fr);gap: 1.75rem;align-items: start}
.wp-glowna, .wp-artykul{min-width: 0;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);padding: 1.75rem 2rem;box-shadow: var(--cien-karta)}
.wp-naglowek{margin-bottom: 1.25rem;padding-bottom: 1rem;border-bottom: 1px solid var(--linia)}
.wp-nadtytul{display: flex;flex-wrap: wrap;align-items: center;gap: 0.6rem;margin-bottom: 0.65rem}
.wp-dzial-odznaka{--kd: var(--akcent);display: inline-flex;align-items: center;gap: 0.4rem;min-height: 36px;padding: 0.25rem 0.75rem;background-color: var(--kd);color: #ffffff;border-radius: 4px;font-size: 0.8rem;font-weight: 700;text-decoration: none}
.wp-dzial-odznaka svg{width: 1rem;height: 1rem}
.wp-sponsorowany-odznaka{display: inline-flex;align-items: center;padding: 0.25rem 0.65rem;background-color: var(--zolty-ostrzegawczy);border: 1px solid var(--zolty-obrys);border-radius: 4px;font-size: 0.78rem;font-weight: 700;color: var(--tekst)}
.wp-tytul{font-size: clamp(1.7rem, 2.8vw, 2.35rem);line-height: 1.18;margin: 0 0 0.85rem}
.wp-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;font-size: 0.85rem;color: var(--t2)}
.wp-meta-element{display: inline-flex;align-items: center;gap: 0.35rem}
.wp-meta-element svg, .wp-meta-ikona svg{width: 1rem;height: 1rem}
.wp-foto{margin: 0 0 1.35rem;border-radius: var(--r);overflow: hidden;border: 1px solid var(--linia);background-color: #e7dfd0}
.wp-obraz{width: 100%;aspect-ratio: 16 / 9;object-fit: cover}
.wp-podpis{padding: 0.5rem 0.85rem;font-size: 0.8rem;color: var(--t2);background-color: var(--tlo);border-top: 1px solid var(--linia)}
.wp-lead, .wp-zajawka{font-size: 1.12rem;line-height: 1.6;font-weight: 600;color: var(--tekst);margin-bottom: 1.35rem;padding: 0.95rem 1.15rem;background-color: var(--tlo);border-left: 4px solid var(--akcent);border-radius: 0 var(--r) var(--r) 0}
.wp-spis{margin-bottom: 1.5rem;padding: 1.1rem 1.25rem;background-color: var(--tlo);border: 1px solid var(--linia);border-radius: var(--r)}
.wp-spis-naglowek, .wp-spis-tytul{font-family: var(--f-n);font-weight: 700;font-size: 1.05rem;margin: 0 0 0.65rem;display: flex;align-items: center;gap: 0.5rem}
.wp-spis-lista{margin: 0;padding-left: 1.25rem;display: grid;gap: 0.25rem}
.wp-spis-lista a{display: inline-flex;align-items: center;min-height: 44px;color: var(--tekst);font-weight: 600;font-size: 0.92rem;text-decoration: none}
.wp-spis-lista a:hover{color: var(--akcent);text-decoration: underline}
.wp-tresc{font-size: 1.04rem;line-height: 1.68;color: var(--tekst);min-width: 0}
.wp-tresc h2{font-size: 1.45rem;margin-top: 2rem;margin-bottom: 0.75rem;padding-bottom: 0.4rem;border-bottom: 2px solid var(--linia);color: var(--tekst)}
.wp-tresc h3{font-size: 1.2rem;margin-top: 1.5rem;margin-bottom: 0.55rem}
.wp-tresc ul, .wp-tresc ol{padding-left: 1.4rem;margin-bottom: 1.15rem}
.wp-tresc li{margin-bottom: 0.35rem}
.wp-tresc blockquote, .wp-ramka, .wp-warto-wiedziec{margin: 1.5rem 0;padding: 1.15rem 1.35rem;background-color: var(--zolty-ostrzegawczy);border: 1px solid var(--zolty-obrys);border-left: 5px solid #9e6b1b;border-radius: var(--r);color: var(--tekst)}
.wp-tresc blockquote p:last-child, .wp-ramka p:last-child{margin-bottom: 0}
.wp-tabela-otoczka{width: 100%;overflow-x: auto;margin: 1.5rem 0;border-radius: var(--r);border: 1px solid var(--linia)}
.wp-tresc table, .wp-tabela{display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;border-collapse: collapse;margin: 1.35rem 0;font-size: 0.92rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r)}
.wp-tresc thead, .wp-tresc tbody, .wp-tresc tr{width: 100%}
.wp-tresc th{background-color: var(--akcent);color: var(--akcent-tekst);font-family: var(--f-n);font-weight: 700;text-align: left;padding: 0.65rem 0.95rem;border-bottom: 2px solid var(--akcent-cien)}
.wp-tresc td{padding: 0.6rem 0.95rem;border-bottom: 1px solid var(--linia);vertical-align: top}
.wp-tresc tr:nth-child(even) td{background-color: rgba(244, 239, 226, 0.55)}
.wp-karta-katalogowa, .wp-metryka{margin-top: 1.75rem;padding: 1rem 1.25rem;background-color: var(--tlo);border: 1px solid var(--linia);border-radius: var(--r)}
.wp-tagi{display: flex;flex-wrap: wrap;align-items: center;gap: 0.45rem;margin-top: 1.25rem}
.wp-tag{display: inline-flex;align-items: center;min-height: 44px;padding: 0.3rem 0.75rem;background-color: var(--akcent-jasny);border: 1px solid rgba(56, 102, 36, 0.35);border-radius: 4px;font-size: 0.82rem;font-weight: 700;color: var(--akcent-cien);text-decoration: none}
.wp-sasiednie{margin-top: 1.75rem;padding-top: 1.25rem;border-top: 2px solid var(--linia)}
.wp-sasiednie-siatka{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1rem}
.wp-sasiedni-link{display: flex;flex-direction: column;justify-content: center;min-height: 64px;padding: 0.85rem 1rem;background-color: var(--tlo);border: 1px solid var(--linia);border-radius: var(--r);color: var(--tekst);text-decoration: none}
.wp-sasiedni-link:hover{border-color: var(--akcent);background-color: var(--akcent-jasny)}
.wp-sasiedni-kierunek{font-size: 0.76rem;font-weight: 700;text-transform: uppercase;color: var(--akcent);margin-bottom: 0.2rem}
.wp-sasiedni-tytul{font-weight: 700;font-size: 0.92rem}
.wp-powiazane{margin-top: 2.25rem}
.wp-powiazane-siatka{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem;align-items: stretch}
.wp-404{max-width: 760px;margin: 2rem auto;padding: 2.25rem;background-color: var(--pow);border: 1px solid var(--linia);border-top: 4px solid var(--drewno-srednie);border-radius: var(--r);text-align: center;box-shadow: var(--cien-karta)}
.wp-404-kod{font-family: var(--f-n);font-size: 3rem;font-weight: 700;color: var(--drewno-srednie);line-height: 1;margin-bottom: 0.5rem}
.bok-kolumna{min-width: 0}
.bok-przyklejony{position: sticky;top: 1.25rem;display: flex;flex-direction: column;gap: 1.35rem}
.bok-widget, .bok-karta{background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);overflow: hidden;box-shadow: var(--cien-karta)}
.bok-naglowek{padding: 0.7rem 1rem;background: linear-gradient(90deg, var(--akcent) 0%, var(--akcent-cien) 100%);color: var(--akcent-tekst);display: flex;align-items: center;gap: 0.55rem}
.bok-naglowek-ikona svg{width: 1.15rem;height: 1.15rem}
.bok-tytul{margin: 0;font-size: 1.02rem;color: var(--akcent-tekst)}
.bok-cialo{padding: 0.9rem 1rem}
.bok-lista, .bok-dzialy, .bok-spis-lista{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column}
.bok-lista li + li, .bok-dzialy li + li{border-top: 1px dashed var(--linia)}
.bok-lista-ogniwo, .bok-dzial-link, .bok-lista a{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;min-height: 44px;padding: 0.4rem 0.35rem;color: var(--tekst);font-size: 0.9rem;font-weight: 600;text-decoration: none}
.bok-lista-ogniwo:hover, .bok-dzial-link:hover, .bok-lista a:hover{color: var(--akcent);background-color: var(--tlo)}
.bok-dzial-ikona{display: inline-flex;width: 1.15rem;height: 1.15rem;color: var(--akcent)}
.bok-dzial-ikona svg{width: 1.15rem;height: 1.15rem}
.bok-licznik{font-size: 0.8rem;color: var(--t2)}
.bok-wpisy{display: flex;flex-direction: column;gap: 0.75rem;padding: 0.9rem 1rem}
.bok-wpis{display: grid;grid-template-columns: 76px minmax(0, 1fr);gap: 0.75rem;align-items: center;padding-bottom: 0.75rem;border-bottom: 1px dashed var(--linia)}
.bok-wpis:last-child{padding-bottom: 0;border-bottom: 0}
.bok-wpis:not(:has(.bok-wpis-foto)){grid-template-columns: minmax(0, 1fr)}
.bok-wpis-foto{display: block;border-radius: 4px;overflow: hidden;border: 1px solid var(--linia)}
.bok-wpis-obraz{width: 76px;height: 54px;aspect-ratio: 7 / 5;object-fit: cover}
.bok-wpis-tytul{font-size: 0.88rem;font-weight: 700;line-height: 1.3;margin: 0}
.bok-wpis-tytul a{display: inline-flex;align-items: center;min-height: 44px;color: var(--tekst);text-decoration: none}
.bok-wpis-tytul a:hover{color: var(--akcent);text-decoration: underline}
.bok-metryka{padding: 0.85rem 1rem;display: flex;flex-direction: column;gap: 0.45rem;font-size: 0.86rem}
.bok-metryka-wiersz{display: flex;justify-content: space-between;gap: 0.5rem;padding-bottom: 0.4rem;border-bottom: 1px dashed var(--linia)}
.bok-metryka-klucz{color: var(--t2)}
.bok-metryka-wartosc{font-weight: 700;color: var(--tekst);text-align: right}
.stopka-witryny{margin-top: auto;background-color: var(--stopka);color: var(--stopka-tekst)}
.stopka-klosy-pasek{background-color: var(--tlo);border-top: 1px solid var(--linia);border-bottom: 3px solid #593a22;padding-block: 0.55rem}
.stopka-klosy-uklad{display: flex;align-items: center;justify-content: center;gap: 1rem}
.stopka-klos-img{width: 84px;height: 32px;aspect-ratio: 21 / 8;object-fit: contain}
.stopka-klos-odbity{transform: scaleX(-1)}
.stopka-tryb-img{width: 36px;height: 36px;aspect-ratio: 1 / 1;object-fit: contain}
.stopka-linia-ozdobna{flex: 1;max-width: 260px;height: 2px;background-color: var(--linia)}
.stopka-wnetrze{padding-block: 2.25rem;display: grid;grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);gap: 2rem;align-items: start}
.stopka-kolumna{min-width: 0}
.stopka-marka{display: inline-flex;align-items: center;gap: 0.75rem;min-height: 44px;color: #ffffff;text-decoration: none;margin-bottom: 0.75rem}
.stopka-sygnet{width: 2.6rem;height: 2.6rem;border-radius: var(--r);background-color: rgba(255, 255, 255, 0.1);color: #ffd18b;display: inline-flex;align-items: center;justify-content: center}
.stopka-sygnet svg{width: 1.75rem;height: 1.75rem}
.stopka-marka-tekst{display: flex;flex-direction: column}
.stopka-tytul{font-family: var(--f-n);font-size: 1.25rem;color: #ffffff}
.stopka-haslo{font-size: 0.8rem;color: #d8ceb8}
.stopka-opis{font-size: 0.88rem;color: var(--stopka-tekst);line-height: 1.5;margin: 0}
.stopka-naglowek{font-family: var(--f-n);font-weight: 700;font-size: 0.95rem;color: #ffd18b;margin: 0 0 0.45rem}
.stopka-naglowek-odstep{margin-top: 1rem}
.stopka-dzialy-lista, .stopka-dokumenty-lista{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 0.25rem 0.85rem}
.stopka-dzialy-lista a, .stopka-dokumenty-lista a{display: inline-flex;align-items: center;min-height: 44px;color: var(--stopka-tekst);font-size: 0.88rem;text-decoration: none}
.stopka-dzialy-lista a:hover, .stopka-dokumenty-lista a:hover{color: #ffffff;text-decoration: underline}
.stopka-pieczec{display: flex;flex-direction: column;gap: 0.25rem;padding: 0.85rem 1rem;background-color: rgba(0, 0, 0, 0.22);border: 1px solid rgba(239, 230, 213, 0.18);border-radius: var(--r);margin-bottom: 0.75rem}
.stopka-domena-adres{font-family: var(--f-n);font-weight: 700;font-size: 1.05rem;color: #ffd18b}
.stopka-rok{font-size: 0.82rem;color: var(--stopka-tekst)}
.stopka-zastrzezenie{font-size: 0.78rem;color: #cfc3ab;margin: 0}
@media (max-width: 1120px){.naglowek-plakietki{display: none}
.pas-karty-czworka, .tablica-czworka, .dz-siatka-8, .siatka-8, .dz-siatka-4, .siatka-4, .dz-inne-siatka, .dz-siatka:has(> :nth-child(8):last-child), .dz-siatka:has(> :nth-child(4):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.baner-wyrozniony{grid-template-columns: 190px minmax(0, 1fr)}
.baner-klosy{display: none}
}
@media (max-width: 900px){.szerokosc-strony{padding-inline: 1.15rem}
.czolowka-uklad{grid-template-columns: 1fr;padding: 1.75rem}
.czolowka-prawa{justify-content: center}
.stol-trojka{grid-template-columns: repeat(2, minmax(0, 1fr))}
.kartka-schemat{grid-column: 1 / -1}
.teczki-czworka, .pas-karty-czworka, .tablica-czworka, .dz-siatka-8, .siatka-8, .dz-siatka-4, .siatka-4, .dz-inne-siatka{grid-template-columns: repeat(2, minmax(0, 1fr))}
.klasyki-szostka, .dz-siatka, .dz-siatka-6, .siatka-6{grid-template-columns: repeat(2, minmax(0, 1fr))}
.park-stanowiska-trojka, .dz-siatka-9, .siatka-9, .dz-siatka-3, .siatka-3, .wp-powiazane-siatka, .dz-siatka:has(> :nth-child(9):last-child), .dz-siatka:has(> :nth-child(3):last-child){grid-template-columns: 1fr}
.dolny-dwukolumnowy, .dz-uklad, .wp-uklad{grid-template-columns: 1fr}
.kolumna-przyklejona, .bok-przyklejony{position: static}
.tablica-gzyms{flex-direction: column;align-items: flex-start}
.stopka-wnetrze{grid-template-columns: 1fr;gap: 1.5rem}
}
@media (max-width: 640px){.szerokosc-strony{padding-inline: 0.9rem}
.naglowek-blat-uklad{flex-direction: column;align-items: flex-start;gap: 0.5rem}
.pasek-menu-wiersz{flex-wrap: wrap}
.menu-lista{width: 100%;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.25rem}
.menu-ogniwo{width: 100%;padding-inline: 0.65rem;font-size: 0.86rem}
.czolowka-ramka{min-height: 340px}
.czolowka-uklad{padding: 1.25rem}
.czolowka-tytul{font-size: 1.75rem}
.stol-trojka, .teczki-czworka, .pas-karty-czworka, .tablica-czworka, .park-stanowiska-trojka, .klasyki-szostka, .dz-siatka, .dz-siatka-9, .dz-siatka-8, .dz-siatka-6, .dz-siatka-4, .dz-siatka-3, .siatka-9, .siatka-8, .siatka-6, .siatka-4, .siatka-3, .dz-inne-siatka, .wp-powiazane-siatka, .wp-sasiednie-siatka, .archiwum-miesiace-pasek{grid-template-columns: 1fr}
.wiersz-teczka, .baner-wyrozniony{grid-template-columns: 1fr}
.klasyki-naglowek, .pas-naglowek, .park-naglowek, .dz-naglowek-uklad{flex-direction: column;align-items: flex-start}
.wp-glowna, .wp-artykul{padding: 1.2rem 1rem}
.tablica-obudowa{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-strona, .wp-strona{padding-bottom: 3.5rem}
.dz-baner{padding-top: 1.25rem}
.dz-baner-ramka{position: relative;border-radius: 10px 10px 0 0;overflow: hidden;max-height: 290px;aspect-ratio: 16 / 5;width: 100%;background: #2b231b;border: 2px solid var(--linia, #d8ceb8);border-bottom: 0;clip-path: polygon( 0% 0%, 100% 0%, 100% 91%, 97% 96%, 94% 90%, 90% 97%, 86% 92%, 82% 98%, 78% 91%, 74% 97%, 70% 92%, 65% 98%, 61% 91%, 57% 97%, 52% 92%, 48% 98%, 43% 91%, 39% 97%, 34% 92%, 30% 98%, 25% 91%, 21% 97%, 16% 92%, 12% 98%, 7% 91%, 3% 96%, 0% 92% )}
.dz-baner-obraz{width: 100%;height: 100%;object-fit: cover;object-position: center 42%;display: block}
.dz-baner-przeslona{position: absolute;inset: 0;background: linear-gradient(180deg, rgba(35, 31, 26, 0.12) 0%, rgba(35, 31, 26, 0.48) 100%);pointer-events: none}
.dz-naglowek{background: var(--powierzchnia, #fbf8f1);border: 1px solid var(--linia, #d8ceb8);border-top: 4px solid var(--kd, var(--akcent, #386624));border-radius: 8px;padding: 1.5rem 1.75rem;margin-bottom: 1.75rem;box-shadow: 0 3px 10px rgba(51, 34, 21, 0.05)}
.dz-naglowek-uklad{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 1.5rem;align-items: center}
.dz-kicker{display: inline-flex;align-items: center;gap: 0.5rem;font-size: 0.82rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--kd, var(--akcent, #386624));margin: 0 0 0.5rem}
.dz-ikona{display: inline-flex;width: 1.35rem;height: 1.35rem}
.dz-ikona svg{width: 100%;height: 100%}
.dz-tytul{font-size: clamp(1.75rem, 3vw, 2.35rem);line-height: 1.18;margin: 0 0 0.45rem;color: var(--tekst, #231f1a)}
.dz-podtytul{font-size: 1.05rem;font-weight: 600;color: var(--kd, var(--akcent, #386624));margin: 0 0 0.5rem}
.dz-opis{font-size: 0.98rem;line-height: 1.6;color: var(--tekst_drugorzedny, #5c5346);margin: 0;max-width: 68ch}
.dz-naglowek-plakietka{background: var(--tlo, #f4efe2);border: 1px dashed var(--linia, #d8ceb8);border-radius: 8px;padding: 0.75rem 1rem;display: flex;align-items: center;justify-content: center}
.dz-naglowek-rysunek{width: auto;height: 108px;max-width: 190px;object-fit: contain;display: block}
.dz-zakres{margin-bottom: 2rem}
.dz-zakres-pasek, .dz-lista-pasek{display: flex;align-items: center;gap: 0.6rem;margin-bottom: 1rem;padding-bottom: 0.55rem;border-bottom: 2px solid var(--linia, #d8ceb8)}
.dz-zakres-ikona, .dz-sekcja-ikona{display: inline-flex;width: 1.35rem;height: 1.35rem;color: var(--kd, var(--akcent, #386624))}
.dz-zakres-ikona svg, .dz-sekcja-ikona svg{width: 100%;height: 100%}
.dz-zakres-tytul, .dz-sekcja-tytul{display: flex;align-items: center;gap: 0.55rem;font-size: 1.3rem;margin: 0;color: var(--tekst, #231f1a)}
.dz-zagadnienia-siatka, .dz-inne-siatka, .dz-siatka-4{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1rem;align-items: stretch}
.red-zasady-siatka{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1rem}
.dz-zagadnienie-karta{background: var(--powierzchnia, #fbf8f1);border: 1px solid var(--linia, #d8ceb8);border-top: 3px solid var(--kd, var(--akcent, #386624));border-radius: 7px;padding: 1rem;display: flex;flex-direction: column;gap: 0.65rem}
.dz-zagadnienie-ikona{height: 58px;display: flex;align-items: center}
.dz-zagadnienie-img{height: 54px;width: auto;max-width: 100px;object-fit: contain;display: block}
.dz-zagadnienie-tekst h3{font-size: 1rem;margin: 0 0 0.3rem;color: var(--tekst, #231f1a)}
.dz-zagadnienie-tekst p{font-size: 0.88rem;line-height: 1.5;color: var(--tekst_drugorzedny, #5c5346);margin: 0}
.dz-uklad, .wp-uklad{display: grid;grid-template-columns: minmax(0, 1fr) 330px;gap: 2rem;align-items: start}
@media (min-width: 960px){.dz-glowna, .wp-glowna, .bok-kolumna, .bok-przyklejony{position: sticky;top: 1.25rem;align-self: start}
}
.dz-lista{display: flex;flex-direction: column;gap: 1rem}
.dz-lista .wiersz-teczka{height: auto;flex: 0 0 auto}
.dz-paginacja{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.75rem;margin-top: 1.75rem;padding-top: 1.25rem;border-top: 2px solid var(--linia, #d8ceb8)}
.dz-pag-lista{display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem;list-style: none;margin: 0;padding: 0}
.dz-pag-nr, .dz-pag-krok{display: inline-flex;align-items: center;justify-content: center;gap: 0.4rem;min-width: 2.35rem;height: 2.35rem;padding: 0 0.7rem;border-radius: 5px;font-weight: 700;font-size: 0.92rem;text-decoration: none;background: var(--powierzchnia, #fbf8f1);color: var(--tekst, #231f1a);border: 1px solid var(--linia, #d8ceb8)}
.dz-pag-nr:hover, .dz-pag-krok:hover{border-color: var(--akcent, #386624);color: var(--akcent, #386624)}
.dz-pag-aktywna, .dz-pag-nastepna{background: var(--akcent, #386624);color: #ffffff;border-color: var(--akcent_cien, #264718)}
.dz-pag-nastepna:hover{background: var(--akcent_cien, #264718);color: #ffffff}
.dz-pag-krok svg{width: 1rem;height: 1rem}
.bok-kolumna{display: flex;flex-direction: column;gap: 1.25rem}
.bok-widget{background: var(--powierzchnia, #fbf8f1);border: 1px solid var(--linia, #d8ceb8);border-radius: 7px;overflow: hidden;box-shadow: 0 2px 6px rgba(51, 34, 21, 0.04)}
.bok-naglowek{background: var(--akcent, #386624);color: #ffffff;padding: 0.7rem 1rem;display: flex;align-items: center;gap: 0.55rem}
.bok-naglowek-ikona{display: inline-flex;width: 1.15rem;height: 1.15rem;color: #f4efe2;flex-shrink: 0}
.bok-naglowek-ikona svg{width: 100%;height: 100%}
.bok-tytul{font-size: 1rem;font-weight: 700;margin: 0;color: #ffffff}
.bok-cialo{padding: 1rem}
.bok-wpisy, .bok-dzialy, .bok-lista{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.65rem}
.bok-wpis{display: flex;align-items: flex-start;gap: 0.65rem;padding-bottom: 0.65rem;border-bottom: 1px dashed var(--linia, #d8ceb8)}
.bok-wpis:last-child{padding-bottom: 0;border-bottom: 0}
.bok-wpis-nr, .bok-wpis-ikona{display: inline-flex;align-items: center;justify-content: center;width: 1.85rem;height: 1.85rem;border-radius: 5px;background: var(--akcent_jasny, #e5eedd);color: var(--kd, var(--akcent, #386624));font-weight: 700;font-size: 0.8rem;flex-shrink: 0}
.bok-wpis-ikona svg{width: 1.1rem;height: 1.1rem}
.bok-wpis-tytul{font-size: 0.92rem;font-weight: 600;line-height: 1.4;color: var(--tekst, #231f1a);text-decoration: none}
.bok-wpis-tytul:hover{color: var(--akcent, #386624);text-decoration: underline}
.bok-dzial-link, .bok-ogniwo-link{display: flex;align-items: center;justify-content: space-between;gap: 0.6rem;padding: 0.5rem 0.65rem;border-radius: 5px;background: var(--tlo, #f4efe2);border-left: 3px solid var(--kd, var(--akcent, #386624));color: var(--tekst, #231f1a);font-weight: 600;font-size: 0.9rem;text-decoration: none}
.bok-dzial-link:hover, .bok-ogniwo-link:hover{background: var(--akcent_jasny, #e5eedd)}
.bok-dzial-ikona{display: inline-flex;width: 1.2rem;height: 1.2rem;color: var(--kd, var(--akcent, #386624));flex-shrink: 0}
.bok-dzial-ikona svg{width: 100%;height: 100%}
.bok-dzial-nazwa{flex: 1}
.bok-dzial-strzalka, .bok-ogniwo-strzalka{display: inline-flex;width: 0.95rem;height: 0.95rem;color: var(--tekst_drugorzedny, #5c5346);flex-shrink: 0}
.bok-dzial-strzalka svg, .bok-ogniwo-strzalka svg{width: 100%;height: 100%}
.bok-caly-dzial{display: inline-flex;align-items: center;gap: 0.4rem;margin-top: 0.85rem;font-size: 0.88rem;font-weight: 700;color: var(--akcent, #386624);text-decoration: none}
.bok-caly-dzial svg{width: 0.95rem;height: 0.95rem}
.bok-warsztat-ilustracja{display: flex;align-items: center;justify-content: center;gap: 0.75rem;padding: 0.5rem;margin-bottom: 0.75rem;background: var(--tlo, #f4efe2);border-radius: 6px}
.bok-warsztat-img{height: 46px;width: auto;object-fit: contain}
.bok-warsztat-img-tryb{height: 42px;width: auto;object-fit: contain}
.bok-widget-warsztat .bok-lista-ogniwo{font-size: 0.86rem;line-height: 1.45;color: var(--tekst_drugorzedny, #5c5346);padding-left: 0.75rem;border-left: 2px solid var(--dodatek, #d97324)}
.dz-inne-dzialy, .red-wpisy{margin-top: 2.5rem}
.dz-teczka-karta{background: var(--powierzchnia, #fbf8f1);border: 1px solid var(--linia, #d8ceb8);border-top: 4px solid var(--kd, var(--akcent, #386624));border-radius: 7px;padding: 1.15rem;text-decoration: none;color: var(--tekst, #231f1a);display: flex;flex-direction: column;gap: 0.45rem}
.dz-teczka-karta:hover{border-color: var(--kd, var(--akcent, #386624));background: var(--akcent_jasny, #e5eedd)}
.dz-teczka-ikona{display: inline-flex;width: 2rem;height: 2rem;color: var(--kd, var(--akcent, #386624))}
.dz-teczka-ikona svg{width: 100%;height: 100%}
.dz-teczka-nazwa{font-size: 1.05rem;color: var(--tekst, #231f1a)}
.dz-teczka-opis{font-size: 0.85rem;line-height: 1.45;color: var(--tekst_drugorzedny, #5c5346)}
.wp-artykul{background: var(--powierzchnia, #fbf8f1);border: 1px solid var(--linia, #d8ceb8);border-radius: 8px;padding: 1.75rem 2rem;box-shadow: 0 3px 12px rgba(51, 34, 21, 0.05)}
.wp-artykul-waski{max-width: 860px;margin: 0 auto}
.wp-naglowek{margin-bottom: 1.5rem}
.wp-naglowek-teczka{background: linear-gradient(135deg, #fbf8f1 0%, #f1ead8 100%);border: 1px solid var(--linia, #d8ceb8);border-top: 4px solid var(--kd, var(--akcent, #386624));border-radius: 7px;padding: 1.35rem 1.5rem}
.wp-nadtytul{display: flex;flex-wrap: wrap;align-items: center;gap: 0.6rem;margin-bottom: 0.75rem}
.wp-dzial-odznaka, .wp-sponsorowany-odznaka{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.28rem 0.7rem;border-radius: 4px;background: var(--kd, var(--akcent, #386624));color: #ffffff;font-size: 0.8rem;font-weight: 700;text-decoration: none}
.wp-sponsorowany-odznaka{background: var(--dodatek, #d97324)}
.wp-karta-znak{font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--tekst_drugorzedny, #5c5346)}
.wp-tytul{font-size: clamp(1.65rem, 2.8vw, 2.25rem);line-height: 1.22;margin: 0 0 0.85rem;color: var(--tekst, #231f1a)}
.wp-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;font-size: 0.88rem;color: var(--tekst_drugorzedny, #5c5346);margin-bottom: 1rem}
.wp-meta-element{display: inline-flex;align-items: center;gap: 0.35rem;color: inherit;text-decoration: none}
.wp-meta-ikona{display: inline-flex;width: 1rem;height: 1rem;color: var(--kd, var(--akcent, #386624))}
.wp-meta-ikona svg{width: 100%;height: 100%}
.wp-metryka{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0.65rem;padding-top: 0.9rem;border-top: 1px dashed var(--linia, #d8ceb8)}
.wp-metryka:has(> :nth-child(3):last-child){grid-template-columns: repeat(3, minmax(0, 1fr))}
.wp-metryka:has(> :nth-child(2):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.bok-metryka-wiersz{background: var(--powierzchnia, #fbf8f1);border: 1px solid var(--linia, #d8ceb8);border-radius: 5px;padding: 0.5rem 0.7rem;display: flex;flex-direction: column;gap: 0.15rem}
.bok-metryka-klucz{font-size: 0.74rem;text-transform: uppercase;letter-spacing: 0.04em;color: var(--tekst_drugorzedny, #5c5346)}
.bok-metryka-wartosc{font-size: 0.9rem;font-weight: 700;color: var(--tekst, #231f1a);text-decoration: none}
.wp-foto{margin: 0 0 1.5rem;width: 100%;border-radius: 7px;overflow: hidden;border: 1px solid var(--linia, #d8ceb8)}
.wp-obraz{display: block;width: 100%;height: auto}
.wp-karta-katalogowa{background: var(--akcent_jasny, #e5eedd);border-left: 4px solid var(--kd, var(--akcent, #386624));border-radius: 0 6px 6px 0;padding: 1rem 1.25rem;margin-bottom: 1.5rem}
.wp-lead{font-size: 1.06rem;line-height: 1.6;font-weight: 500;color: var(--tekst, #231f1a);margin: 0}
.wp-spis{background: var(--tlo, #f4efe2);border: 1px solid var(--linia, #d8ceb8);border-radius: 7px;padding: 1rem 1.25rem;margin-bottom: 1.75rem}
.wp-spis-naglowek{display: flex;align-items: center;gap: 0.5rem;margin-bottom: 0.65rem}
.wp-spis-tytul{font-weight: 700;font-size: 0.98rem;margin: 0}
.wp-spis-lista{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 0.45rem 1rem}
.wp-spis-lista a{display: flex;align-items: baseline;gap: 0.45rem;font-size: 0.9rem;color: var(--tekst, #231f1a);text-decoration: none}
.wp-spis-lista a:hover{color: var(--akcent, #386624);text-decoration: underline}
.wp-spis-nr{font-weight: 700;color: var(--kd, var(--akcent, #386624));font-size: 0.82rem}
.wp-sekcja{margin-bottom: 1.75rem}
.wp-sekcja-naglowek{display: flex;align-items: center;gap: 0.55rem;font-size: 1.38rem;line-height: 1.3;margin: 1.75rem 0 0.85rem;padding-bottom: 0.45rem;border-bottom: 2px solid var(--linia, #d8ceb8);color: var(--tekst, #231f1a)}
.wp-sekcja-ikona{display: inline-flex;width: 1.3rem;height: 1.3rem;color: var(--kd, var(--akcent, #386624));flex-shrink: 0}
.wp-sekcja-ikona svg{width: 100%;height: 100%}
.wp-tresc p, .wp-tresc li{font-size: 1.02rem;line-height: 1.7;color: var(--tekst, #231f1a)}
.wp-tresc table{width: 100%;border-collapse: separate;border-spacing: 0;border: 2px solid var(--akcent, #386624);border-radius: 7px;overflow: hidden;margin: 1.35rem 0;background: var(--powierzchnia, #fbf8f1)}
.wp-tresc th{background: var(--akcent, #386624);color: #ffffff;font-weight: 700;text-align: left;padding: 0.65rem 0.9rem;font-size: 0.92rem}
.wp-tresc td{padding: 0.6rem 0.9rem;border-top: 1px solid var(--linia, #d8ceb8);font-size: 0.94rem}
.wp-tresc tr:nth-child(even) td{background: #f2ede0}
.wp-tresc tr td:first-child{font-weight: 600;color: var(--tekst_drugorzedny, #5c5346)}
.wp-warto-wiedziec, .ramka-rada{background: #fdf5e2;border: 1px solid #e4c585;border-left: 5px solid var(--dodatek, #d97324);border-radius: 7px;padding: 1.1rem 1.25rem;margin: 1.5rem 0}
.wp-warto-wiedziec{display: flex;align-items: flex-start;gap: 0.85rem}
.wp-warto-ikona{display: inline-flex;width: 1.65rem;height: 1.65rem;color: var(--dodatek, #d97324);flex-shrink: 0}
.wp-warto-ikona svg{width: 100%;height: 100%}
.wp-warto-naglowek{display: block;font-size: 1rem;color: var(--tekst, #231f1a);margin-bottom: 0.25rem}
.wp-warto-tresc p{margin: 0;font-size: 0.94rem;line-height: 1.55;color: var(--tekst_drugorzedny, #5c5346)}
.wp-sasiednie{margin-top: 2rem;padding-top: 1.5rem;border-top: 2px solid var(--linia, #d8ceb8)}
.wp-sasiednie-siatka{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 1rem}
.wp-sasiedni-link{background: var(--tlo, #f4efe2);border: 1px solid var(--linia, #d8ceb8);border-radius: 7px;padding: 0.95rem 1.15rem;text-decoration: none;display: flex;flex-direction: column;gap: 0.35rem}
.wp-sasiedni-link:hover{border-color: var(--akcent, #386624);background: var(--akcent_jasny, #e5eedd)}
.wp-sasiedni-nastepny{text-align: right;align-items: flex-end}
.wp-sasiedni-kierunek{display: inline-flex;align-items: center;gap: 0.35rem;font-size: 0.8rem;font-weight: 700;text-transform: uppercase;color: var(--akcent, #386624)}
.wp-sasiedni-kierunek svg{width: 0.95rem;height: 0.95rem}
.wp-sasiedni-tytul{font-size: 0.96rem;color: var(--tekst, #231f1a);line-height: 1.38}
.wp-404{background: var(--powierzchnia, #fbf8f1);border: 1px solid var(--linia, #d8ceb8);border-top: 4px solid var(--dodatek, #d97324);border-radius: 8px;padding: 2rem;margin: 1.5rem 0 2rem;display: grid;grid-template-columns: auto minmax(0, 1fr);gap: 2rem;align-items: center}
.wp-404-ilustracja{display: flex;flex-direction: column;align-items: center;gap: 0.5rem;background: var(--tlo, #f4efe2);padding: 1rem 1.25rem;border-radius: 8px}
.wp-404-img{width: auto;height: 96px;object-fit: contain}
.wp-404-kod{font-size: 2.2rem;font-weight: 700;color: var(--dodatek, #d97324);line-height: 1}
.wp-404-powrot{display: inline-flex;align-items: center;gap: 0.5rem;margin-top: 1rem;padding: 0.65rem 1.15rem;border-radius: 6px;background: var(--akcent, #386624);color: #ffffff;font-weight: 700;text-decoration: none}
.wp-404-powrot svg{width: 1rem;height: 1rem}
@media (max-width: 959px){.dz-uklad, .wp-uklad{grid-template-columns: 1fr}
.dz-zagadnienia-siatka, .dz-inne-siatka, .dz-siatka-4, .wp-metryka{grid-template-columns: repeat(2, minmax(0, 1fr))}
.wp-metryka:has(> :nth-child(3):last-child){grid-template-columns: repeat(3, minmax(0, 1fr))}
}
@media (max-width: 640px){.dz-naglowek-uklad, .wp-404, .red-zasady-siatka, .dz-zagadnienia-siatka, .dz-inne-siatka, .dz-siatka-4, .wp-metryka, .wp-metryka:has(> :nth-child(3):last-child){grid-template-columns: 1fr}
.wp-artykul{padding: 1.25rem 1rem}
}
:root{--k-porady: #6e480f}
.dzial-porady{--kd: #6e480f}
.teczka-haslo{color: #2b4f1b}
.teczka-dzialu[style*="#9e6b1b"] .teczka-haslo, .teczka-dzialu[style*="#9e6b1b"] .teczka-uszko{--kd: #6e480f}
.teczka-dzialu .teczka-haslo{color: #231f1a}
.teczka-dzialu .teczka-uszko{background-color: #264718;color: #ffffff}
.wp-sponsorowany-odznaka{background-color: #8a3c08 !important;color: #ffffff !important;border-color: #5e2704 !important}
.wp-dzial-odznaka, .wiersz-dzial-etykieta{background-color: #264718 !important;color: #ffffff !important}
.karta-dzial-etykieta{color: #264718 !important}
.czolowka-rolnik > .szerokosc-strony{max-width: var(--szerokosc-max);margin-inline: auto;padding-inline: 1.5rem}
.czolowka-ramka{width: 100%;margin: 0}
.dz-baner-ramka{max-width: 920px;max-height: 200px;margin-inline: auto;aspect-ratio: 16 / 4}
.dz-naglowek-plakietka{min-width: 84px;min-height: 84px;background-color: var(--akcent-jasny, #e5eedd);border: 1px solid rgba(56, 102, 36, 0.3);border-radius: 8px;padding: 1rem;display: inline-flex;align-items: center;justify-content: center;color: var(--akcent-cien, #264718)}
.dz-naglowek-sygnet{display: inline-flex;width: 3rem;height: 3rem}
.dz-naglowek-sygnet svg{width: 100%;height: 100%}
.stanowisko-punkt, .wp-spis-punkt{font-weight: 700;color: var(--akcent-cien, #264718);font-size: 1.05rem;line-height: 1;flex-shrink: 0}
.karta-klasyk-dzial{display: inline-flex;align-items: center;gap: 0.35rem;color: var(--akcent-cien, #264718)}
.karta-klasyk-data{color: var(--t2, #5c5346);font-weight: 600}
.wp-spis-lista{grid-template-columns: 1fr !important;gap: 0.35rem !important}
.wp-spis-lista li a{display: flex;align-items: center;gap: 0.5rem;min-height: 38px;padding: 0.25rem 0.5rem;border-radius: 4px;background-color: var(--pow, #fbf8f1);border: 1px solid var(--linia, #d8ceb8)}
.wp-sasiednie-siatka{grid-template-columns: repeat(2, minmax(0, 1fr)) !important}
.wp-sasiednie-siatka.wp-sasiednie-jeden{grid-template-columns: 1fr !important}
.dz-uklad, .wp-uklad, .dolny-dwukolumnowy{align-items: stretch !important}
.bok-kolumna, .dolny-kolumna-prawa{position: static !important;align-self: stretch !important;display: flex;flex-direction: column}
.bok-przyklejony, .kolumna-przyklejona{position: sticky;top: 1.25rem}
@media (min-width: 960px){.dz-glowna, .wp-glowna{position: static !important;align-self: start !important}
.bok-kolumna, .dolny-kolumna-prawa{position: static !important;align-self: stretch !important}
.bok-przyklejony, .kolumna-przyklejona{position: sticky !important;top: 1.25rem}
}
@media (max-width: 900px){.czolowka-rolnik > .szerokosc-strony{padding-inline: 1.15rem}
.bok-przyklejony, .kolumna-przyklejona{position: static !important}
}
@media (max-width: 640px){.czolowka-rolnik > .szerokosc-strony{padding-inline: 0.9rem}
.wp-sasiednie-siatka{grid-template-columns: 1fr !important}
}
.naglowek-witryny > .naglowek-blat > .szerokosc-strony, .naglowek-witryny > .pasek-menu-otoczka > .szerokosc-strony, .czolowka-rolnik > .szerokosc-strony, .dz-baner > .szerokosc-strony, .dz-strona > .szerokosc-strony{max-width: var(--szerokosc-max, 1280px);width: 100%;margin-inline: auto;padding-inline: 1.5rem}
.czolowka-ramka{width: 100%;max-width: 100%;margin-inline: 0;min-height: 360px}
.dz-baner-ramka{width: 100% !important;max-width: 100% !important;margin-inline: 0 !important;max-height: 220px;aspect-ratio: 16 / 3.5}
.czolowka-wyciecie-ciagnik{width: 100%;max-width: 440px;aspect-ratio: 19 / 10;object-fit: contain}
@media (max-width: 900px){.naglowek-witryny > .naglowek-blat > .szerokosc-strony, .naglowek-witryny > .pasek-menu-otoczka > .szerokosc-strony, .czolowka-rolnik > .szerokosc-strony, .dz-baner > .szerokosc-strony, .dz-strona > .szerokosc-strony{padding-inline: 1.15rem}
}
@media (max-width: 640px){.naglowek-witryny > .naglowek-blat > .szerokosc-strony, .naglowek-witryny > .pasek-menu-otoczka > .szerokosc-strony, .czolowka-rolnik > .szerokosc-strony, .dz-baner > .szerokosc-strony, .dz-strona > .szerokosc-strony{padding-inline: 0.9rem}
.czolowka-ramka{min-height: 0}
.czolowka-uklad{padding: 1.15rem;gap: 1rem}
.czolowka-prawa{margin-top: 0.25rem}
.czolowka-wyciecie-ciagnik{max-width: 280px;max-height: 150px}
.dz-baner-ramka{max-height: 160px;aspect-ratio: 16 / 6}
}
.szerokosc-strony, .naglowek-witryny > .naglowek-blat > .szerokosc-strony, .naglowek-witryny > .pasek-menu-otoczka > .szerokosc-strony, .czolowka-rolnik > .szerokosc-strony, .dz-baner > .szerokosc-strony, .dz-strona > .szerokosc-strony{box-sizing: border-box;width: 100%;max-width: var(--szerokosc-max, 1280px);margin-inline: auto;padding-inline: 1.5rem}
.czolowka-rolnik{width: 100%;margin: 0;padding-inline: 0}
.czolowka-ramka{width: 100%;max-width: none;margin: 0}
.dz-baner-ramka{position: relative;width: 100% !important;max-width: 100% !important;margin-inline: 0 !important;height: 208px;max-height: 208px;aspect-ratio: auto;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #211912 0%, #33261b 14%, #33261b 86%, #211912 100%)}
.dz-baner-obraz{width: 100%;max-width: 960px;height: 100%;margin-inline: auto;object-fit: cover;object-position: center 42%;display: block}
.czolowka-wyciecie-ciagnik{width: 100%;max-width: 440px;height: auto;aspect-ratio: 1317 / 693;object-fit: contain}
@media (max-width: 900px){.szerokosc-strony, .naglowek-witryny > .naglowek-blat > .szerokosc-strony, .naglowek-witryny > .pasek-menu-otoczka > .szerokosc-strony, .czolowka-rolnik > .szerokosc-strony, .dz-baner > .szerokosc-strony, .dz-strona > .szerokosc-strony{padding-inline: 1.15rem}
}
@media (max-width: 640px){.szerokosc-strony, .naglowek-witryny > .naglowek-blat > .szerokosc-strony, .naglowek-witryny > .pasek-menu-otoczka > .szerokosc-strony, .czolowka-rolnik > .szerokosc-strony, .dz-baner > .szerokosc-strony, .dz-strona > .szerokosc-strony{padding-inline: 0.9rem}
.czolowka-prawa{display: none}
.dz-baner-ramka{height: 160px;max-height: 160px}
}

/* Wyrównanie linii nagłówka i głównych bloków (czolowka-rolnik, dz-baner) */
.naglowek-witryny,
.naglowek-blat,
.pasek-menu-otoczka,
.strona-glowna,
.czolowka-rolnik,
.dz-strona,
.dz-baner {
  width: 100%;
  max-width: var(--szerokosc-max, 1280px);
  margin-inline: auto;
  padding-inline: 1.5rem;
  box-sizing: border-box;
}

.naglowek-blat,
.pasek-menu-otoczka {
  max-width: none;
  padding-inline: 0;
}

.naglowek-witryny {
  max-width: none;
  padding-inline: 0;
}

.czolowka-rolnik > .szerokosc-strony,
.dz-baner > .szerokosc-strony {
  max-width: none !important;
  width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

.czolowka-ramka {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: linear-gradient(100deg, #1e160f 0%, #2e2217 55%, #3d2c1d 100%);
}

.czolowka-tlo {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.hero-obraz {
  width: 100%;
  max-width: 960px;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.48;
}

.czolowka-przeslona {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #1e160f 0%, rgba(30, 22, 15, 0.94) 42%, rgba(30, 22, 15, 0.35) 100%);
}

.dz-strona {
  max-width: none;
  padding-inline: 0;
}

.dz-baner {
  width: 100% !important;
  max-width: var(--szerokosc-max, 1280px) !important;
  margin-inline: auto !important;
  padding-inline: 1.5rem !important;
  box-sizing: border-box !important;
}

.dz-baner-ramka {
  position: relative;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  height: 204px;
  max-height: 204px;
  display: block !important;
  background-color: #261d14;
}

.dz-baner-obraz {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover;
  object-position: center 42%;
  display: block;
}

@media (max-width: 900px) {
  .czolowka-rolnik,
  .dz-baner {
    padding-inline: 1.15rem !important;
  }
}

@media (max-width: 640px) {
  .czolowka-rolnik,
  .dz-baner {
    padding-inline: 0.9rem !important;
  }
  .czolowka-prawa {
    display: flex !important;
    justify-content: center;
    margin-top: 0.35rem;
  }
  .czolowka-wyciecie-ciagnik {
    max-width: 260px;
    height: auto;
  }
  .dz-baner-ramka {
    height: 160px;
    max-height: 160px;
  }
}

/* Poprawka 1: /ciagniki/ (1440 px) - obraz baneru d-ciagniki-960.webp (960 px) nie może być rozciągany powyżej 960 px */
.dz-baner-ramka {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #1d150e 0%, #2d2217 14%, #2d2217 86%, #1d150e 100%) !important;
}

.dz-baner-obraz {
  width: 100% !important;
  max-width: 960px !important;
  height: 100% !important;
  margin-inline: auto !important;
  object-fit: cover;
  object-position: center 42%;
}

/* Poprawka 2: / (390 px) - nagłówek sekcji klasyków bez wąskiego słupka tekstu */
.klasyki-naglowek-lewa {
  min-width: 0;
  flex: 1;
}

@media (max-width: 760px) {
  .klasyki-naglowek {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.85rem !important;
    padding: 1rem 1.15rem !important;
  }
  .klasyki-naglowek-lewa {
    width: 100% !important;
  }
  .klasyki-tytul {
    width: 100%;
    font-size: 1.3rem;
  }
}

/* Poprawka 3 i 4: / (390 px) - tło czołówki d-ciagniki-480.webp (480x320) nie może mieć wysokości wymuszającej powiększenie > 1 */
@media (max-width: 640px) {
  .czolowka-ramka {
    background: #221911 !important;
  }
  .czolowka-tlo {
    bottom: auto !important;
    height: 210px !important;
  }
  .hero-obraz {
    width: 100% !important;
    height: 210px !important;
    object-fit: cover;
  }
  .czolowka-przeslona {
    background: linear-gradient(180deg, rgba(30, 22, 15, 0.72) 0%, rgba(34, 25, 17, 0.96) 78%, #221911 100%) !important;
  }
  .czolowka-wyciecie-ciagnik {
    width: 240px !important;
    max-width: 240px !important;
    height: auto !important;
  }
}