@font-face { font-family: 'Petrona'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/petrona/mtG64_NXL7bZo9XXgXxYtVsR.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: 'Petrona'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/petrona/mtG64_NXL7bZo9XXgXJYtQ.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: 'Petrona'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/petrona/mtG64_NXL7bZo9XXgXxYtVsR.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: 'Petrona'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/petrona/mtG64_NXL7bZo9XXgXJYtQ.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_"] 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: #f8f5fa;--pow: #ffffff;--tekst: #24162b;--t2: #5e4b66;--linia: #e3d6e8;--akcent: #7b3b8c;--akcent-tekst: #ffffff;--dodatek: #649e32;--r: 12px;--f-n: "Petrona", "Petrona Fallback", Georgia, "Times New Roman", serif;--f-t: "Figtree", "Figtree Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--akcent-jasny: #f1e6f5;--akcent-cien: #562366;--stopka: #462052;--stopka-tekst: #f4ecf7;--kd-terapie: #7b3b8c;--kd-rehabilitacja: #8e44ad;--kd-reumatyzm: #b54878;--kd-bole: #c4533a;--kd-profilaktyka: #548c2f;--kd-dieta: #b8791a;--kd-psychologia: #386d9c;--kd: var(--akcent);--tlo-cieple: #f3ecf7;--tlo-karta-alt: #fbf9fc;--zielony-tekst: #2b5211;--zielony-tlo: #eaf4e1;--zielony-obrys: #c5dfb0;--uwaga-tekst: #5c3709;--uwaga-tlo: #fdf5e6;--uwaga-obrys: #ebcf9d;--pilne-tekst: #6e1d14;--pilne-tlo: #fceee9;--pilne-obrys: #ebbdb4;--r-maly: 8px;--r-duzy: 18px;--r-pelny: 999px;--cien-karta: 0 4px 18px rgba(54, 22, 68, 0.06), 0 1px 3px rgba(54, 22, 68, 0.04);--cien-unoszenie: 0 10px 26px rgba(54, 22, 68, 0.12), 0 2px 6px rgba(54, 22, 68, 0.06);--szer-kontener: 1320px}
.dzial--terapie{--kd: var(--kd-terapie)}
.dzial--rehabilitacja{--kd: var(--kd-rehabilitacja)}
.dzial--reumatyzm{--kd: var(--kd-reumatyzm)}
.dzial--bole{--kd: var(--kd-bole)}
.dzial--profilaktyka{--kd: var(--kd-profilaktyka)}
.dzial--dieta{--kd: var(--kd-dieta)}
.dzial--psychologia{--kd: var(--kd-psychologia)}
*, *::before, *::after{box-sizing: border-box}
html{font-size: 16px;scroll-behavior: smooth;overflow-x: clip;-webkit-text-size-adjust: 100%}
body{margin: 0;padding: 0;background-color: var(--tlo);color: var(--tekst);font-family: var(--f-t);font-size: 1rem;line-height: 1.6;overflow-x: clip;overflow-wrap: break-word;word-break: break-word}
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}
a{color: var(--akcent-cien);text-decoration: underline;text-underline-offset: 0.18em;transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease}
a:hover{color: var(--akcent)}
:focus-visible{outline: 3px solid var(--akcent-cien);outline-offset: 3px;border-radius: 4px}
h1, h2, h3, h4, h5, h6{margin-top: 0;color: var(--tekst);font-family: var(--f-n);font-weight: 700;line-height: 1.24;overflow-wrap: break-word}
p, ul, ol{margin-top: 0}
.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}
.skok-do-tresci{position: absolute;top: -120px;left: 1rem;z-index: 1000;min-height: 44px;display: inline-flex;align-items: center;padding: 0.65rem 1.25rem;background-color: var(--akcent-cien);color: var(--akcent-tekst);font-weight: 700;text-decoration: none;border-radius: var(--r-maly);box-shadow: var(--cien-unoszenie)}
.skok-do-tresci:focus, .skok-do-tresci:focus-visible{top: 0.75rem;color: var(--akcent-tekst);outline: 3px solid var(--dodatek)}
.kontener{width: 100%;max-width: var(--szer-kontener);margin-inline: auto;padding-inline: 1.5rem}
.przycisk{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;min-height: 46px;min-width: 44px;padding: 0.65rem 1.35rem;font-family: var(--f-t);font-size: 0.95rem;font-weight: 700;line-height: 1.2;text-decoration: none;border-radius: var(--r-pelny);border: 2px solid transparent;cursor: pointer}
.przycisk--glowny{background: linear-gradient(180deg, var(--akcent) 0%, var(--akcent-cien) 100%);color: var(--akcent-tekst);box-shadow: 0 4px 12px rgba(86, 35, 102, 0.25)}
.przycisk--glowny:hover, .przycisk--glowny:focus-visible{background: linear-gradient(180deg, var(--akcent-cien) 0%, #3d1649 100%);color: var(--akcent-tekst);transform: translateY(-1px)}
.przycisk--drugi{background-color: var(--pow);color: var(--akcent-cien);border-color: var(--akcent);box-shadow: 0 2px 8px rgba(54, 22, 68, 0.08)}
.przycisk--drugi:hover, .przycisk--drugi:focus-visible{background-color: var(--akcent-jasny);color: var(--tekst)}
.przycisk--obrys{background-color: rgba(255, 255, 255, 0.92);color: var(--tekst);border-color: var(--linia)}
.przycisk--obrys:hover, .przycisk--obrys:focus-visible{background-color: var(--pow);border-color: var(--akcent);color: var(--akcent-cien)}
.przycisk--pelny{width: 100%}
.przycisk-maly{display: inline-flex;align-items: center;justify-content: center;gap: 0.35rem;min-height: 44px;min-width: 44px;padding: 0.45rem 1.1rem;background: linear-gradient(180deg, var(--akcent) 0%, var(--akcent-cien) 100%);color: var(--akcent-tekst);font-size: 0.875rem;font-weight: 700;text-decoration: none;border-radius: var(--r-pelny);white-space: nowrap}
.przycisk-maly:hover, .przycisk-maly:focus-visible{background: var(--akcent-cien);color: var(--akcent-tekst)}
.naglowek-witryny{background-color: var(--pow);border-bottom: 1px solid var(--linia);position: relative;z-index: 50}
.naglowek-gorny{background: radial-gradient(circle at 92% 20%, rgba(100, 158, 50, 0.12), transparent 28%), radial-gradient(circle at 8% 50%, rgba(123, 59, 140, 0.09), transparent 34%), var(--pow);padding-block: 0.85rem}
.naglowek-gorny-uklad{display: flex;align-items: center;justify-content: space-between;gap: 1.25rem;flex-wrap: wrap}
.marka{display: inline-flex;align-items: center;gap: 0.85rem;min-height: 48px;text-decoration: none;color: var(--tekst)}
.marka:hover{color: var(--akcent-cien)}
.marka-sygnet{display: inline-flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;border-radius: 50%;background: linear-gradient(135deg, var(--akcent-jasny) 0%, #ffffff 100%);border: 1px solid var(--linia);color: var(--akcent);box-shadow: 0 2px 8px rgba(123, 59, 140, 0.12);flex-shrink: 0}
.marka-sygnet svg{width: 2rem;height: 2rem}
.marka-tekst{display: flex;flex-direction: column}
.marka-nazwa{font-family: var(--f-n);font-size: 1.75rem;font-weight: 800;line-height: 1.1;color: var(--akcent-cien);letter-spacing: -0.02em}
.marka-podtytul{font-size: 0.82rem;font-weight: 600;color: var(--t2);letter-spacing: 0.02em;margin-top: 0.15rem}
.naglowek-prawa{display: flex;flex-direction: column;align-items: flex-end;gap: 0.45rem}
.naglowek-dokumenty{display: flex;align-items: center;flex-wrap: wrap;gap: 0.25rem 0.75rem}
.naglowek-dok-link{display: inline-flex;align-items: center;min-height: 44px;padding-inline: 0.4rem;font-size: 0.82rem;font-weight: 600;color: var(--t2);text-decoration: none}
.naglowek-dok-link:hover{color: var(--akcent-cien);text-decoration: underline}
.naglowek-orientacja{display: flex;align-items: center;flex-wrap: wrap;gap: 0.5rem}
.orientacja-pigulka{display: inline-flex;align-items: center;gap: 0.45rem;min-height: 44px;padding: 0.4rem 0.9rem;border-radius: var(--r-pelny);background-color: var(--tlo);border: 1px solid var(--linia);color: var(--tekst);font-size: 0.82rem;font-weight: 600;text-decoration: none}
.orientacja-pigulka:hover{background-color: var(--akcent-jasny);border-color: var(--akcent);color: var(--akcent-cien)}
.orientacja-kropka{width: 0.55rem;height: 0.55rem;border-radius: 50%;background-color: var(--akcent);flex-shrink: 0}
.orientacja-pigulka--bol .orientacja-kropka{background-color: var(--kd-bole)}
.orientacja-pigulka--rehab .orientacja-kropka{background-color: var(--dodatek)}
.orientacja-pigulka--terapie .orientacja-kropka{background-color: var(--kd-terapie)}
.pasek-menu-tlo{background: linear-gradient(90deg, var(--akcent-cien) 0%, var(--akcent) 50%, var(--akcent-cien) 100%);color: var(--akcent-tekst);box-shadow: 0 3px 10px rgba(54, 22, 68, 0.15)}
.nawigacja-glowna{display: flex;align-items: center;gap: 0.35rem;min-height: 50px}
.menu-dom{display: inline-flex;align-items: center;justify-content: center;min-width: 46px;min-height: 46px;padding: 0.5rem;color: var(--akcent-tekst);border-radius: var(--r-maly);text-decoration: none;flex-shrink: 0}
.menu-dom svg{width: 1.25rem;height: 1.25rem}
.menu-dom:hover, .menu-dom.menu-link--aktywny{background-color: rgba(255, 255, 255, 0.18);color: var(--akcent-tekst)}
.menu-lista{display: flex;align-items: center;flex-wrap: wrap;gap: 0.25rem;flex: 1;min-width: 0}
.menu-link{display: inline-flex;align-items: center;gap: 0.45rem;min-height: 46px;padding: 0.45rem 0.95rem;color: var(--akcent-tekst);font-size: 0.93rem;font-weight: 600;text-decoration: none;border-radius: var(--r-maly);position: relative}
.menu-link-ikona{display: inline-flex;align-items: center;justify-content: center;opacity: 0.9}
.menu-link-ikona svg{width: 1.1rem;height: 1.1rem}
.menu-link:hover, .menu-link:focus-visible{background-color: rgba(255, 255, 255, 0.16);color: var(--akcent-tekst)}
.menu-link--aktywny{background-color: rgba(255, 255, 255, 0.24);color: var(--akcent-tekst);font-weight: 700;box-shadow: inset 0 -3px 0 var(--pow)}
.menu-link:focus-visible, .menu-dom:focus-visible{outline-color: var(--pow)}
.glowna-strona{padding-bottom: 3rem}
.hero-sekcja{padding-top: 1.35rem;padding-bottom: 1.75rem}
.hero-ramka{position: relative;border-radius: var(--r-duzy);overflow: hidden;background-color: #ede1f3;border: 1px solid var(--linia);box-shadow: var(--cien-karta);min-height: 410px;display: flex;align-items: stretch}
.hero-tlo-warstwa{position: absolute;inset: 0;z-index: 1}
.hero-tlo-warstwa::after{content: "";position: absolute;inset: 0;background: linear-gradient( 90deg, rgba(248, 245, 250, 0.25) 0%, rgba(255, 255, 255, 0.92) 34%, rgba(255, 255, 255, 0.94) 64%, rgba(248, 245, 250, 0.2) 100% )}
.hero-obraz{width: 100%;height: 100%;aspect-ratio: 16 / 6;object-fit: cover;object-position: center}
.hero-zawartosc{position: relative;z-index: 2;width: 100%;padding: 2.5rem 2.25rem;display: flex;flex-direction: column;align-items: center;justify-content: center}
.hero-karta-tekstu{max-width: 610px;background-color: rgba(255, 255, 255, 0.92);border: 1px solid rgba(227, 214, 232, 0.9);border-radius: var(--r-duzy);padding: 2rem 2.25rem;text-align: center;box-shadow: 0 8px 28px rgba(54, 22, 68, 0.09)}
.hero-nadtytul{display: inline-block;margin-bottom: 0.55rem;padding: 0.25rem 0.85rem;border-radius: var(--r-pelny);background-color: var(--akcent-jasny);color: var(--akcent-cien);font-size: 0.82rem;font-weight: 700;letter-spacing: 0.03em;text-transform: uppercase}
.hero-tytul{font-size: clamp(1.85rem, 3vw, 2.55rem);color: var(--tekst);margin-bottom: 0.75rem}
.hero-opis{color: var(--tekst);font-size: 1rem;line-height: 1.6;margin-bottom: 1.4rem}
.hero-przyciski{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.65rem}
.hero-plakietka-daty{position: absolute;right: 1.5rem;bottom: 1.25rem;display: inline-flex;align-items: center;gap: 0.65rem;padding: 0.6rem 1rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);box-shadow: var(--cien-karta)}
.hero-plakietka-ikona{display: inline-flex;align-items: center;justify-content: center;width: 2.25rem;height: 2.25rem;border-radius: var(--r-maly);background-color: var(--akcent-jasny);color: var(--akcent-cien)}
.hero-plakietka-ikona svg{width: 1.35rem;height: 1.35rem}
.hero-plakietka-tekst{display: flex;flex-direction: column;line-height: 1.25}
.hero-plakietka-dzien{font-weight: 700;font-size: 0.9rem;color: var(--tekst)}
.hero-plakietka-podpis{font-size: 0.76rem;color: var(--t2)}
.triaz-pasek{margin-top: 1.25rem;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.15rem}
.triaz-karta{min-width: 0;height: 100%;display: flex;align-items: flex-start;gap: 0.95rem;padding: 1.15rem 1.25rem;background-color: var(--pow);border: 1px solid var(--linia);border-left: 5px solid var(--akcent);border-radius: var(--r);box-shadow: var(--cien-karta)}
.triaz-karta--dom{border-left-color: var(--dodatek);background: linear-gradient(180deg, #ffffff 0%, #f8fcf5 100%)}
.triaz-karta--gabinet{border-left-color: var(--akcent);background: linear-gradient(180deg, #ffffff 0%, #faf6fc 100%)}
.triaz-karta--pilne{border-left-color: var(--kd-bole);background: linear-gradient(180deg, #ffffff 0%, #fdf7f5 100%)}
.triaz-karta-znak{width: 3.25rem;height: 3.25rem;border-radius: var(--r-maly);background-color: var(--tlo);border: 1px solid var(--linia);padding: 0.3rem;flex-shrink: 0;display: flex;align-items: center;justify-content: center}
.triaz-el-img{width: 100%;height: 100%;aspect-ratio: 1 / 1;object-fit: contain}
.triaz-karta-tresc{min-width: 0;flex: 1}
.triaz-karta-tytul{font-size: 1.05rem;margin-bottom: 0.3rem;color: var(--tekst)}
.triaz-karta-opis{margin-bottom: 0;font-size: 0.875rem;color: var(--t2);line-height: 1.5}
.sekcja-naglowek-wiersz{display: flex;align-items: center;justify-content: space-between;gap: 1rem;flex-wrap: wrap;margin-bottom: 1.25rem;padding-bottom: 0.65rem;border-bottom: 2px solid var(--linia)}
.sekcja-naglowek-lewa{display: flex;align-items: center;gap: 0.6rem;min-width: 0}
.sekcja-listek{display: inline-flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;border-radius: 50%;background-color: var(--zielony-tlo);color: var(--zielony-tekst);border: 1px solid var(--zielony-obrys);flex-shrink: 0}
.sekcja-listek svg{width: 1.15rem;height: 1.15rem}
.sekcja-tytul{font-size: clamp(1.35rem, 2vw, 1.7rem);margin: 0;color: var(--tekst)}
.sekcja-podpis{margin: 0;font-size: 0.92rem;color: var(--t2)}
.sekcja-naglowek-centralny{text-align: center;max-width: 780px;margin: 0 auto 2rem}
.sekcja-ornament{width: 4.5rem;height: 2.75rem;margin: 0 auto 0.5rem;display: flex;align-items: center;justify-content: center}
.ornament-lotos-img{width: 100%;height: 100%;aspect-ratio: 16 / 10;object-fit: contain}
.sekcja-kicker{display: inline-block;margin-bottom: 0.45rem;padding: 0.25rem 0.85rem;border-radius: var(--r-pelny);background-color: var(--akcent-jasny);color: var(--akcent-cien);font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em}
.sekcja-tytul-duzy{font-size: clamp(1.55rem, 2.4vw, 2.15rem);margin-bottom: 0.65rem;color: var(--tekst)}
.sekcja-opis-szeroki{margin: 0;font-size: 1rem;color: var(--t2);line-height: 1.6}
.sekcja-dzialy-pasek{padding-block: 1.25rem 2rem}
.dzialy-kafle-rzedem{display: grid;grid-template-columns: repeat(7, minmax(0, 1fr));gap: 0.9rem}
.dzial-kafel-makieta{min-width: 0;height: 100%;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 1rem 0.75rem;background: linear-gradient(180deg, var(--pow) 0%, var(--tlo-cieple) 100%);border: 1px solid var(--linia);border-bottom: 3px solid var(--kd, var(--akcent));border-radius: var(--r);box-shadow: var(--cien-karta);text-decoration: none;color: var(--tekst)}
.dzial-kafel-makieta:hover, .dzial-kafel-makieta:focus-visible{transform: translateY(-2px);box-shadow: var(--cien-unoszenie);border-color: var(--kd, var(--akcent));background: var(--pow)}
.dzial-kafel-ilustracja{width: 4.5rem;height: 4.5rem;margin-bottom: 0.65rem;border-radius: 50%;background-color: var(--pow);border: 1px solid var(--linia);padding: 0.35rem;display: flex;align-items: center;justify-content: center;box-shadow: inset 0 2px 6px rgba(54, 22, 68, 0.05);flex-shrink: 0}
.dzial-el-obraz{width: 100%;height: 100%;aspect-ratio: 1 / 1;object-fit: contain}
.dzial-kafel-nazwa{font-family: var(--f-n);font-size: 1.05rem;font-weight: 700;color: var(--tekst);margin-bottom: 0.3rem}
.dzial-kafel-opis{font-size: 0.78rem;color: var(--t2);line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}
.sekcja-najnowsze-uklad{padding-block: 1.5rem 2.5rem}
.dwukolumnowy-rdzen{display: grid;grid-template-columns: minmax(0, 1fr) 360px;gap: 2rem;align-items: start}
.kolumna-glowna-lista{min-width: 0}
.wiersze-lista{display: flex;flex-direction: column;gap: 1rem}
.kolumna-boczna-przyklejona{min-width: 0;position: sticky;top: 1.25rem;display: flex;flex-direction: column;gap: 1.35rem}
.widget-karta{background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r-duzy);padding: 1.4rem;box-shadow: var(--cien-karta);position: relative;overflow: hidden}
.widget-karta--poradniki{background: linear-gradient(180deg, #ffffff 0%, #f7effa 100%);border-top: 4px solid var(--akcent)}
.widget-wstega-ozdoba{width: 100%;height: 2.25rem;margin-bottom: 0.5rem;display: flex;align-items: center;justify-content: center}
.widget-wstega-img{width: 100%;height: 100%;aspect-ratio: 6 / 1;object-fit: contain}
.widget-tytul{font-size: 1.25rem;margin-bottom: 0.35rem;color: var(--tekst)}
.widget-opis{font-size: 0.875rem;color: var(--t2);margin-bottom: 1rem;line-height: 1.5}
.poradniki-krok-lista{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 0.65rem}
.poradniki-krok-el{display: flex;align-items: flex-start;gap: 0.75rem;padding: 0.55rem 0.65rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r-maly)}
.poradniki-krok-nr{width: 2rem;height: 2rem;border-radius: 50%;background: linear-gradient(180deg, var(--akcent) 0%, var(--akcent-cien) 100%);color: var(--akcent-tekst);font-weight: 700;font-size: 0.88rem;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;margin-top: 0.1rem}
.poradniki-krok-tresc{min-width: 0;flex: 1;display: flex;flex-direction: column;gap: 0.2rem}
.poradniki-krok-link{display: inline-flex;align-items: center;min-height: 44px;font-weight: 700;font-size: 0.92rem;line-height: 1.35;color: var(--tekst);text-decoration: none}
.poradniki-krok-link:hover{color: var(--akcent-cien);text-decoration: underline}
.poradniki-krok-meta{font-size: 0.78rem;color: var(--t2)}
.widget-karta--domowe{background: linear-gradient(180deg, var(--pow) 0%, var(--tlo-cieple) 100%)}
.widget-domowe-grafiki{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.65rem;margin-bottom: 1rem}
.widget-domowe-img{width: 100%;aspect-ratio: 4 / 3;object-fit: contain;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r-maly);padding: 0.35rem}
.widget-domowe-linki{margin-top: 0.5rem}
.wiersz-wpisu{min-width: 0;display: grid;grid-template-columns: 44px minmax(0, 1fr) auto;gap: 1rem;align-items: center;padding: 1.15rem 1.25rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);box-shadow: var(--cien-karta);transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease}
.wiersz-wpisu:hover{border-color: var(--kd, var(--akcent));box-shadow: var(--cien-unoszenie)}
.wiersz-wpisu--sponsorowany{background: linear-gradient(90deg, #fdfaf4 0%, var(--pow) 100%);border-color: var(--uwaga-obrys)}
.wiersz-lewy-akcent{width: 2.75rem;height: 2.75rem;border-radius: var(--r-maly);background-color: var(--akcent-jasny);color: var(--akcent-cien);display: flex;align-items: center;justify-content: center;align-self: start;margin-top: 0.15rem}
.wiersz-ikona-dzialu svg{width: 1.35rem;height: 1.35rem}
.wiersz-tresc{min-width: 0;display: flex;flex-direction: column;gap: 0.4rem}
.wiersz-nadtytul{display: flex;align-items: center;flex-wrap: wrap;gap: 0.45rem}
.wiersz-dzial-plakietka{display: inline-flex;align-items: center;min-height: 28px;padding: 0.2rem 0.65rem;border-radius: var(--r-maly);background-color: var(--akcent-cien);background-color: color-mix(in srgb, var(--kd, var(--akcent)) 74%, #180b20);color: var(--akcent-tekst);font-size: 0.76rem;font-weight: 700;text-decoration: none}
.wiersz-dzial-plakietka:hover{background-color: var(--tekst);color: var(--akcent-tekst)}
.wiersz-kierunek, .wiersz-tryb{display: inline-flex;align-items: center;padding: 0.18rem 0.6rem;border-radius: var(--r-pelny);font-size: 0.75rem;font-weight: 600}
.wiersz-kierunek{background-color: var(--tlo);color: var(--tekst);border: 1px solid var(--linia)}
.wiersz-tryb{background-color: var(--zielony-tlo);color: var(--zielony-tekst);border: 1px solid var(--zielony-obrys)}
.wiersz-tytul{font-size: 1.15rem;margin: 0;line-height: 1.32}
.wiersz-tytul-link{display: inline-block;padding-block: 0.15rem;color: var(--tekst);text-decoration: none}
.wiersz-tytul-link:hover{color: var(--akcent-cien);text-decoration: underline}
.wiersz-zajawka{margin: 0;font-size: 0.9rem;color: var(--t2);line-height: 1.52}
.wiersz-meta{display: flex;align-items: center;flex-wrap: wrap;gap: 0.85rem;margin-top: 0.15rem;font-size: 0.8rem;color: var(--t2)}
.wiersz-meta-el{display: inline-flex;align-items: center;gap: 0.35rem}
.wiersz-meta-ikona{color: var(--akcent);display: inline-flex}
.wiersz-meta-ikona svg{width: 0.95rem;height: 0.95rem}
.wiersz-sponsorowany{padding: 0.15rem 0.55rem;border-radius: var(--r-maly);background-color: var(--uwaga-tlo);color: var(--uwaga-tekst);border: 1px solid var(--uwaga-obrys);font-weight: 700}
.wiersz-obraz-ramka{display: block;width: 148px;aspect-ratio: 4 / 3;border-radius: var(--r-maly);overflow: hidden;border: 1px solid var(--linia);background-color: var(--tlo);flex-shrink: 0}
.wiersz-obraz{width: 100%;height: 100%;aspect-ratio: 4 / 3;object-fit: cover}
.karta-wpisu{min-width: 0;height: 100%;display: flex;flex-direction: column;background-color: var(--pow);border: 1px solid var(--linia);border-top: 3px solid var(--kd, var(--akcent));border-radius: var(--r);box-shadow: var(--cien-karta);overflow: hidden;transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease}
.karta-wpisu:hover{transform: translateY(-2px);box-shadow: var(--cien-unoszenie)}
.karta-wpisu--sponsorowana{background: linear-gradient(180deg, #fffdf8 0%, var(--pow) 100%);border-color: var(--uwaga-obrys)}
.karta-obraz-ramka{display: block;width: 100%;aspect-ratio: 16 / 9;overflow: hidden;background-color: var(--tlo);border-bottom: 1px solid var(--linia)}
.karta-obraz{width: 100%;height: 100%;aspect-ratio: 16 / 9;object-fit: cover}
.karta-naglowek-pasek{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.45rem;padding: 0.95rem 1.15rem 0.35rem}
.karta-dzial-plakietka{display: inline-flex;align-items: center;gap: 0.35rem;min-height: 30px;padding: 0.22rem 0.65rem;border-radius: var(--r-maly);background-color: var(--akcent-cien);background-color: color-mix(in srgb, var(--kd, var(--akcent)) 74%, #180b20);color: var(--akcent-tekst);font-size: 0.76rem;font-weight: 700;text-decoration: none}
.karta-dzial-plakietka:hover{background-color: var(--tekst);color: var(--akcent-tekst)}
.karta-dzial-ikona{display: inline-flex}
.karta-dzial-ikona svg{width: 0.95rem;height: 0.95rem}
.karta-obszar-znaczek{font-size: 0.74rem;font-weight: 600;color: var(--t2);background-color: var(--tlo);border: 1px solid var(--linia);padding: 0.18rem 0.55rem;border-radius: var(--r-pelny)}
.karta-korpus{padding: 0.45rem 1.15rem 0.9rem;flex: 1;display: flex;flex-direction: column;gap: 0.45rem}
.karta-tytul{font-size: 1.08rem;line-height: 1.34;margin: 0}
.karta-tytul-link{display: inline-block;padding-block: 0.15rem;color: var(--tekst);text-decoration: none}
.karta-tytul-link:hover{color: var(--akcent-cien);text-decoration: underline}
.karta-zajawka{margin: 0;font-size: 0.875rem;color: var(--t2);line-height: 1.5}
.karta-stopka{margin-top: auto;padding: 0.75rem 1.15rem;background-color: var(--tlo-karta-alt);border-top: 1px solid var(--linia);display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.5rem}
.karta-meta{display: flex;align-items: center;flex-wrap: wrap;gap: 0.65rem;font-size: 0.78rem;color: var(--t2)}
.karta-meta-el{display: inline-flex;align-items: center;gap: 0.3rem}
.karta-meta-ikona{display: inline-flex;color: var(--akcent)}
.karta-meta-ikona svg{width: 0.9rem;height: 0.9rem}
.karta-tryb-etykieta{font-size: 0.73rem;font-weight: 700;color: var(--zielony-tekst);background-color: var(--zielony-tlo);border: 1px solid var(--zielony-obrys);padding: 0.16rem 0.55rem;border-radius: var(--r-pelny)}
.sekcja-atlas-anatomiczny{padding-block: 2.5rem;background: linear-gradient(180deg, var(--tlo-cieple) 0%, var(--tlo) 100%);border-top: 1px solid var(--linia);border-bottom: 1px solid var(--linia)}
.atlas-tablica{display: flex;flex-direction: column;gap: 1.75rem}
.atlas-panel-sylwetki{display: grid;grid-template-columns: 340px minmax(0, 1fr);gap: 1.75rem;align-items: center;padding: 1.5rem 1.75rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r-duzy);box-shadow: var(--cien-karta)}
.atlas-sylwetka-ilustracje{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.75rem;align-items: center}
.atlas-sylwetka-glowna, .atlas-sylwetka-kregoslup{background-color: var(--tlo);border: 1px solid var(--linia);border-radius: var(--r);padding: 0.5rem;aspect-ratio: 3 / 4;display: flex;align-items: center;justify-content: center}
.atlas-sylwetka-img, .atlas-kregoslup-img{width: 100%;height: 100%;aspect-ratio: 3 / 4;object-fit: contain}
.atlas-sylwetka-opis-blok{min-width: 0}
.atlas-sylwetka-tytul{font-size: 1.4rem;margin-bottom: 0.5rem}
.atlas-sylwetka-tekst{font-size: 0.96rem;color: var(--t2);margin-bottom: 0.85rem}
.atlas-os-etykieta{display: inline-block;margin: 0;padding: 0.45rem 0.9rem;background-color: var(--akcent-jasny);color: var(--akcent-cien);border-left: 4px solid var(--akcent);border-radius: var(--r-maly);font-size: 0.86rem;font-weight: 700}
.atlas-strefy-siatka{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.25rem}
.atlas-strefa-karta{min-width: 0;height: 100%;display: flex;flex-direction: column;padding: 1.25rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);box-shadow: var(--cien-karta)}
.atlas-strefa-gora{display: flex;align-items: flex-start;gap: 0.9rem;padding-bottom: 0.9rem;margin-bottom: 0.85rem;border-bottom: 1px solid var(--linia)}
.atlas-strefa-obraz{width: 3.75rem;height: 3.75rem;border-radius: var(--r-maly);background-color: var(--tlo);border: 1px solid var(--linia);padding: 0.25rem;flex-shrink: 0;display: flex;align-items: center;justify-content: center}
.atlas-strefa-img{width: 100%;height: 100%;aspect-ratio: 1 / 1;object-fit: contain}
.atlas-strefa-naglowek{min-width: 0;flex: 1}
.atlas-strefa-tytul{font-size: 1.08rem;margin-bottom: 0.25rem}
.atlas-strefa-objawy{margin: 0;font-size: 0.82rem;color: var(--t2);line-height: 1.45}
.atlas-strefa-wpisy{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 0.45rem;flex: 1}
.atlas-wpis-link{display: grid;grid-template-columns: 28px minmax(0, 1fr) auto;align-items: center;gap: 0.5rem;min-height: 44px;padding: 0.4rem 0.55rem;border-radius: var(--r-maly);background-color: var(--tlo);color: var(--tekst);text-decoration: none;font-size: 0.86rem}
.atlas-wpis-link:hover{background-color: var(--akcent-jasny);color: var(--akcent-cien)}
.atlas-wpis-nr{font-weight: 800;font-size: 0.76rem;color: var(--akcent-cien)}
.atlas-wpis-tytul{min-width: 0;font-weight: 600;line-height: 1.3}
.atlas-wpis-czas{font-size: 0.74rem;color: var(--t2);white-space: nowrap}
.sekcja-prowokacja-ruchowa{padding-block: 2.5rem}
.prowokacja-dwuskrzydla{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.5rem}
.prowokacja-panel{min-width: 0;padding: 1.5rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r-duzy);box-shadow: var(--cien-karta);display: flex;flex-direction: column;gap: 1.25rem}
.prowokacja-panel--obciazenie{border-top: 4px solid var(--kd-bole)}
.prowokacja-panel--ochrona{border-top: 4px solid var(--dodatek)}
.prowokacja-panel-naglowek{display: flex;align-items: flex-start;gap: 1rem;padding-bottom: 1rem;border-bottom: 1px solid var(--linia)}
.prowokacja-panel-ilustracja{width: 4rem;height: 4rem;border-radius: var(--r);background-color: var(--tlo);border: 1px solid var(--linia);padding: 0.35rem;flex-shrink: 0}
.prowokacja-el-img{width: 100%;height: 100%;aspect-ratio: 1 / 1;object-fit: contain}
.prowokacja-panel-tytul{font-size: 1.2rem;margin-bottom: 0.3rem}
.prowokacja-panel-opis{margin: 0;font-size: 0.88rem;color: var(--t2)}
.prowokacja-karty-siatka{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1rem;flex: 1}
.sekcja-rekonwalescencja{padding-block: 1.5rem 2.5rem}
.rekonwalescencja-ramka{padding: 2rem;background: linear-gradient(180deg, var(--pow) 0%, var(--tlo-cieple) 100%);border: 1px solid var(--linia);border-radius: var(--r-duzy);box-shadow: var(--cien-karta)}
.rekonwalescencja-gora{display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;margin-bottom: 1.75rem}
.rekonwalescencja-gora-tekst{max-width: 780px}
.rekonwalescencja-gora-znak{width: 5.5rem;height: 5.5rem;border-radius: 50%;background-color: var(--pow);border: 1px solid var(--linia);padding: 0.5rem;flex-shrink: 0}
.rekonwalescencja-el-img{width: 100%;height: 100%;aspect-ratio: 1 / 1;object-fit: contain}
.rekonwalescencja-etapy-pasek{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.15rem;margin-bottom: 1.75rem}
.rekonwalescencja-etap{min-width: 0;height: 100%;padding: 1.15rem 1.25rem;background-color: var(--pow);border: 1px solid var(--linia);border-top: 3px solid var(--akcent);border-radius: var(--r)}
.rekonwalescencja-etap-ikona{display: inline-flex;width: 2.75rem;height: 2.75rem;margin-bottom: 0.55rem}
.etap-znaczek-img{width: 100%;height: 100%;aspect-ratio: 1 / 1;object-fit: contain}
.rekonwalescencja-etap-tytul{font-size: 1.05rem;margin-bottom: 0.35rem}
.rekonwalescencja-etap-opis{margin: 0;font-size: 0.86rem;color: var(--t2)}
.karty-siatka-3{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.15rem}
.sekcja-gabinet-biochemia{padding-block: 1.5rem 2rem}
.gabinet-dwa-filary{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.5rem}
.gabinet-filar{min-width: 0;display: flex;flex-direction: column;gap: 1rem}
.gabinet-filar-baner{display: flex;align-items: center;gap: 1.15rem;padding: 1.25rem 1.4rem;background: linear-gradient(135deg, var(--pow) 0%, var(--akcent-jasny) 100%);border: 1px solid var(--linia);border-radius: var(--r-duzy)}
.gabinet-filar-grafiki{display: flex;align-items: center;gap: 0.5rem;flex-shrink: 0}
.gabinet-el-duzy, .gabinet-el-maly{width: 3.75rem;height: 3.75rem;aspect-ratio: 1 / 1;object-fit: contain;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r-maly);padding: 0.25rem}
.gabinet-filar-wstep{min-width: 0}
.gabinet-filar-tytul{font-size: 1.18rem;margin-bottom: 0.3rem}
.gabinet-filar-opis{margin: 0;font-size: 0.86rem;color: var(--t2)}
.gabinet-filar-lista{display: flex;flex-direction: column;gap: 0.85rem}
.okruchy{padding-block: 0.65rem;margin-bottom: 0.75rem;font-size: 0.85rem;color: var(--t2)}
.okruchy ol{list-style: none;padding: 0;margin: 0;display: flex;align-items: center;flex-wrap: wrap;gap: 0.35rem}
.okruchy li{display: inline-flex;align-items: center;gap: 0.35rem}
.okruchy li + li::before{content: "\00BB";color: var(--akcent);font-weight: 700}
.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: 700}
.dz-strona, .wp-strona{padding-block: 1.25rem 3.5rem}
.dz-uklad, .dz-rdzen, .wp-uklad, .wp-rdzen{display: grid;grid-template-columns: minmax(0, 1fr) 340px;gap: 2rem;align-items: start}
.dz-kolumna-glowna, .wp-kolumna-glowna, .wp-artykul{min-width: 0}
.dz-hero, .dz-baner, .dz-naglowek{position: relative;margin-bottom: 1.75rem;border-radius: var(--r-duzy);overflow: hidden;background: linear-gradient(125deg, #ffffff 0%, var(--akcent-jasny) 60%, #e5f2da 100%);border: 1px solid var(--linia);border-left: 6px solid var(--kd, var(--akcent));box-shadow: var(--cien-karta);padding: 1.85rem 2rem;display: grid;grid-template-columns: minmax(0, 1.2fr) minmax(240px, 0.8fr);gap: 1.5rem;align-items: center}
.dz-karta-tekstu, .dz-wstep{min-width: 0}
.dz-kicker, .dz-nadtytul{display: inline-flex;align-items: center;gap: 0.4rem;margin-bottom: 0.5rem;padding: 0.22rem 0.75rem;border-radius: var(--r-pelny);background-color: var(--pow);border: 1px solid var(--linia);color: var(--akcent-cien);font-size: 0.78rem;font-weight: 700;text-transform: uppercase}
.dz-ikona svg{width: 1.25rem;height: 1.25rem}
.dz-tytul{font-size: clamp(1.75rem, 2.8vw, 2.35rem);margin-bottom: 0.5rem;color: var(--tekst)}
.dz-podtytul{font-size: 1.05rem;font-weight: 600;color: var(--tekst);margin-bottom: 0.55rem}
.dz-opis{margin: 0;font-size: 0.94rem;color: var(--t2);line-height: 1.58}
.dz-obraz-ramka, .dz-ilustracja{width: 100%;aspect-ratio: 16 / 10;border-radius: var(--r);overflow: hidden;border: 1px solid var(--linia);background-color: var(--pow)}
.dz-obraz{width: 100%;height: 100%;aspect-ratio: 16 / 10;object-fit: cover}
.dz-tematy-sekcja, .dz-sekcja, .dz-inne-sekcja{margin-block: 2rem}
.dz-lista-naglowek{display: flex;align-items: center;justify-content: space-between;gap: 1rem;flex-wrap: wrap;margin-bottom: 1.15rem;padding-bottom: 0.6rem;border-bottom: 2px solid var(--linia)}
.dz-wiersze-lista, .dz-lista{display: flex;flex-direction: column;gap: 1rem}
.dz-tematy-siatka, .dz-siatka-6, .wp-powiazane-siatka, .siatka-6{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.15rem}
.dz-siatka-9, .dz-karty-siatka, .siatka-9{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.15rem}
.dz-siatka-8, .wp-siatka-8, .siatka-8{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.15rem}
.dz-siatka-3, .wp-wiecej-siatka, .siatka-3{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.15rem}
.dz-siatka, .dz-inne-siatka{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.15rem}
.dz-siatka:has(> :nth-child(8):last-child), .dz-karty-siatka:has(> :nth-child(8):last-child), .dz-inne-siatka:has(> :nth-child(8):last-child){grid-template-columns: repeat(4, minmax(0, 1fr))}
.dz-temat-karta{min-width: 0;height: 100%;display: flex;flex-direction: column;gap: 0.6rem;padding: 1.25rem;background-color: var(--pow);border: 1px solid var(--linia);border-top: 3px solid var(--kd, var(--akcent));border-radius: var(--r);box-shadow: var(--cien-karta)}
.dz-temat-gora{display: flex;align-items: center;gap: 0.75rem}
.dz-temat-ikona{width: 2.5rem;height: 2.5rem;border-radius: var(--r-maly);background-color: var(--akcent-jasny);color: var(--akcent-cien);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.dz-temat-tytul{font-size: 1.08rem;margin: 0}
.dz-temat-opis{margin: 0;font-size: 0.86rem;color: var(--t2)}
.dz-pusty, .dz-brak{padding: 2rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);text-align: center}
.dz-paginacja, .paginacja{margin-top: 2rem;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 0.4rem}
.paginacja-lista{list-style: none;padding: 0;margin: 0;display: flex;align-items: center;flex-wrap: wrap;gap: 0.4rem}
.paginacja-link, .paginacja a, .paginacja span{display: inline-flex;align-items: center;justify-content: center;min-width: 44px;min-height: 44px;padding: 0.4rem 0.75rem;border-radius: var(--r-maly);background-color: var(--pow);border: 1px solid var(--linia);color: var(--tekst);font-weight: 700;font-size: 0.9rem;text-decoration: none}
.paginacja a:hover{background-color: var(--akcent-jasny);border-color: var(--akcent);color: var(--akcent-cien)}
.paginacja-aktywna, .paginacja [aria-current="page"]{background: linear-gradient(180deg, var(--akcent) 0%, var(--akcent-cien) 100%);border-color: var(--akcent-cien);color: var(--akcent-tekst)}
.wp-artykul, .wp-karta-glowna{background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r-duzy);padding: 2rem 2.25rem;box-shadow: var(--cien-karta)}
.wp-naglowek{margin-bottom: 1.35rem;padding-bottom: 1rem;border-bottom: 1px solid var(--linia)}
.wp-nadtytul{display: flex;align-items: center;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 0.65rem}
.wp-dzial-plakietka, .wp-dzial-link{display: inline-flex;align-items: center;gap: 0.35rem;min-height: 32px;padding: 0.25rem 0.75rem;border-radius: var(--r-maly);background-color: var(--akcent-cien);background-color: color-mix(in srgb, var(--kd, var(--akcent)) 74%, #180b20);color: var(--akcent-tekst);font-size: 0.8rem;font-weight: 700;text-decoration: none}
.wp-sponsorowany{display: inline-flex;align-items: center;padding: 0.25rem 0.75rem;border-radius: var(--r-maly);background-color: var(--uwaga-tlo);color: var(--uwaga-tekst);border: 1px solid var(--uwaga-obrys);font-size: 0.8rem;font-weight: 700}
.wp-tytul{font-size: clamp(1.65rem, 2.6vw, 2.25rem);margin-bottom: 0.85rem;color: var(--tekst)}
.wp-meta{display: flex;align-items: center;flex-wrap: wrap;gap: 1.15rem;font-size: 0.86rem;color: var(--t2)}
.wp-meta-el{display: inline-flex;align-items: center;gap: 0.4rem}
.wp-meta-ikona{display: inline-flex;color: var(--akcent)}
.wp-meta-ikona svg{width: 1rem;height: 1rem}
.wp-obraz-ramka, .wp-zdjecie{margin-block: 1.25rem;border-radius: var(--r);overflow: hidden;border: 1px solid var(--linia);background-color: var(--tlo)}
.wp-obraz, .wp-zdjecie img{width: 100%;aspect-ratio: 16 / 9;object-fit: cover}
.wp-lead, .wp-wstep{font-size: 1.1rem;font-weight: 600;line-height: 1.65;color: var(--tekst);margin-bottom: 1.35rem;padding-left: 1rem;border-left: 4px solid var(--akcent)}
.wp-karta-orientacyjna{margin-block: 1.25rem;padding: 1.1rem 1.35rem;background-color: var(--tlo);border: 1px solid var(--linia);border-radius: var(--r)}
.wp-karta-siatka{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0.85rem}
.wp-spis, .wp-spis-tresci{margin-block: 1.35rem;padding: 1.25rem 1.5rem;background: linear-gradient(180deg, #faf6fc 0%, #f2e8f7 100%);border: 1px solid var(--linia);border-radius: var(--r)}
.wp-spis-naglowek, .wp-spis-tytul{display: flex;align-items: center;gap: 0.55rem;font-family: var(--f-n);font-size: 1.15rem;font-weight: 700;margin-bottom: 0.75rem;color: var(--tekst)}
.wp-spis-lista, .wp-spis ol, .wp-spis ul{margin: 0;padding-left: 1.25rem;display: flex;flex-direction: column;gap: 0.35rem}
.wp-spis-link, .wp-spis a{display: inline-flex;align-items: center;min-height: 44px;color: var(--akcent-cien);font-weight: 600;font-size: 0.94rem;text-decoration: none}
.wp-spis-link:hover, .wp-spis a:hover{text-decoration: underline}
.wp-tresc, .tresc-artykulu{font-size: 1.02rem;line-height: 1.72;color: var(--tekst)}
.wp-tresc h2, .tresc-artykulu h2{font-size: clamp(1.35rem, 2vw, 1.65rem);margin-top: 2rem;margin-bottom: 0.75rem;padding-bottom: 0.35rem;border-bottom: 1px solid var(--linia)}
.wp-tresc h3, .tresc-artykulu h3{font-size: 1.22rem;margin-top: 1.5rem;margin-bottom: 0.55rem}
.wp-tresc p, .wp-tresc ul, .wp-tresc ol, .tresc-artykulu p, .tresc-artykulu ul, .tresc-artykulu ol{margin-bottom: 1.1rem}
.wp-tresc li + li, .tresc-artykulu li + li{margin-top: 0.35rem}
.wp-tresc blockquote, .wp-ramka-wazne, .wp-uwaga{margin: 1.5rem 0;padding: 1.1rem 1.35rem;background-color: var(--uwaga-tlo);border: 1px solid var(--uwaga-obrys);border-left: 5px solid #d48b19;border-radius: var(--r);color: var(--uwaga-tekst);font-weight: 500}
.wp-ostrzezenie{margin: 1.5rem 0;padding: 1.1rem 1.35rem;background-color: var(--pilne-tlo);border: 1px solid var(--pilne-obrys);border-left: 5px solid var(--kd-bole);border-radius: var(--r);color: var(--pilne-tekst)}
.wp-wskazowka{margin: 1.5rem 0;padding: 1.1rem 1.35rem;background-color: var(--zielony-tlo);border: 1px solid var(--zielony-obrys);border-left: 5px solid var(--dodatek);border-radius: var(--r);color: var(--zielony-tekst)}
.wp-tresc figure, .wp-ilustracja, .ozdoba-tresci{margin: 1.5rem 0;padding: 0.75rem;background-color: var(--tlo);border: 1px solid var(--linia);border-radius: var(--r)}
.wp-tresc figure img, .wp-ilustracja img{width: 100%;aspect-ratio: 16 / 10;object-fit: cover;border-radius: var(--r-maly)}
.wp-tresc figcaption{margin-top: 0.5rem;font-size: 0.84rem;color: var(--t2);text-align: center}
.tabela-opakowanie{width: 100%;overflow-x: auto;margin-block: 1.35rem;border: 1px solid var(--linia);border-radius: var(--r)}
.wp-tresc table, .tresc-artykulu table{display: block;width: 100%;max-width: 100%;overflow-x: auto;border-collapse: collapse;margin-block: 1.35rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r);font-size: 0.92rem}
.wp-tresc thead, .tresc-artykulu thead{background-color: var(--akcent-jasny);color: var(--tekst)}
.wp-tresc th, .wp-tresc td, .tresc-artykulu th, .tresc-artykulu td{padding: 0.75rem 1rem;text-align: left;border-bottom: 1px solid var(--linia);vertical-align: top}
.wp-tresc th, .tresc-artykulu th{font-weight: 700;color: var(--tekst)}
.wp-sasiednie, .wp-nawigacja{margin-top: 2rem;padding-top: 1.35rem;border-top: 1px solid var(--linia);display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1rem}
.wp-poprzedni, .wp-nastepny, .wp-sasiedni-link{min-width: 0;min-height: 64px;display: flex;flex-direction: column;justify-content: center;gap: 0.25rem;padding: 0.95rem 1.15rem;background-color: var(--tlo);border: 1px solid var(--linia);border-radius: var(--r);text-decoration: none;color: var(--tekst)}
.wp-nastepny{text-align: right;align-items: flex-end}
.wp-poprzedni:hover, .wp-nastepny:hover, .wp-sasiedni-link:hover{background-color: var(--akcent-jasny);border-color: var(--akcent)}
.wp-sasiedni-kierunek{font-size: 0.78rem;font-weight: 700;color: var(--akcent-cien);text-transform: uppercase}
.wp-sasiedni-tytul{font-weight: 700;font-size: 0.95rem;color: var(--tekst)}
.wp-powiazane-sekcja, .wp-wiecej-sekcja{margin-top: 2.5rem}
.bok-kolumna, .bok-przyklejona, .bok-panel{min-width: 0;position: sticky;top: 1.25rem;display: flex;flex-direction: column;gap: 1.35rem}
.bok-karta, .bok-widget, .bok-blok{background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r-duzy);padding: 1.35rem;box-shadow: var(--cien-karta)}
.bok-karta--akcent, .bok-karta--domowe{background: linear-gradient(180deg, var(--pow) 0%, var(--akcent-jasny) 100%);border-top: 4px solid var(--akcent)}
.bok-tytul, .bok-naglowek{font-family: var(--f-n);font-size: 1.2rem;font-weight: 700;margin-bottom: 0.75rem;padding-bottom: 0.45rem;border-bottom: 1px solid var(--linia);color: var(--tekst)}
.bok-opis{font-size: 0.875rem;color: var(--t2);margin-bottom: 0.9rem}
.bok-dzialy-lista{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 0.3rem}
.bok-dzial-link{display: flex;align-items: center;gap: 0.6rem;min-height: 44px;padding: 0.45rem 0.75rem;border-radius: var(--r-maly);color: var(--tekst);font-weight: 600;font-size: 0.92rem;text-decoration: none}
.bok-dzial-link:hover{background-color: var(--tlo);color: var(--akcent-cien)}
.bok-dzial-link--aktywny, .bok-dzial-link[aria-current="page"]{background: linear-gradient(90deg, var(--akcent) 0%, var(--akcent-cien) 100%);color: var(--akcent-tekst);font-weight: 700}
.bok-dzial-kropka{width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: var(--kd, var(--akcent));flex-shrink: 0}
.bok-dzial-link--aktywny .bok-dzial-kropka{background-color: var(--pow)}
.bok-dzial-ikona svg{width: 1.1rem;height: 1.1rem}
.bok-wpisy-lista{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 0.75rem}
.bok-wpis, .bok-wpis-link{display: flex;align-items: center;gap: 0.75rem;min-height: 48px;text-decoration: none;color: var(--tekst)}
.bok-wpis-obraz{width: 68px;height: 52px;aspect-ratio: 4 / 3;border-radius: var(--r-maly);overflow: hidden;border: 1px solid var(--linia);flex-shrink: 0}
.bok-wpis-img{width: 100%;height: 100%;aspect-ratio: 4 / 3;object-fit: cover}
.bok-wpis-tresc{min-width: 0;flex: 1}
.bok-wpis-tytul{font-size: 0.88rem;font-weight: 700;line-height: 1.32;color: var(--tekst);margin: 0}
.bok-wpis-link:hover .bok-wpis-tytul{color: var(--akcent-cien);text-decoration: underline}
.bok-tagi, .bok-pigulki{display: flex;flex-wrap: wrap;gap: 0.45rem}
.bok-tag, .bok-pigulka{display: inline-flex;align-items: center;min-height: 44px;padding: 0.35rem 0.75rem;border-radius: var(--r-maly);background-color: var(--tlo);border: 1px solid var(--linia);color: var(--tekst);font-size: 0.82rem;font-weight: 600;text-decoration: none}
.bok-tag:hover, .bok-pigulka:hover{background-color: var(--akcent-jasny);border-color: var(--akcent);color: var(--akcent-cien)}
.stopka-witryny{margin-top: 2rem;border-top: 1px solid var(--linia)}
.stopka-jasna{background: linear-gradient(180deg, #f3ebf7 0%, #eae0f0 100%);padding-block: 2.25rem;color: var(--tekst)}
.stopka-pasek-gorny{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 1.5rem;align-items: center;padding-bottom: 1.75rem;margin-bottom: 1.75rem;border-bottom: 1px solid var(--linia)}
.stopka-marka-blok{display: flex;flex-direction: column;gap: 0.65rem}
.stopka-opis-tekst{margin: 0;font-size: 0.9rem;color: var(--t2);max-width: 560px}
.stopka-ostrzezenie-karta{display: flex;align-items: flex-start;gap: 0.85rem;padding: 1rem 1.25rem;background-color: var(--pow);border: 1px solid var(--linia);border-left: 4px solid var(--akcent);border-radius: var(--r)}
.stopka-ostrzezenie-ikona{color: var(--akcent-cien);flex-shrink: 0;margin-top: 0.1rem}
.stopka-ostrzezenie-ikona svg{width: 1.4rem;height: 1.4rem}
.stopka-ostrzezenie-tekst{margin: 0;font-size: 0.84rem;color: var(--tekst);line-height: 1.5}
.stopka-kolumny{display: grid;grid-template-columns: 1.3fr 1fr 0.9fr;gap: 2rem}
.stopka-kolumna{min-width: 0}
.stopka-tytul-kolumny{font-family: var(--f-n);font-size: 1.1rem;font-weight: 700;color: var(--tekst);margin-bottom: 0.75rem}
.stopka-dzialy-siatka{list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.25rem 0.75rem}
.stopka-dzial-link{display: inline-flex;align-items: center;gap: 0.5rem;min-height: 44px;color: var(--tekst);font-size: 0.9rem;font-weight: 600;text-decoration: none}
.stopka-dzial-link:hover{color: var(--akcent-cien);text-decoration: underline}
.stopka-dzial-kropka{width: 0.55rem;height: 0.55rem;border-radius: 50%;background-color: var(--kd, var(--akcent));flex-shrink: 0}
.stopka-sciezki-lista, .stopka-dok-lista{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 0.2rem}
.stopka-sciezki-lista a, .stopka-dok-lista a{display: inline-flex;align-items: center;min-height: 44px;color: var(--tekst);font-size: 0.88rem;font-weight: 500;text-decoration: none}
.stopka-sciezki-lista a:hover, .stopka-dok-lista a:hover{color: var(--akcent-cien);text-decoration: underline}
.stopka-dolna{background-color: var(--stopka);color: var(--stopka-tekst);padding-block: 0.75rem;font-size: 0.84rem}
.stopka-dolna-uklad{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 1rem}
.stopka-prawa{margin: 0;color: var(--stopka-tekst)}
.stopka-dolna-linki{list-style: none;padding: 0;margin: 0;display: flex;align-items: center;flex-wrap: wrap;gap: 0.5rem 1.25rem}
.stopka-dolna-linki a{display: inline-flex;align-items: center;min-height: 44px;color: var(--stopka-tekst);text-decoration: none}
.stopka-dolna-linki a:hover{text-decoration: underline}
.stopka-dolna-linki a:focus-visible{outline-color: var(--stopka-tekst)}
@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}
*, *::before, *::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}
}
@media (max-width: 1200px){.dwukolumnowy-rdzen, .dz-uklad, .dz-rdzen, .wp-uklad, .wp-rdzen{grid-template-columns: 1fr}
.kolumna-boczna-przyklejona, .bok-kolumna, .bok-przyklejona, .bok-panel{position: static}
.prowokacja-dwuskrzydla{grid-template-columns: 1fr}
.dz-siatka-8, .wp-siatka-8, .siatka-8, .dz-siatka:has(> :nth-child(8):last-child), .dz-karty-siatka:has(> :nth-child(8):last-child), .dz-inne-siatka:has(> :nth-child(8):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (max-width: 900px){.naglowek-prawa{align-items: flex-start;width: 100%}
.hero-plakietka-daty{position: static;margin-top: 1rem}
.triaz-pasek, .rekonwalescencja-etapy-pasek, .dzialy-kafle-rzedem, .dz-siatka-9, .dz-karty-siatka, .siatka-9, .dz-siatka-3, .wp-wiecej-siatka, .siatka-3, .dz-siatka:has(> :nth-child(9):last-child), .dz-siatka:has(> :nth-child(3):last-child){grid-template-columns: 1fr}
.atlas-strefy-siatka, .karty-siatka-3, .dz-tematy-siatka, .dz-siatka-6, .wp-powiazane-siatka, .siatka-6, .dz-siatka:has(> :nth-child(6):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.atlas-panel-sylwetki, .gabinet-dwa-filary, .dz-hero, .dz-baner, .dz-naglowek, .stopka-pasek-gorny, .stopka-kolumny{grid-template-columns: 1fr}
.dzial-kafel-makieta{flex-direction: row;text-align: left;gap: 1rem}
.dzial-kafel-ilustracja{margin-bottom: 0}
}
@media (max-width: 640px){.kontener{padding-inline: 1rem}
.marka-nazwa{font-size: 1.45rem}
.nawigacja-glowna{flex-wrap: wrap;padding-block: 0.35rem}
.menu-link{padding: 0.4rem 0.7rem;font-size: 0.86rem}
.hero-ramka{min-height: 340px}
.hero-zawartosc{padding: 1.25rem 1rem}
.hero-karta-tekstu{padding: 1.35rem 1.15rem}
.hero-przyciski{flex-direction: column;align-items: stretch}
.hero-przyciski .przycisk{width: 100%}
.triaz-pasek, .dzialy-kafle-rzedem, .atlas-strefy-siatka, .atlas-sylwetka-ilustracje, .prowokacja-dwuskrzydla, .prowokacja-karty-siatka, .rekonwalescencja-etapy-pasek, .karty-siatka-3, .gabinet-dwa-filary, .widget-domowe-grafiki, .dz-tematy-siatka, .dz-siatka, .dz-karty-siatka, .dz-inne-siatka, .dz-siatka-9, .dz-siatka-8, .dz-siatka-6, .dz-siatka-3, .wp-powiazane-siatka, .wp-wiecej-siatka, .wp-siatka-8, .wp-karta-siatka, .wp-sasiednie, .wp-nawigacja, .siatka-9, .siatka-8, .siatka-6, .siatka-3, .stopka-dzialy-siatka{grid-template-columns: 1fr !important}
.wiersz-wpisu{grid-template-columns: 1fr}
.wiersz-lewy-akcent{display: none}
.wiersz-obraz-ramka{width: 100%}
.rekonwalescencja-gora, .gabinet-filar-baner{flex-direction: column;align-items: flex-start}
.rekonwalescencja-ramka, .wp-artykul, .wp-karta-glowna, .dz-hero, .dz-baner, .dz-naglowek{padding: 1.25rem 1rem}
.wp-nastepny{text-align: left;align-items: flex-start}
}
.dz-strona, .wp-strona{padding-block: 1.5rem 3.5rem}
.dz-hero{display: grid;grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.85fr);gap: 2rem;align-items: center;background: linear-gradient(135deg, #ffffff 0%, #f5ecf8 65%, #e9f3e2 100%);border: 1px solid var(--linia, #e3d6e8);border-top: 4px solid var(--kd, #7b3b8c);border-radius: 1.25rem;padding: 2rem;margin-bottom: 2.25rem;box-shadow: 0 10px 28px rgba(70, 32, 82, 0.06)}
.dz-nadtytul, .wp-nadtytul{display: flex;flex-wrap: wrap;align-items: center;gap: 0.65rem;margin-bottom: 0.85rem}
.dz-ikona{display: inline-flex;align-items: center;justify-content: center;width: 2.25rem;height: 2.25rem;border-radius: 0.65rem;background: var(--kd, #7b3b8c);color: #ffffff}
.dz-ikona svg{width: 1.25rem;height: 1.25rem}
.dz-kicker{font-size: 0.82rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: var(--kd, #7b3b8c)}
.dz-tytul, .wp-tytul{font-family: var(--font-naglowki, "Petrona", Georgia, serif);font-size: clamp(1.85rem, 3vw, 2.55rem);font-weight: 700;line-height: 1.18;color: var(--tekst, #24162b);margin: 0 0 0.75rem}
.dz-podtytul{font-size: 1.12rem;font-weight: 600;color: var(--kd, #7b3b8c);margin: 0 0 0.65rem}
.dz-opis{font-size: 1rem;line-height: 1.65;color: var(--tekst-drugorzedny, #5e4b66);margin: 0}
.dz-triaz-pasek{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0.75rem;margin-top: 1.35rem}
.dz-triaz-krok{background: rgba(255, 255, 255, 0.88);border: 1px solid var(--linia, #e3d6e8);border-radius: 0.85rem;padding: 0.75rem;font-size: 0.84rem;line-height: 1.45;color: var(--tekst, #24162b)}
.dz-triaz-krok p{margin: 0.35rem 0 0}
.dz-triaz-znak{display: block;width: 132px;max-width: 100%;height: auto;aspect-ratio: 220 / 64;object-fit: contain}
.dz-obraz-ramka{position: relative;border-radius: 1rem;overflow: hidden;background: #f1e6f5;border: 3px solid #ffffff;box-shadow: 0 8px 22px rgba(70, 32, 82, 0.1);aspect-ratio: 16 / 10}
.dz-obraz-ramka--kompakt{display: flex;align-items: center;justify-content: center;background: radial-gradient(circle, #ffffff 0%, #f1e6f5 100%);aspect-ratio: auto;min-height: 210px;padding: 1.25rem}
.dz-obraz{width: 100%;height: 100%;object-fit: cover;display: block}
.red-grafika{width: 180px;max-width: 100%;height: auto;aspect-ratio: 207 / 162;object-fit: contain}
.blad-grafika{width: 155px;max-width: 100%;height: auto;aspect-ratio: 173 / 213;object-fit: contain}
.dz-tematy-sekcja, .dz-inne-sekcja, .wp-wiecej-sekcja, .dz-sekcja{margin-block: 2.25rem}
.dz-lista-naglowek{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 1rem;margin-bottom: 1.25rem;padding-bottom: 0.75rem;border-bottom: 2px solid var(--linia, #e3d6e8)}
.dz-naglowek{font-family: var(--font-naglowki, "Petrona", Georgia, serif);font-size: clamp(1.35rem, 2.2vw, 1.75rem);font-weight: 700;color: var(--tekst, #24162b);margin: 0}
.dz-opis-maly{font-size: 0.92rem;color: var(--tekst-drugorzedny, #5e4b66);margin: 0}
.dz-tematy-siatka{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.15rem}
.dz-tematy-siatka:has(> :nth-child(3):last-child){grid-template-columns: repeat(3, minmax(0, 1fr))}
.dz-tematy-siatka:has(> :nth-child(2):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.dz-tematy-siatka:has(> :nth-child(1):last-child){grid-template-columns: 1fr}
.dz-temat-karta{background: #ffffff;border: 1px solid var(--linia, #e3d6e8);border-top: 3px solid var(--kd, #7b3b8c);border-radius: 1rem;padding: 1.25rem;display: flex;flex-direction: column;gap: 0.65rem}
.dz-temat-gora{display: flex;align-items: center;gap: 0.65rem}
.dz-temat-ikona{width: 2.1rem;height: 2.1rem;border-radius: 0.55rem;background: var(--akcent-jasny, #f1e6f5);color: var(--kd, #7b3b8c);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.dz-temat-ikona svg{width: 1.2rem;height: 1.2rem}
.dz-temat-tytul{font-family: var(--font-naglowki, "Petrona", Georgia, serif);font-size: 1.08rem;font-weight: 700;margin: 0;color: var(--tekst, #24162b)}
.dz-temat-opis{font-size: 0.88rem;line-height: 1.5;color: var(--tekst-drugorzedny, #5e4b66);margin: 0}
.dz-temat-wpisy{list-style: none;padding: 0.65rem 0 0;margin: auto 0 0;border-top: 1px dashed var(--linia, #e3d6e8);display: flex;flex-direction: column;gap: 0.4rem}
.dz-temat-wpisy a{font-size: 0.85rem;font-weight: 600;color: var(--kd, #7b3b8c);text-decoration: none}
.dz-temat-wpisy a:hover{text-decoration: underline}
.dz-uklad, .wp-uklad{display: grid;grid-template-columns: minmax(0, 1fr) 330px;gap: 2rem;align-items: start}
.dz-kolumna-glowna, .wp-kolumna-glowna, .bok-kolumna{position: sticky;top: 1.25rem;align-self: start}
.bok-przyklejona{display: flex;flex-direction: column;gap: 1.25rem}
.dz-uklad:has(.dz-wiersze-lista > :nth-child(1):last-child) .bok-widget--adapt-1, .dz-uklad:has(.dz-wiersze-lista > :nth-child(1):last-child) .bok-widget--adapt-2, .dz-uklad:has(.dz-wiersze-lista > :nth-child(1):last-child) .bok-widget--adapt-3, .dz-uklad:has(.dz-wiersze-lista > :nth-child(2):last-child) .bok-widget--adapt-2, .dz-uklad:has(.dz-wiersze-lista > :nth-child(2):last-child) .bok-widget--adapt-3, .dz-uklad:has(.dz-wiersze-lista > :nth-child(3):last-child) .bok-widget--adapt-3{display: none}
.dz-wiersze-lista{display: flex;flex-direction: column;gap: 1rem}
.dz-wiersze-lista > *{height: auto;flex: 0 0 auto}
.dz-paginacja{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.45rem;margin-top: 2rem;padding-top: 1.25rem;border-top: 1px solid var(--linia, #e3d6e8)}
.pag-link{display: inline-flex;align-items: center;justify-content: center;min-width: 2.35rem;height: 2.35rem;padding-inline: 0.65rem;border-radius: 0.55rem;background: #ffffff;border: 1px solid var(--linia, #e3d6e8);color: var(--tekst, #24162b);font-weight: 600;font-size: 0.92rem;text-decoration: none}
.pag-link--aktywna{background: var(--kd, #7b3b8c);border-color: var(--kd, #7b3b8c);color: #ffffff}
.bok-widget{background: #ffffff;border: 1px solid var(--linia, #e3d6e8);border-radius: 1rem;padding: 1.25rem;box-shadow: 0 4px 16px rgba(70, 32, 82, 0.04)}
.bok-karta--akcent{background: linear-gradient(160deg, #ffffff 0%, #f6eef9 100%);border-top: 3px solid var(--kd, #7b3b8c)}
.bok-karta--domowe{background: linear-gradient(160deg, #ffffff 0%, #f1f7eb 100%);border-top: 3px solid var(--dodatek, #649e32)}
.bok-tytul{font-family: var(--font-naglowki, "Petrona", Georgia, serif);font-size: 1.12rem;font-weight: 700;color: var(--tekst, #24162b);margin: 0 0 0.65rem}
.bok-opis{font-size: 0.88rem;line-height: 1.5;color: var(--tekst-drugorzedny, #5e4b66);margin: 0 0 0.85rem}
.bok-dzialy-lista{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 0.35rem}
.bok-dzial-link{display: flex;align-items: center;gap: 0.6rem;padding: 0.55rem 0.75rem;border-radius: 0.6rem;color: var(--tekst, #24162b);font-weight: 600;font-size: 0.92rem;text-decoration: none;transition: background-color 0.15s ease}
.bok-dzial-link:hover{background: var(--akcent-jasny, #f1e6f5)}
.bok-dzial-link--aktywny{background: var(--kd, #7b3b8c);color: #ffffff}
.bok-dzial-kropka{width: 0.5rem;height: 0.5rem;border-radius: 50%;background: var(--kd, #7b3b8c);flex-shrink: 0}
.bok-dzial-link--aktywny .bok-dzial-kropka{background: #ffffff}
.bok-dzial-ikona{width: 1.15rem;height: 1.15rem;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.bok-dzial-ikona svg{width: 100%;height: 100%}
.bok-naglowek-z-grafika{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 0.75rem;align-items: center;margin-bottom: 0.65rem}
.bok-rys-kregoslup{width: 58px;height: auto;aspect-ratio: 98 / 180;object-fit: contain}
.bok-rys-biegacz{width: 72px;height: auto;aspect-ratio: 173 / 213;object-fit: contain}
.bok-triaz-lista{display: flex;flex-direction: column;gap: 0.55rem}
.bok-triaz-wiersz{background: rgba(255, 255, 255, 0.85);border: 1px solid var(--linia, #e3d6e8);border-left: 3px solid var(--dodatek, #649e32);border-radius: 0.6rem;padding: 0.55rem 0.7rem;font-size: 0.82rem;line-height: 1.4}
.bok-triaz-wiersz strong{display: block;color: var(--tekst, #24162b);margin-bottom: 0.15rem}
.bok-triaz-wiersz--pilne{border-left-color: #c4533a}
.bok-medaliony-siatka{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.65rem}
.bok-medalion{display: flex;flex-direction: column;align-items: center;text-align: center;gap: 0.35rem;padding: 0.6rem 0.45rem;background: var(--tlo, #f8f5fa);border: 1px solid var(--linia, #e3d6e8);border-radius: 0.75rem;text-decoration: none;color: var(--tekst, #24162b);font-size: 0.8rem;font-weight: 600}
.bok-medalion:hover{border-color: var(--akcent, #7b3b8c)}
.bok-medalion-foto{width: 64px;height: auto;aspect-ratio: 1 / 1;object-fit: contain;flex-shrink: 0}
.bok-domowe-uklad{display: flex;align-items: center;gap: 0.85rem;margin-bottom: 0.75rem}
.bok-domowe-grafika{width: 78px;height: auto;aspect-ratio: 189 / 162;object-fit: contain;flex-shrink: 0}
.bok-pigulka{display: inline-flex;align-items: center;justify-content: center;width: 100%;padding: 0.6rem 1rem;border-radius: 999px;background: var(--akcent, #7b3b8c);color: #ffffff;font-weight: 700;font-size: 0.88rem;text-decoration: none}
.bok-pigulka--jasna{background: var(--akcent-jasny, #f1e6f5);color: var(--akcent, #7b3b8c);width: auto}
.bok-pigulki{display: flex;flex-wrap: wrap;gap: 0.45rem;margin-top: 0.75rem}
.bok-tag{display: inline-block;padding: 0.35rem 0.7rem;border-radius: 999px;background: var(--tlo, #f8f5fa);border: 1px solid var(--linia, #e3d6e8);color: var(--tekst, #24162b);font-size: 0.8rem;font-weight: 600;text-decoration: none}
.bok-wpisy-lista{display: flex;flex-direction: column;gap: 0.65rem}
.bok-wpis-link{display: grid;grid-template-columns: 2rem minmax(0, 1fr);gap: 0.65rem;align-items: start;padding: 0.6rem;border-radius: 0.65rem;background: var(--tlo, #f8f5fa);text-decoration: none;color: var(--tekst, #24162b)}
.bok-wpis-znak{width: 2rem;height: 2rem;border-radius: 0.5rem;background: var(--akcent-jasny, #f1e6f5);color: var(--kd, #7b3b8c);display: inline-flex;align-items: center;justify-content: center}
.bok-wpis-znak svg{width: 1.1rem;height: 1.1rem}
.bok-wpis-tytul{display: block;font-size: 0.88rem;font-weight: 600;line-height: 1.38}
.bok-wpis-meta{display: block;font-size: 0.76rem;color: var(--tekst-drugorzedny, #5e4b66);margin-top: 0.2rem}
.wp-karta-glowna{background: #ffffff;border: 1px solid var(--linia, #e3d6e8);border-radius: 1.25rem;padding: 2.25rem;box-shadow: 0 10px 28px rgba(70, 32, 82, 0.05)}
.wp-naglowek{margin-bottom: 1.5rem}
.wp-naglowek--projektowany{background: linear-gradient(135deg, #f9f4fb 0%, #f1e6f5 65%, #eef6e8 100%);border: 1px solid var(--linia, #e3d6e8);border-left: 5px solid var(--kd, #7b3b8c);border-radius: 1rem;padding: 1.5rem 1.75rem}
.wp-naglowek-rdzen{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 1.25rem;align-items: center}
.wp-anatomia-znak{width: 82px;height: auto;max-height: 112px;object-fit: contain}
.wp-dzial-plakietka, .wp-sponsorowany{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.3rem 0.75rem;border-radius: 999px;background: var(--kd, #7b3b8c);color: #ffffff;font-size: 0.8rem;font-weight: 700;text-decoration: none}
.wp-meta{display: flex;flex-wrap: wrap;gap: 1rem;font-size: 0.88rem;color: var(--tekst-drugorzedny, #5e4b66)}
.wp-meta-el{display: inline-flex;align-items: center;gap: 0.35rem}
.wp-meta-ikona svg{width: 1rem;height: 1rem}
.wp-obraz-ramka{margin: 0 0 1.5rem;width: 100%;border-radius: 0.9rem;overflow: hidden;border: 1px solid var(--linia, #e3d6e8)}
.wp-obraz{display: block;width: 100%;height: auto;object-fit: cover}
.wp-lead{font-size: 1.12rem;font-weight: 500;line-height: 1.65;color: var(--tekst, #24162b);margin: 0 0 1.5rem;padding-bottom: 1.25rem;border-bottom: 1px solid var(--linia, #e3d6e8)}
.wp-karta-orientacyjna{background: var(--tlo, #f8f5fa);border: 1px solid var(--linia, #e3d6e8);border-radius: 0.9rem;padding: 1rem 1.25rem;margin-bottom: 1.5rem}
.wp-karta-siatka{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0.85rem}
.wp-karta-siatka:has(> :nth-child(3):last-child){grid-template-columns: repeat(3, minmax(0, 1fr))}
.wp-karta-siatka:has(> :nth-child(2):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.wp-pole-danych{background: #ffffff;border: 1px solid var(--linia, #e3d6e8);border-radius: 0.65rem;padding: 0.65rem 0.85rem}
.wp-pole-etykieta{display: block;font-size: 0.75rem;color: var(--tekst-drugorzedny, #5e4b66);margin-bottom: 0.2rem}
.wp-pole-wartosc{font-size: 0.9rem;color: var(--tekst, #24162b)}
.wp-spis-tresci{background: #f5edf8;border: 1px solid var(--linia, #e3d6e8);border-radius: 0.95rem;padding: 1.25rem 1.5rem;margin-bottom: 1.75rem}
.wp-spis-tytul{display: flex;align-items: center;gap: 0.5rem;font-family: var(--font-naglowki, "Petrona", Georgia, serif);font-weight: 700;font-size: 1.08rem;margin: 0 0 0.75rem;color: var(--tekst, #24162b)}
.wp-spis-tytul svg{width: 1.15rem;height: 1.15rem;color: var(--kd, #7b3b8c)}
.wp-spis-lista{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 0.45rem}
.wp-spis-link{display: flex;gap: 0.5rem;color: var(--tekst, #24162b);text-decoration: none;font-size: 0.95rem;font-weight: 500}
.wp-spis-nr{font-weight: 700;color: var(--kd, #7b3b8c)}
.wp-tresc{font-size: 1.04rem;line-height: 1.75;color: var(--tekst, #24162b)}
.wp-sekcja + .wp-sekcja{margin-top: 1.85rem}
.wp-tresc h2{font-family: var(--font-naglowki, "Petrona", Georgia, serif);font-size: clamp(1.35rem, 2.2vw, 1.65rem);color: var(--kd, #7b3b8c);margin: 0 0 0.85rem}
.wp-tresc table{width: 100%;border-collapse: collapse;margin-block: 1.25rem;font-size: 0.94rem}
.wp-tresc th, .wp-tresc td{padding: 0.75rem 0.9rem;border: 1px solid var(--linia, #e3d6e8);text-align: left}
.wp-tresc th{background: var(--akcent-jasny, #f1e6f5);font-weight: 700}
.ramka-rada, .wp-ramka-wazne{background: #fdf6e4;border: 1px solid #efd695;border-left: 4px solid #d59b2a;border-radius: 0.85rem;padding: 1.1rem 1.25rem;margin-top: 1.75rem}
.wp-ramka-wazne{display: flex;align-items: center;gap: 1rem}
.wp-ramka-grafika{width: 132px;height: auto;aspect-ratio: 224 / 64;object-fit: contain;flex-shrink: 0}
.wp-ramka-tytul{font-weight: 700;margin: 0 0 0.25rem;color: var(--tekst, #24162b)}
.wp-ramka-opis{font-size: 0.9rem;line-height: 1.5;margin: 0;color: var(--tekst-drugorzedny, #5e4b66)}
.wp-sasiednie{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1rem;margin-top: 1.5rem}
.wp-sasiednie:has(> :only-child){grid-template-columns: 1fr}
.wp-sasiedni-link{background: #ffffff;border: 1px solid var(--linia, #e3d6e8);border-radius: 0.9rem;padding: 1rem 1.25rem;text-decoration: none;display: flex;flex-direction: column;gap: 0.3rem}
.wp-nastepny{text-align: right}
.wp-sasiedni-kierunek{font-size: 0.8rem;font-weight: 700;color: var(--kd, #7b3b8c)}
.wp-sasiedni-tytul{font-weight: 600;color: var(--tekst, #24162b);font-size: 0.95rem}
.dz-inne-siatka, .wp-wiecej-siatka{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.15rem}
.wp-wiecej-siatka:has(> :nth-child(4):last-child), .wp-wiecej-siatka:has(> :nth-child(2):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.wp-wiecej-siatka:has(> :nth-child(1):last-child){grid-template-columns: 1fr}
.dz-inny-karta, .wp-wiecej-karta{background: #ffffff;border: 1px solid var(--linia, #e3d6e8);border-left: 4px solid var(--kd, #7b3b8c);border-radius: 0.9rem;padding: 1.15rem;display: flex;align-items: flex-start;gap: 0.85rem;text-decoration: none;color: var(--tekst, #24162b)}
.dz-inny-ikona, .wp-wiecej-ikona{width: 2.2rem;height: 2.2rem;border-radius: 0.6rem;background: var(--akcent-jasny, #f1e6f5);color: var(--kd, #7b3b8c);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}
.dz-inny-ikona svg, .wp-wiecej-ikona svg{width: 1.15rem;height: 1.15rem}
.dz-inny-tytul, .wp-wiecej-tytul{font-family: var(--font-naglowki, "Petrona", Georgia, serif);font-size: 1.02rem;font-weight: 700;margin: 0 0 0.25rem}
.dz-inny-opis{font-size: 0.84rem;line-height: 1.45;color: var(--tekst-drugorzedny, #5e4b66);margin: 0}
.dz-siatka-8{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.25rem}
.dz-siatka-8:has(> :nth-child(3):last-child), .dz-siatka-8:has(> :nth-child(6):last-child){grid-template-columns: repeat(3, minmax(0, 1fr))}
.dz-siatka-8:has(> :nth-child(2):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
@media (max-width: 980px){.dz-hero, .dz-uklad, .wp-uklad{grid-template-columns: 1fr}
.dz-kolumna-glowna, .wp-kolumna-glowna, .bok-kolumna{position: static}
.dz-tematy-siatka, .wp-karta-siatka, .dz-inne-siatka, .wp-wiecej-siatka, .dz-siatka-8{grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (max-width: 640px){.dz-triaz-pasek, .dz-tematy-siatka, .wp-karta-siatka, .dz-inne-siatka, .wp-wiecej-siatka, .dz-siatka-8, .wp-sasiednie, .wp-naglowek-rdzen{grid-template-columns: 1fr}
.wp-karta-glowna, .dz-hero{padding: 1.35rem}
.wp-ramka-wazne{flex-direction: column;align-items: flex-start}
}
:root{--font-naglowki: var(--f-n);--font-tekst: var(--f-t);--t2: #44314c;--tekst-drugorzedny: #44314c;--kd-terapie: #562366;--kd-rehabilitacja: #63267a;--kd-reumatyzm: #7d264d;--kd-bole: #8a2f1b;--kd-profilaktyka: #2e5616;--kd-dieta: #6e4406;--kd-psychologia: #20496b;--zielony-tekst: #1e3d0a;--uwaga-tekst: #4a2a04;--pilne-tekst: #5c150d}
.naglowek-gorny{padding-block: 0.4rem}
.naglowek-gorny-uklad{flex-wrap: nowrap;gap: 0.75rem}
.marka{min-height: 40px;gap: 0.65rem;white-space: nowrap}
.marka-sygnet{width: 2.4rem;height: 2.4rem}
.marka-sygnet svg{width: 1.5rem;height: 1.5rem}
.marka-nazwa{font-size: 1.4rem;line-height: 1.08}
.marka-podtytul{font-size: 0.76rem;line-height: 1.15;margin-top: 0.08rem}
.naglowek-prawa{flex-direction: row;align-items: center;justify-content: flex-end;gap: 0.65rem;flex-wrap: nowrap}
.naglowek-orientacja, .naglowek-dokumenty{flex-wrap: nowrap;gap: 0.35rem}
.orientacja-pigulka{min-height: 32px;padding: 0.2rem 0.65rem;font-size: 0.78rem;white-space: nowrap}
.naglowek-dok-link{min-height: 32px;padding-inline: 0.3rem;font-size: 0.78rem;white-space: nowrap}
.nawigacja-glowna{min-height: 42px;flex-wrap: nowrap;gap: 0.25rem}
.menu-dom{min-width: 38px;min-height: 38px;padding: 0.35rem}
.menu-lista{flex-wrap: nowrap;gap: 0.2rem;overflow-x: auto;scrollbar-width: none}
.menu-lista::-webkit-scrollbar{display: none}
.menu-link{min-height: 38px;padding: 0.3rem 0.75rem;font-size: 0.88rem;white-space: nowrap;flex-shrink: 0}
.wp-dzial-plakietka, .wp-dzial-link, .karta-dzial-plakietka, .wiersz-dzial-plakietka, .bok-dzial-link--aktywny, .bok-dzial-link[aria-current="page"], .pag-link--aktywna, .dz-ikona, .wp-sponsorowany{background: #562366;background: color-mix(in srgb, var(--kd, #562366) 46%, #180821);border-color: color-mix(in srgb, var(--kd, #562366) 46%, #180821);color: #ffffff}
.dz-kicker, .dz-podtytul, .dz-temat-wpisy a, .wp-spis-nr, .wp-tresc h2, .tresc-artykulu h2, .wp-sasiedni-kierunek, .wp-spis-tytul svg, .dz-temat-ikona, .dz-inny-ikona, .wp-wiecej-ikona, .bok-wpis-znak{color: #4a1c59;color: color-mix(in srgb, var(--kd, #562366) 44%, #16071f)}
.wiersz-wpisu{display: flex;align-items: center;gap: 1rem}
.wiersz-tresc{flex: 1;min-width: 0}
.stopka-dzialy-siatka{display: flex;flex-direction: column;gap: 0.2rem}
.dz-inne-siatka:has(> :nth-child(2):last-child){grid-template-columns: repeat(2, minmax(0, 1fr))}
.dz-inne-siatka:has(> :only-child){grid-template-columns: 1fr}
.atlas-sylwetka-glowna, .atlas-sylwetka-kregoslup{aspect-ratio: auto;min-height: 190px;padding: 0.75rem}
.atlas-sylwetka-img{width: 156px;max-width: 156px;height: auto;aspect-ratio: 173 / 213;margin-inline: auto}
.atlas-kregoslup-img{width: 90px;max-width: 90px;height: auto;aspect-ratio: 98 / 180;margin-inline: auto}
.widget-domowe-element{display: flex;flex-direction: column;align-items: center;text-align: center;gap: 0.35rem;padding: 0.5rem;background-color: var(--pow);border: 1px solid var(--linia);border-radius: var(--r-maly);text-decoration: none;color: var(--tekst);font-size: 0.8rem;font-weight: 600}
.widget-domowe-img{width: 118px;max-width: 118px;height: auto;aspect-ratio: 152 / 141;border: 0;padding: 0;margin-inline: auto}
.widget-wstega-img{width: 180px;max-width: 100%;height: auto;aspect-ratio: 197 / 59;margin-inline: auto}
@media (max-width: 980px){.naglowek-prawa{display: none}
}
@media (max-width: 640px){.wiersz-wpisu{flex-direction: column;align-items: stretch}
.widget-domowe-grafiki{grid-template-columns: repeat(2, minmax(0, 1fr)) !important}
.atlas-sylwetka-ilustracje{grid-template-columns: repeat(2, minmax(0, 1fr)) !important}
.wp-strona .kontener{padding-inline: 0.65rem}
.wp-artykul, .wp-karta-glowna{padding: 1rem 0.85rem}
.wp-tresc ul, .wp-tresc ol, .tresc-artykulu ul, .tresc-artykulu ol{padding-left: 1.1rem}
.wp-tresc li, .tresc-artykulu li{font-size: 0.88rem;line-height: 1.38;height: auto;flex: 0 0 auto}
.wp-tresc li + li, .tresc-artykulu li + li{margin-top: 0.25rem}
.karta-wpisu, .dz-temat-karta, .atlas-strefa-karta, .triaz-karta, .rekonwalescencja-etap{height: auto;flex: 0 0 auto}
}
@media (min-width: 981px){.dwukolumnowy-rdzen, .dz-uklad, .dz-rdzen, .wp-uklad, .wp-rdzen{align-items: stretch}
.kolumna-glowna-lista, .dz-kolumna-glowna, .wp-kolumna-glowna{position: static;align-self: stretch}
.kolumna-boczna-przyklejona, .bok-kolumna{position: relative;top: auto;display: block;align-self: stretch;height: auto}
.bok-przyklejona{position: sticky;top: 1.25rem;display: flex;flex-direction: column;gap: 1.25rem}
}

@media (max-width: 640px) {
  .hero-tlo-warstwa {
    bottom: auto;
    height: 240px;
  }
}

/* 1. Sekcja hero: odsłonięcie twarzy kobiety po lewej i sylwetki po prawej na komputerze oraz pełny kadr nad tekstem na telefonie */
.hero-tlo-warstwa::after {
  background: linear-gradient(
    90deg,
    rgba(248, 245, 250, 0) 0%,
    rgba(248, 245, 250, 0) 39%,
    rgba(255, 255, 255, 0.84) 46%,
    rgba(255, 255, 255, 0.86) 71%,
    rgba(248, 245, 250, 0) 79%,
    rgba(248, 245, 250, 0) 100%
  );
}

@media (min-width: 901px) {
  .hero-ramka {
    min-height: 430px;
  }
  .hero-obraz {
    object-position: left center;
  }
  .hero-zawartosc {
    align-items: flex-start;
    justify-content: center;
    padding: 2rem 2.25rem;
  }
  .hero-karta-tekstu {
    margin-left: 41%;
    margin-right: 21%;
    max-width: 470px;
    padding: 1.5rem 1.65rem;
    background-color: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(227, 214, 232, 0.85);
    box-shadow: 0 6px 22px rgba(54, 22, 68, 0.08);
  }
}

@media (max-width: 900px) {
  .hero-ramka {
    flex-direction: column;
    min-height: 0;
    background-color: var(--pow);
  }
  .hero-tlo-warstwa {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto !important;
    aspect-ratio: 2 / 1;
    border-bottom: 1px solid var(--linia);
  }
  .hero-tlo-warstwa::after {
    display: none;
  }
  .hero-obraz {
    width: 100%;
    height: 100%;
    aspect-ratio: 2 / 1;
    object-fit: cover;
    object-position: center;
  }
  .hero-zawartosc {
    padding: 1.15rem 1rem 1.25rem;
    align-items: stretch;
  }
  .hero-karta-tekstu {
    max-width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    text-align: left;
  }
  .hero-przyciski {
    justify-content: flex-start;
  }
}

/* 2. Karty pod sekcją hero bez pustych białych pól w prawych górnych rogach */
.triaz-karta {
  padding: 1.15rem 1.3rem;
}

.triaz-karta-naglowek {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.4rem;
}

.triaz-krok-numer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding-inline: 0.45rem;
  border-radius: var(--r-maly);
  background-color: var(--akcent-cien);
  color: #ffffff;
  font-family: var(--f-n);
  font-size: 0.84rem;
  font-weight: 800;
  flex-shrink: 0;
}

.triaz-karta--dom .triaz-krok-numer {
  background-color: var(--zielony-tekst);
}

.triaz-karta--pilne .triaz-krok-numer {
  background-color: var(--kd-bole);
}

.triaz-karta-tytul {
  margin-bottom: 0;
}

/* 3. Działy serwisu: poprawne zgrupowanie ikony, nazwy i opisu bez łamania wyrazów na telefonie */
.dzial-kafel-tresc {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  flex: 1;
}

.dzial-kafel-nazwa {
  word-break: normal;
  overflow-wrap: normal;
}

@media (max-width: 900px) {
  .dzial-kafel-makieta {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    align-items: center;
    gap: 0.9rem;
    text-align: left;
    padding: 0.9rem 1rem;
  }
  .dzial-kafel-ilustracja {
    width: 4rem;
    height: 4rem;
    margin-bottom: 0;
  }
  .dzial-kafel-tresc {
    align-items: flex-start;
  }
  .dzial-kafel-nazwa {
    margin-bottom: 0;
    font-size: 1.08rem;
  }
  .dzial-kafel-opis {
    -webkit-line-clamp: 2;
  }
}

/* 4. Górny pasek nawigacji na telefonie: pełna widoczność wszystkich 7 działów bez ucinania poza ekranem */
@media (max-width: 980px) {
  .nawigacja-glowna {
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem;
    padding-block: 0.45rem;
  }
  .menu-lista {
    flex-wrap: wrap;
    overflow-x: visible;
    gap: 0.3rem;
  }
  .menu-dom {
    min-width: 34px;
    min-height: 34px;
    padding: 0.3rem;
  }
  .menu-link {
    min-height: 34px;
    padding: 0.28rem 0.62rem;
    font-size: 0.81rem;
    gap: 0.32rem;
    background-color: rgba(255, 255, 255, 0.1);
  }
  .menu-link-ikona svg {
    width: 0.95rem;
    height: 0.95rem;
  }
}

/* 5. Rytm wizualny strony głównej i zróżnicowanie kolejnych sekcji */
.sekcja-dzialy-pasek {
  background-color: #ffffff;
  border-top: 1px solid var(--linia);
  border-bottom: 1px solid var(--linia);
  padding-block: 2rem 2.25rem;
}

.sekcja-najnowsze-uklad {
  padding-block: 2.25rem 2.75rem;
}

.sekcja-atlas-anatomiczny {
  background: linear-gradient(135deg, #391647 0%, #4d205e 58%, #293d24 100%);
  color: #f8f3fa;
  border-top: 3px solid var(--dodatek);
  border-bottom: 3px solid var(--akcent);
  padding-block: 3rem;
}

.sekcja-atlas-anatomiczny .sekcja-naglowek-wiersz {
  border-bottom-color: rgba(255, 255, 255, 0.18);
}

.sekcja-atlas-anatomiczny .sekcja-kicker {
  background-color: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}

.sekcja-atlas-anatomiczny .sekcja-tytul-duzy {
  color: #ffffff;
}

.sekcja-atlas-anatomiczny .sekcja-opis-szeroki {
  color: #e9dcef;
}

.sekcja-atlas-anatomiczny .atlas-panel-sylwetki {
  background: linear-gradient(135deg, #ffffff 0%, #f5ecf8 100%);
  color: var(--tekst);
}

.sekcja-atlas-anatomiczny .atlas-strefa-karta {
  background-color: #fdfbfe;
  border-top: 4px solid var(--dodatek);
}

.sekcja-prowokacja-ruchowa {
  background: linear-gradient(180deg, #ecf4e4 0%, #f5eef9 100%);
  border-bottom: 1px solid var(--linia);
  padding-block: 2.75rem;
}

.prowokacja-panel--obciazenie {
  background: linear-gradient(180deg, #ffffff 0%, #fdf6f4 100%);
}

.prowokacja-panel--ochrona {
  background: linear-gradient(180deg, #ffffff 0%, #f4faf0 100%);
}

.prowokacja-panel-ilustracja {
  background-color: transparent;
  border: 0;
  padding: 0;
}

/* 6. Karta pacjenta po zabiegu: czytelne plakietki i etapy bez pustych białych pól */
.sekcja-rekonwalescencja {
  padding-block: 2.75rem;
}

.rekonwalescencja-ramka {
  background: linear-gradient(180deg, #f3e8f8 0%, #ffffff 42%, #f6faf2 100%);
  border: 2px solid #d5c0df;
}

.rekonwalescencja-gora {
  padding-bottom: 1.35rem;
  border-bottom: 1px solid var(--linia);
}

.rekonwalescencja-gora-plakietki {
  flex-shrink: 0;
}

.rekonwalescencja-skrot {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.85rem 1.2rem;
  border-radius: var(--r);
  background: linear-gradient(135deg, var(--akcent-cien) 0%, var(--akcent) 100%);
  color: #ffffff;
  text-decoration: none;
  box-shadow: var(--cien-karta);
}

.rekonwalescencja-skrot:hover,
.rekonwalescencja-skrot:focus-visible {
  color: #ffffff;
  background: var(--tekst);
}

.rekonwalescencja-skrot-kicker {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #e9dcef;
}

.rekonwalescencja-skrot-tytul {
  font-family: var(--f-n);
  font-size: 1.02rem;
  color: #ffffff;
}

.rekonwalescencja-etap {
  background: linear-gradient(180deg, #ffffff 0%, #faf6fc 100%);
  border-top: 4px solid var(--akcent-cien);
}

.rekonwalescencja-etap-naglowek {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.45rem;
}

.rekonwalescencja-etap-nr {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.1rem;
  height: 2.1rem;
  padding-inline: 0.45rem;
  border-radius: 50%;
  background-color: var(--akcent-cien);
  color: #ffffff;
  font-family: var(--f-n);
  font-weight: 800;
  font-size: 0.88rem;
  flex-shrink: 0;
}

.rekonwalescencja-etap-tytul {
  margin-bottom: 0;
}

/* 7. Sekcja Zabiegi gabinetowe i biochemia chrząstki: bez pustych białych prostokątów */
.sekcja-gabinet-biochemia {
  background: linear-gradient(180deg, #efe6f4 0%, #f8f5fa 100%);
  border-top: 1px solid var(--linia);
  padding-block: 2.75rem 2.25rem;
}

.gabinet-filar-baner {
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(135deg, #ffffff 0%, #f4eaf8 100%);
  border-left: 5px solid var(--akcent-cien);
}

.gabinet-filar-baner--biochemia {
  background: linear-gradient(135deg, #ffffff 0%, #edf6e4 100%);
  border-left-color: var(--zielony-tekst);
}

.gabinet-filar-nadtytul {
  display: inline-block;
  margin-bottom: 0.3rem;
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--akcent-cien);
}

.gabinet-filar-baner--biochemia .gabinet-filar-nadtytul {
  color: var(--zielony-tekst);
}

.gabinet-filar-tagi {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.7rem;
}

.gabinet-filar-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.7rem;
  border-radius: var(--r-pelny);
  background-color: var(--akcent-cien);
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
}

.gabinet-filar-baner--biochemia .gabinet-filar-tag {
  background-color: var(--zielony-tekst);
}

.gabinet-filar-tag:hover,
.gabinet-filar-tag:focus-visible {
  background-color: var(--tekst);
  color: #ffffff;
}

.gabinet-filar-ilustracja {
  width: 84px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gabinet-ilustracja-img {
  width: 84px;
  max-width: 84px;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

/* 8. Strona działu i strona wpisu: pełna kolumna boczna od samej góry artykułu oraz brak duplikacji bloków */
.dz-hero-akcje {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1.2rem;
}

.bok-statyczna-gora {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}

.bok-karta--metryka {
  background: linear-gradient(160deg, #ffffff 0%, #f5ecf8 100%);
  border-top: 3px solid var(--kd, var(--akcent));
}

.bok-metryka-lista {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.bok-metryka-wiersz {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  padding-bottom: 0.45rem;
  border-bottom: 1px dashed var(--linia);
  font-size: 0.85rem;
}

.bok-metryka-wiersz:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.bok-metryka-wiersz dt {
  color: var(--t2);
  font-weight: 600;
}

.bok-metryka-wiersz dd {
  margin: 0;
  font-weight: 700;
  color: var(--tekst);
  text-align: right;
}

.bok-metryka-wiersz dd a {
  color: var(--akcent-cien);
  text-decoration: none;
}

.bok-metryka-wiersz dd a:hover {
  text-decoration: underline;
}

.wp-ramka-koncowa {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.wp-ramka-koncowa-blok {
  padding: 1.1rem 1.25rem;
  border-radius: var(--r);
  background-color: var(--uwaga-tlo);
  border: 1px solid var(--uwaga-obrys);
  border-left: 4px solid #d59b2a;
}

.wp-ramka-koncowa-blok--alarm {
  background-color: var(--pilne-tlo);
  border-color: var(--pilne-obrys);
  border-left-color: var(--kd-bole);
}

@media (max-width: 640px) {
  .wp-ramka-koncowa {
    grid-template-columns: 1fr;
  }
}