/* ==========================================================================
   Odkurzający — style motywu
   Kolory z theme.json (zmienne --wp--preset--color--*); tryb ciemny je nadpisuje.
   ========================================================================== */

:root {
	--odk-r: 10px;
	--odk-r-s: 6px;
	--odk-nag: 64px;
	--odk-kont: 1290px;
	--odk-cien: 0 1px 2px rgb(20 22 29 / .06), 0 6px 20px rgb(20 22 29 / .07);
	--odk-gora: calc(var(--odk-nag) + var(--wp-admin--admin-bar--height, 0px));
	--c-tusz: var(--wp--preset--color--tusz);
	--c-tekst: var(--wp--preset--color--tekst);
	--c-szary: var(--wp--preset--color--szary);
	--c-linia: var(--wp--preset--color--linia);
	--c-tlo: var(--wp--preset--color--tlo);
	--c-bialy: var(--wp--preset--color--bialy);
	--c-akcent: var(--wp--preset--color--akcent);
	--c-link: var(--wp--preset--color--akcent-ciemny);
	--c-akcent-jasny: var(--wp--preset--color--akcent-jasny);
	--c-cena: var(--wp--preset--color--cena);
	--f-nag: var(--wp--preset--font-family--naglowki);
}

html[data-theme="dark"] {
	color-scheme: dark;
	--wp--preset--color--tusz: #F2F4F7;
	--wp--preset--color--tekst: #DDE1E8;
	--wp--preset--color--szary: #A3A9B6;
	--wp--preset--color--linia: #2A2F3A;
	--wp--preset--color--tlo: #181B22;
	--wp--preset--color--bialy: #0F1115;
	--wp--preset--color--akcent-ciemny: #4FD6D0;
	--wp--preset--color--akcent-jasny: #10302F;
	--odk-cien: 0 1px 2px rgb(0 0 0 / .4), 0 6px 20px rgb(0 0 0 / .35);
}

html { scroll-padding-top: calc(var(--odk-gora) + 16px); }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
:where(a, button, input, summary):focus-visible { outline: 2px solid var(--c-akcent); outline-offset: 2px; border-radius: 4px; }
.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.odk-kontener { max-width: var(--odk-kont); margin-inline: auto; padding-inline: 16px; box-sizing: content-box; }
.wp-site-blocks > * + * { margin-block-start: 0; }
.odk-ikona { flex: none; display: block; }

/* --------------------------------------------------------------------------
   Nagłówek
   -------------------------------------------------------------------------- */
.odk-naglowek {
	position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 50;
	background: var(--c-bialy);
	border-bottom: 2px solid var(--c-akcent);
}
@media (max-width: 600px) { .admin-bar .odk-naglowek { top: 0; } }
.odk-naglowek__w {
	max-width: var(--odk-kont); margin-inline: auto; padding-inline: 16px;
	height: var(--odk-nag); display: flex; align-items: center; gap: 28px;
}
.odk-logo { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; color: var(--c-tusz); flex: none; }
.odk-logo__nazwa { font-family: var(--f-nag); font-weight: 800; font-size: 1.3125rem; letter-spacing: -.035em; line-height: 1; }
.odk-logo__pl { color: var(--c-akcent); }
.odk-logo--jasne { color: #fff; }

.odk-menu { flex: 1; min-width: 0; }
.odk-menu__lista { display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; }
.odk-menu__poz { position: relative; display: flex; align-items: center; }
.odk-menu__link {
	display: block; padding: 8px 10px; border-radius: 6px;
	font-size: .8125rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase;
	color: var(--c-tusz); text-decoration: none; white-space: nowrap;
}
.odk-menu__link:hover, .odk-menu__link[aria-current] { color: var(--c-link); }
.odk-menu__link[aria-current]::after { content: ""; display: block; height: 2px; margin-top: 3px; background: var(--c-akcent); border-radius: 2px; }
.odk-menu__rozwin { background: none; border: 0; padding: 4px 2px 4px 0; margin-left: -6px; color: var(--c-tusz); cursor: pointer; }
.odk-menu__pod {
	position: absolute; top: calc(100% + 8px); left: 0; min-width: 220px;
	list-style: none; margin: 0; padding: 8px; background: var(--c-bialy);
	border: 1px solid var(--c-linia); border-radius: var(--odk-r); box-shadow: var(--odk-cien);
	opacity: 0; visibility: hidden; transform: translateY(-4px); transition: .15s ease;
}
.odk-menu__pod::before { content: ""; position: absolute; inset: -10px 0 auto; height: 10px; }
.odk-menu__poz--rozwijana:hover .odk-menu__pod,
.odk-menu__poz--rozwijana:focus-within .odk-menu__pod,
.odk-menu__rozwin[aria-expanded="true"] + .odk-menu__pod { opacity: 1; visibility: visible; transform: none; }
.odk-menu__pod a { display: block; padding: 8px 12px; border-radius: 6px; color: var(--c-tekst); text-decoration: none; font-size: .9375rem; }
.odk-menu__pod a:hover { background: var(--c-tlo); color: var(--c-link); }

.odk-naglowek__akcje { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.odk-przycisk-ikona {
	display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
	background: none; border: 0; color: var(--c-tusz); cursor: pointer;
}
.odk-przycisk-ikona:hover { background: var(--c-tlo); }
.odk-motyw-przelacz { background: none; border: 0; padding: 4px; cursor: pointer; color: var(--c-tusz); }
.odk-motyw-przelacz__tor {
	position: relative; display: flex; align-items: center; gap: 6px; padding: 4px 7px;
	border: 1.5px solid var(--c-tusz); border-radius: 999px;
}
.odk-motyw-przelacz__kulka {
	position: absolute; top: 2px; left: 2px; width: 21px; height: 21px; border-radius: 50%;
	background: var(--c-tusz); transition: transform .2s ease;
}
html[data-theme="dark"] .odk-motyw-przelacz__kulka { transform: translateX(21px); }
.odk-menu-przelacz { display: none; }

.odk-szukaj { border-top: 1px solid var(--c-linia); background: var(--c-bialy); }
.odk-szukaj__form { max-width: 760px; margin: 0 auto; padding: 14px 16px; display: flex; gap: 8px; }
.odk-szukaj__form input {
	flex: 1; min-width: 0; font: inherit; padding: 12px 16px; border: 1.5px solid var(--c-linia);
	border-radius: 999px; background: var(--c-tlo); color: var(--c-tekst);
}
.odk-szukaj__form input:focus { outline: none; border-color: var(--c-akcent); }
.odk-szukaj__form button {
	display: inline-flex; align-items: center; gap: 6px; padding: 0 20px; border: 0; border-radius: 999px;
	background: var(--c-tusz); color: var(--c-bialy); font: inherit; font-weight: 600; cursor: pointer;
}

.odk-panel {
	position: fixed; inset: calc(var(--odk-gora) + 2px) 0 0; z-index: 49; overflow-y: auto;
	background: var(--c-bialy); border-top: 1px solid var(--c-linia);
}
.odk-panel__w { max-width: var(--odk-kont); margin: 0 auto; padding: 24px 16px 48px; display: grid; gap: 24px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.odk-panel__glowny { font-family: var(--f-nag); font-weight: 800; font-size: 1.25rem; color: var(--c-tusz); text-decoration: none; }
.odk-panel ul { list-style: none; margin: 8px 0 0; padding: 0; }
.odk-panel li a { display: block; padding: 6px 0; color: var(--c-tekst); text-decoration: none; }
.odk-panel .odk-marki { grid-column: 1 / -1; }

@media (max-width: 1180px) {
	.odk-menu { display: none; }
	.odk-menu-przelacz { display: grid; }
	.odk-naglowek__w { gap: 12px; }
}
@media (min-width: 1181px) { .odk-panel { display: none !important; } }
@media (max-width: 420px) { .odk-logo__nazwa { font-size: 1.125rem; } .odk-motyw-przelacz { display: none; } }

/* --------------------------------------------------------------------------
   Nagłówki sekcji (kreska akcentu jak w serwisach technologicznych)
   -------------------------------------------------------------------------- */
.odk-sekcja { margin-block: 40px; }
.odk-sekcja__tytul {
	display: flex; align-items: center; gap: 16px; margin: 0 0 18px;
	font-family: var(--f-nag); font-size: 1.5rem; font-weight: 800; letter-spacing: -.02em; color: var(--c-tusz);
}
.odk-sekcja__tytul::after { content: ""; flex: 1; height: 2px; background: var(--c-akcent); border-radius: 2px; }
.odk-sekcja__tytul a { display: inline-flex; align-items: center; gap: 6px; color: inherit; text-decoration: none; }
.odk-sekcja__tytul a:hover { color: var(--c-link); }
.odk-sekcja__tytul a .odk-ikona { transition: transform .15s; }
.odk-sekcja__tytul a:hover .odk-ikona { transform: translateX(3px); }

/* --------------------------------------------------------------------------
   Karty
   -------------------------------------------------------------------------- */
.odk-karta { position: relative; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.odk-karta__obraz { position: relative; aspect-ratio: 16 / 9; border-radius: var(--odk-r); overflow: hidden; background: var(--c-tlo); }
.odk-karta__obraz .odk-obraz { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.odk-karta:hover .odk-karta__obraz .odk-obraz { transform: scale(1.035); }
.odk-obraz--brak { display: grid !important; place-items: center; color: var(--c-akcent); background: linear-gradient(135deg, var(--c-akcent-jasny), var(--c-tlo)); }
.odk-karta__obraz .odk-etykieta { position: absolute; left: 10px; bottom: 10px; z-index: 1; }
.odk-karta__tresc { display: flex; flex-direction: column; gap: 6px; }
.odk-karta__meta { margin: 0; font-size: .8125rem; color: var(--c-szary); }
.odk-karta__tytul { margin: 0; font-family: var(--f-nag); font-size: 1.0625rem; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; }
.odk-karta__tytul a { color: var(--c-tusz); text-decoration: none; }
.odk-karta__tytul a::after { content: ""; position: absolute; inset: 0; z-index: 2; }
.odk-karta:hover .odk-karta__tytul a { color: var(--c-link); }
.odk-karta__zajawka { margin: 0; color: var(--c-szary); font-size: .9375rem; line-height: 1.55; }

.odk-etykieta {
	display: inline-block; padding: 3px 8px; border-radius: 4px;
	background: var(--c-bialy); color: var(--c-tusz);
	font-size: .6875rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; line-height: 1.4;
}
a.odk-etykieta:hover { color: var(--c-link); }
.odk-etykieta--partner { background: var(--c-tusz); color: var(--c-bialy); }

.odk-autor { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--c-tusz); font-size: .8125rem; }
.odk-autor__awatar, .odk-autor img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; }

/* czołówka */
.odk-czolowka { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(280px, 1fr); gap: 28px; margin-top: 24px; align-items: stretch; }
.odk-karta--czolowka { display: block; border-radius: var(--odk-r); overflow: hidden; }
.odk-karta--czolowka .odk-karta__obraz { aspect-ratio: auto; height: 100%; min-height: 420px; border-radius: 0; }
.odk-karta--czolowka .odk-karta__obraz::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgb(10 12 16 / .88)); }
.odk-karta--czolowka .odk-karta__tresc { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 28px; gap: 10px; }
.odk-karta--czolowka .odk-autor { color: #fff; background: rgb(0 0 0 / .35); padding: 3px 8px 3px 3px; border-radius: 999px; width: fit-content; }
.odk-karta--czolowka .odk-karta__meta { display: flex; }
.odk-karta--czolowka .odk-etykieta { width: fit-content; background: var(--c-akcent); color: #fff; }
.odk-karta--czolowka .odk-karta__tytul { font-size: clamp(1.625rem, 3vw, 2.5rem); line-height: 1.12; letter-spacing: -.025em; font-weight: 700; }
.odk-karta--czolowka .odk-karta__tytul a, .odk-karta--czolowka:hover .odk-karta__tytul a { color: #fff; }
.odk-karta--czolowka .odk-karta__zajawka { color: rgb(255 255 255 / .85); max-width: 60ch; }

.odk-najnowsze { display: flex; flex-direction: column; min-height: 0; max-height: 560px; }
.odk-najnowsze .odk-sekcja__tytul { margin-bottom: 10px; }
.odk-najnowsze__lista {
	list-style: none; margin: 0; padding: 0; overflow: hidden; flex: 1;
	-webkit-mask-image: linear-gradient(180deg, #000 82%, transparent); mask-image: linear-gradient(180deg, #000 82%, transparent);
}
.odk-najnowsze__lista li { display: grid; grid-template-columns: 4.6rem 1fr; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--c-linia); }
.odk-najnowsze__lista time { font-weight: 800; font-size: .8125rem; color: var(--c-tusz); padding-top: 2px; font-variant-numeric: tabular-nums; }
.odk-najnowsze__lista a { color: var(--c-tusz); text-decoration: none; font-weight: 600; font-size: .9375rem; line-height: 1.35; }
.odk-najnowsze__lista a:hover { color: var(--c-link); }
.odk-bok .odk-najnowsze, .odk-404 .odk-najnowsze { max-height: none; }
.odk-bok .odk-najnowsze__lista, .odk-404 .odk-najnowsze__lista { -webkit-mask-image: none; mask-image: none; }

/* siatki */
.odk-siatka { display: grid; gap: 28px 24px; }
.odk-siatka--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.odk-siatka--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.odk-siatka--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.odk-uklad-1-4 { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 28px; }
.odk-karta--duza .odk-karta__tytul { font-size: clamp(1.25rem, 2vw, 1.625rem); line-height: 1.2; }
.odk-uklad-1-4__lista { display: flex; flex-direction: column; gap: 18px; }
.odk-karta--pozioma { display: grid; grid-template-columns: 200px 1fr; gap: 16px; align-items: start; }
.odk-karta--pozioma .odk-karta__obraz .odk-etykieta { display: none; }
.odk-karta--pozioma .odk-karta__tytul { font-size: 1rem; }
.odk-karta--mini { display: grid; grid-template-columns: 112px 1fr; gap: 12px; }

/* panel w kolorze */
.odk-panel-kolor {
	margin-block: 48px; padding: 22px 24px 28px; border-radius: 16px; color: #fff;
	background:
		repeating-linear-gradient(115deg, rgb(255 255 255 / .05) 0 2px, transparent 2px 22px),
		linear-gradient(120deg, #075E59 0%, #0B8C86 45%, #14161D 100%);
}
.odk-panel-kolor .odk-sekcja__tytul { color: #fff; }
.odk-panel-kolor .odk-sekcja__tytul::after { background: rgb(255 255 255 / .35); }
.odk-panel-kolor__opis { margin: -8px 0 18px; color: rgb(255 255 255 / .8); font-size: .9375rem; }
.odk-panel-kolor__siatka { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 22px; }
.odk-panel-kolor .odk-karta__tytul a, .odk-panel-kolor .odk-karta:hover .odk-karta__tytul a { color: #fff; }
.odk-panel-kolor .odk-karta:hover .odk-karta__tytul a { text-decoration: underline; text-underline-offset: 3px; }
.odk-panel-kolor .odk-karta__meta, .odk-panel-kolor .odk-karta__zajawka { color: rgb(255 255 255 / .8); }
.odk-panel-kolor .odk-autor { color: #fff; }
.odk-panel-kolor .odk-karta--duza .odk-karta__obraz { aspect-ratio: 4 / 3; }
.odk-panel-kolor .odk-siatka { gap: 20px; }

/* eksploatacja */
.odk-eksploatacja__opis { margin: -6px 0 18px; max-width: 70ch; color: var(--c-szary); }
.odk-kafle { list-style: none; margin: 0 0 28px; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.odk-kafel {
	display: flex; flex-direction: column; gap: 6px; height: 100%; box-sizing: border-box; padding: 16px;
	border: 1px solid var(--c-linia); border-radius: var(--odk-r); background: var(--c-bialy);
	text-decoration: none; color: var(--c-tusz); transition: border-color .15s, transform .15s, box-shadow .15s;
}
.odk-kafel .odk-ikona { color: var(--c-akcent); margin-bottom: 4px; }
.odk-kafel__t { font-family: var(--f-nag); font-weight: 800; font-size: 1.0625rem; }
.odk-kafel__o { color: var(--c-szary); font-size: .8125rem; line-height: 1.45; }
.odk-kafel:hover { border-color: var(--c-akcent); transform: translateY(-2px); box-shadow: var(--odk-cien); }

/* marki i chipy */
.odk-marki { margin-block: 40px; }
.odk-marki__tytul { font-family: var(--f-nag); font-weight: 800; font-size: 1.125rem; color: var(--c-tusz); margin: 0 0 12px; }
.odk-marki__lista, .odk-chipy { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.odk-marki__lista a, .odk-chip {
	display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border: 1px solid var(--c-linia); border-radius: 999px;
	color: var(--c-tusz); text-decoration: none; font-size: .875rem; font-weight: 600; background: var(--c-bialy);
}
.odk-marki__lista a:hover, .odk-chip:hover { border-color: var(--c-akcent); color: var(--c-link); }
.odk-chip span { color: var(--c-szary); font-weight: 500; }
.odk-chip--marka { background: var(--c-akcent-jasny); border-color: transparent; }
.odk-sekcja--partnerzy .odk-sekcja__tytul::after { background: var(--c-linia); }

/* --------------------------------------------------------------------------
   Reklamy (miejsca rezerwowane — bez skakania układu)
   -------------------------------------------------------------------------- */
.odk-reklama { margin: 28px auto; text-align: center; }
.odk-reklama__podpis {
	display: flex; align-items: center; gap: 12px; max-width: 840px; margin: 0 auto 6px;
	font-size: .625rem; letter-spacing: .12em; text-transform: uppercase; color: var(--c-szary);
}
.odk-reklama__podpis::before, .odk-reklama__podpis::after { content: ""; flex: 1; height: 1px; background: var(--c-linia); }
.odk-reklama__miejsce { display: block; min-height: var(--odk-reklama-h, 280px); }
.odk-reklama--bok .odk-reklama__miejsce { --odk-reklama-h: 600px; }
.odk-reklama--tresc .odk-reklama__miejsce { --odk-reklama-h: 280px; }
@media (max-width: 700px) { .odk-reklama__miejsce { --odk-reklama-h: 250px; } }

/* --------------------------------------------------------------------------
   Wpis
   -------------------------------------------------------------------------- */
.odk-wpis__siatka { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; padding-top: 20px; }
.odk-wpis--ranking .odk-wpis__siatka { grid-template-columns: minmax(0, 1fr); }
.odk-okruszki ol { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 0; font-size: .8125rem; color: var(--c-szary); }
.odk-okruszki li + li::before { content: "›"; margin: 0 8px; color: var(--c-szary); }
.odk-okruszki a { color: var(--c-szary); text-decoration: none; }
.odk-okruszki a:hover { color: var(--c-link); text-decoration: underline; }
.odk-wpis__tytul { margin: 0 0 16px; font-size: clamp(1.875rem, 3.6vw, 2.75rem); line-height: 1.12; letter-spacing: -.025em; max-width: 24ch; }
.odk-wpis--ranking .odk-wpis__tytul { max-width: 30ch; }
.odk-lead { margin: 0 0 18px; font-size: 1.1875rem; line-height: 1.55; font-weight: 500; color: var(--c-tusz); max-width: 62ch; }
.odk-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-bottom: 20px; font-size: .8125rem; color: var(--c-szary); }
.odk-meta .odk-etykieta { background: var(--c-akcent-jasny); color: var(--c-link); }
.odk-meta__czas { display: inline-flex; align-items: center; gap: 5px; }
.odk-wpis__obraz { margin: 0 0 28px; }
.odk-wpis__obraz img { width: 100%; border-radius: var(--odk-r); aspect-ratio: 16 / 9; object-fit: cover; }

.odk-wpis__cialo { display: grid; grid-template-columns: minmax(0, 1fr); }
.odk-wpis__lewa { display: none; }
.odk-wpis__tekst { max-width: 746px; min-width: 0; }
.odk-wpis--ranking .odk-wpis__tekst { max-width: 1000px; }
@media (min-width: 1280px) {
	.odk-wpis__cialo { grid-template-columns: 190px minmax(0, 746px); gap: 28px; }
	.odk-wpis--ranking .odk-wpis__cialo { grid-template-columns: 220px minmax(0, 1000px); }
	.odk-wpis__lewa:not(:empty) { display: block; grid-column: 1; }
	.odk-wpis__tekst { grid-column: 2; }
	.odk-wpis__cialo:has(.odk-wpis__lewa:empty) { grid-template-columns: 0 minmax(0, 746px); gap: 0; }
	.odk-wpis--ranking .odk-wpis__cialo:has(.odk-wpis__lewa:empty) { grid-template-columns: 0 minmax(0, 1000px); }
}

.odk-ujawnienie { margin: 0 0 20px; padding: 10px 14px; border-left: 3px solid var(--c-akcent); background: var(--c-tlo); border-radius: 0 var(--odk-r-s) var(--odk-r-s) 0; font-size: .8125rem; color: var(--c-szary); }
.odk-ujawnienie--partner { border-color: var(--c-tusz); }

/* treść */
.odk-tresc { font-size: 1.0625rem; line-height: 1.75; }
.odk-tresc > * { margin-block: 0 1.15em; }
.odk-tresc > h2 { margin: 2.2em 0 .6em; font-size: clamp(1.4375rem, 2.4vw, 1.75rem); line-height: 1.22; }
.odk-tresc > h3 { margin: 1.8em 0 .5em; font-size: 1.25rem; }
.odk-tresc > h4 { margin: 1.5em 0 .4em; }
.odk-tresc a { text-underline-offset: 3px; text-decoration-thickness: 1px; }
.odk-tresc ul, .odk-tresc ol { padding-left: 1.35em; }
.odk-tresc li { margin-bottom: .4em; }
.odk-tresc li::marker { color: var(--c-akcent); font-weight: 700; }
.odk-tresc img { border-radius: var(--odk-r-s); }
.odk-tresc figure { margin-inline: 0; }
.odk-tresc figcaption { font-size: .8125rem; color: var(--c-szary); margin-top: 6px; }
.odk-tresc blockquote { margin-inline: 0; font-style: normal; }
.odk-tresc hr { border: 0; height: 1px; background: var(--c-linia); }
.odk-tresc .wp-block-table, .odk-tresc > table { overflow-x: auto; }
.odk-tresc table { width: 100%; border-collapse: collapse; font-size: .9375rem; line-height: 1.5; }
.odk-tresc th, .odk-tresc td { padding: 10px 12px; border-bottom: 1px solid var(--c-linia); text-align: left; vertical-align: top; }
.odk-tresc thead th, .odk-tresc tr:first-child th { background: var(--c-tlo); font-weight: 700; color: var(--c-tusz); border-bottom: 2px solid var(--c-akcent); }
.odk-tresc tbody tr:hover { background: color-mix(in srgb, var(--c-akcent-jasny) 50%, transparent); }

/* spis treści */
.odk-spis { margin: 0 0 1.6em; border: 1px solid var(--c-linia); border-radius: var(--odk-r); background: var(--c-tlo); font-size: .9375rem; line-height: 1.45; }
.odk-spis summary { padding: 12px 16px; cursor: pointer; font-family: var(--f-nag); font-weight: 800; color: var(--c-tusz); list-style: none; display: flex; justify-content: space-between; }
.odk-spis summary::-webkit-details-marker { display: none; }
.odk-spis summary::after { content: "+"; font-weight: 400; font-size: 1.25rem; line-height: 1; }
.odk-spis[open] summary::after { content: "–"; }
.odk-spis__ile { color: var(--c-szary); font-weight: 500; margin-left: 4px; margin-right: auto; }
.odk-spis nav { padding: 0 16px 14px; }
.odk-spis ol { margin: 0; padding-left: 1.3em; }
.odk-spis ol ol { margin-top: 4px; font-size: .875rem; list-style: lower-alpha; }
.odk-spis li { margin: 0 0 6px; }
.odk-spis a { color: var(--c-tusz); text-decoration: none; }
.odk-spis a:hover { color: var(--c-link); text-decoration: underline; }

.odk-spis-bok { position: sticky; top: calc(var(--odk-gora) + 24px); max-height: calc(100vh - var(--odk-gora) - 48px); overflow: auto; font-size: .8125rem; line-height: 1.4; }
.odk-spis-bok__t { margin: 0 0 10px; font-size: .6875rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--c-szary); }
.odk-spis-bok ol { list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--c-linia); }
.odk-spis-bok ol ol { display: none; }
.odk-spis-bok a { display: block; padding: 6px 0 6px 12px; margin-left: -2px; border-left: 2px solid transparent; color: var(--c-szary); text-decoration: none; }
.odk-spis-bok a:hover { color: var(--c-tusz); }
.odk-spis-bok a[aria-current="true"] { color: var(--c-tusz); font-weight: 700; border-left-color: var(--c-akcent); }
@media (min-width: 1280px) { .odk-wpis__cialo:has(.odk-wpis__lewa:not(:empty)) .odk-spis { display: none; } }

/* chipy marek, autor */
.odk-wpis__tekst > .odk-chipy { margin: 32px 0 0; }
.odk-autor-ramka { display: flex; gap: 16px; align-items: flex-start; margin: 28px 0 0; padding: 20px; border-radius: var(--odk-r); background: var(--c-tlo); font-size: .9375rem; }
.odk-autor-ramka img { border-radius: 50%; flex: none; width: 64px; height: 64px; }
.odk-autor-ramka__kto { margin: 0 0 4px; font-family: var(--f-nag); font-weight: 800; }
.odk-autor-ramka__kto a { color: var(--c-tusz); text-decoration: none; }
.odk-autor-ramka p:last-child { margin: 0; color: var(--c-szary); }

/* kolumna boczna */
.odk-bok { min-width: 0; }
.odk-bok__w { display: flex; flex-direction: column; gap: 28px; height: 100%; }
.odk-bok .odk-sekcja__tytul { font-size: 1.1875rem; }
.odk-bok__przyklejone { position: sticky; top: calc(var(--odk-gora) + 20px); }
.odk-bok-lista ol { list-style: none; margin: 0; padding: 0; }
.odk-bok-lista li { display: grid; grid-template-columns: 30px 1fr; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--c-linia); }
.odk-bok-lista__nr { font-family: var(--f-nag); font-weight: 800; font-size: 1.375rem; line-height: 1; color: var(--c-akcent); }
.odk-bok-lista a { color: var(--c-tusz); text-decoration: none; font-weight: 600; font-size: .9375rem; line-height: 1.35; }
.odk-bok-lista a:hover { color: var(--c-link); }

/* komentarze */
.odk-komentarze { max-width: 746px; margin: 40px 0; }
.odk-komentarz { padding: 16px 0; border-bottom: 1px solid var(--c-linia); font-size: .9375rem; }
.odk-komentarz .wp-block-comment-author-name { font-weight: 700; }
.odk-komentarz .wp-block-comment-date { font-size: .8125rem; color: var(--c-szary); }
.odk-komentarze textarea, .odk-komentarze input[type="text"], .odk-komentarze input[type="email"], .odk-komentarze input[type="url"] { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--c-linia); border-radius: var(--odk-r-s); font: inherit; background: var(--c-bialy); color: var(--c-tekst); }

/* --------------------------------------------------------------------------
   Elementy treści: karta produktu, ranking, plusy/minusy, werdykt, ramki
   -------------------------------------------------------------------------- */
.odk-produkt {
	display: grid; grid-template-columns: 150px 1fr; gap: 20px; align-items: center;
	margin: 1.5em 0; padding: 18px; border: 1px solid var(--c-linia); border-radius: 14px; background: var(--c-bialy); box-shadow: var(--odk-cien);
}
.odk-produkt__obraz { aspect-ratio: 1; display: grid; place-items: center; background: #fff; border-radius: var(--odk-r); overflow: hidden; }
.odk-produkt__obraz img { width: 100%; height: 100%; object-fit: contain; border-radius: 0; }
.odk-produkt__nazwa { margin: 0 0 6px !important; font-family: var(--f-nag); font-size: 1.1875rem; font-weight: 800; line-height: 1.25; color: var(--c-tusz); }
.odk-produkt__etykieta { display: inline-block; margin-bottom: 6px; padding: 2px 8px; border-radius: 4px; background: var(--c-akcent-jasny); color: var(--c-link); font-size: .6875rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.odk-produkt__plusy { list-style: none; margin: 0 0 12px !important; padding: 0 !important; font-size: .9375rem; line-height: 1.45; }
.odk-produkt__plusy li { position: relative; padding-left: 22px; margin-bottom: 4px; }
.odk-produkt__plusy li::before { content: ""; position: absolute; left: 2px; top: .35em; width: 12px; height: 7px; border-left: 2.5px solid var(--c-akcent); border-bottom: 2.5px solid var(--c-akcent); transform: rotate(-45deg); }
.odk-produkt__dol { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.odk-produkt__cena { font-weight: 800; color: var(--c-tusz); }
.odk-produkt__cena small { display: block; font-weight: 500; font-size: .75rem; color: var(--c-szary); }
.odk-przycisk-sklep, .odk-tresc a.odk-przycisk-sklep {
	display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 999px;
	background: var(--c-cena); color: #fff; font-weight: 700; font-size: .9375rem; text-decoration: none; line-height: 1.2; white-space: nowrap;
	transition: filter .15s, transform .15s;
}
.odk-przycisk-sklep:hover { filter: brightness(1.1); transform: translateY(-1px); color: #fff; }
/* wariant blokowy (wzór „Karta produktu”): wp:button z klasą odk-przycisk-sklep */
.wp-block-button.odk-przycisk-sklep { display: block; padding: 0; background: none; }
.wp-block-button.odk-przycisk-sklep .wp-block-button__link { background: var(--c-cena); color: #fff; border-radius: 999px; font-weight: 700; padding: 11px 20px; text-decoration: none; }
.wp-block-button.odk-przycisk-sklep .wp-block-button__link:hover { filter: brightness(1.1); }
.odk-produkt .wp-block-image { margin: 0; }
.odk-produkt__opis > * { margin-block: 0; }
.odk-produkt__dol .wp-block-buttons { margin: 0; }
.odk-produkt__cena { margin: 0 !important; }
@media (max-width: 560px) { .odk-produkt { grid-template-columns: 96px 1fr; gap: 14px; padding: 14px; } .odk-produkt__plusy { display: none; } }

/* tabela rankingowa: blok Tabela z klasą „odk-ranking” */
.odk-tresc .odk-ranking table { font-size: .9375rem; }
.odk-tresc .odk-ranking td:first-child { font-family: var(--f-nag); font-weight: 800; font-size: 1.25rem; color: var(--c-akcent); width: 2.5rem; text-align: center; }
.odk-tresc .odk-ranking td:nth-child(2) { font-weight: 700; color: var(--c-tusz); }
.odk-tresc .odk-ranking img { max-width: 72px; height: auto; display: block; }
.odk-tresc .odk-ranking a[href*="ceneo"] { display: inline-block; padding: 7px 14px; border-radius: 999px; background: var(--c-cena); color: #fff; font-weight: 700; font-size: .8125rem; text-decoration: none; white-space: nowrap; }
@media (max-width: 760px) {
	.odk-tresc .odk-ranking { position: relative; }
	.odk-tresc .odk-ranking table { min-width: 760px; }
	.odk-tresc .odk-ranking td:first-child, .odk-tresc .odk-ranking th:first-child { position: sticky; left: 0; background: var(--c-bialy); z-index: 1; }
}

/* plusy / minusy: dwie kolumny z klasami odk-plusy, odk-minusy */
.odk-tresc .odk-plusy, .odk-tresc .odk-minusy { padding: 16px 18px 6px; border-radius: var(--odk-r); background: var(--c-tlo); }
.odk-tresc .odk-plusy > :first-child, .odk-tresc .odk-minusy > :first-child { margin-top: 0; font-size: 1rem; }
.odk-tresc .odk-plusy ul, .odk-tresc .odk-minusy ul { list-style: none; padding-left: 0; }
.odk-tresc .odk-plusy li, .odk-tresc .odk-minusy li { position: relative; padding-left: 24px; }
.odk-tresc .odk-plusy li::before { content: "+"; position: absolute; left: 4px; font-weight: 800; color: #15803D; }
.odk-tresc .odk-minusy li::before { content: "–"; position: absolute; left: 4px; font-weight: 800; color: #B91C1C; }
html[data-theme="dark"] .odk-tresc .odk-plusy li::before { color: #4ADE80; }
html[data-theme="dark"] .odk-tresc .odk-minusy li::before { color: #F87171; }

/* werdykt, ramka „W skrócie”, ramka eksploatacji */
.odk-tresc .odk-werdykt { padding: 20px 22px; border-radius: 14px; background: var(--c-tusz); color: var(--c-bialy); }
.odk-tresc .odk-werdykt :where(h2, h3, h4, p, li, strong) { color: var(--c-bialy); }
.odk-tresc .odk-werdykt > :first-child { margin-top: 0; }
.odk-tresc .odk-werdykt > :last-child { margin-bottom: 0; }
.odk-tresc .odk-skrot, .odk-tresc .odk-pasuje { padding: 18px 20px; border-radius: var(--odk-r); background: var(--c-akcent-jasny); border: 1px solid color-mix(in srgb, var(--c-akcent) 30%, transparent); }
.odk-tresc .odk-skrot > :first-child, .odk-tresc .odk-pasuje > :first-child { margin-top: 0; }
.odk-tresc .odk-skrot > :last-child, .odk-tresc .odk-pasuje > :last-child { margin-bottom: 0; }

/* stare treści z Divi (strony marek, Kontakt) */
.odk-divi-wiersz { display: flex; flex-wrap: wrap; gap: 24px; margin-block: 0 1.2em; }
.odk-divi-kolumna { flex: 1 1 240px; min-width: 0; }
.odk-divi-kolumna > :first-child { margin-top: 0; }
.odk-divi-obraz { margin: 0 0 1em; }
.odk-divi-obraz img { border-radius: var(--odk-r-s); }

/* formularze Contact Form 7 (Kontakt) */
.wpcf7 form { max-width: 640px; }
.wpcf7 form p { margin: 0 0 16px; }
.wpcf7 label { display: block; font-weight: 600; font-size: .9375rem; color: var(--c-tusz); }
.wpcf7 .wpcf7-form-control-wrap { display: block; margin-top: 6px; }
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="url"], .wpcf7 textarea, .wpcf7 select {
	width: 100%; box-sizing: border-box; padding: 12px 14px; font: inherit; font-weight: 400; color: var(--c-tekst);
	background: var(--c-bialy); border: 1.5px solid var(--c-linia); border-radius: var(--odk-r-s); transition: border-color .15s;
}
.wpcf7 textarea { min-height: 160px; resize: vertical; }
.wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus { outline: none; border-color: var(--c-akcent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-akcent) 20%, transparent); }
.wpcf7 input[type="submit"] {
	padding: 12px 28px; border: 0; border-radius: 999px; background: var(--c-link); color: #fff;
	font: inherit; font-weight: 700; cursor: pointer; transition: background .15s;
}
.wpcf7 input[type="submit"]:hover { background: var(--c-tusz); }
html[data-theme="dark"] .wpcf7 input[type="submit"] { color: #0F1115; }
.wpcf7 .wpcf7-not-valid-tip { font-size: .8125rem; color: #B91C1C; margin-top: 4px; }
.wpcf7 .wpcf7-response-output { margin: 16px 0 0 !important; padding: 12px 14px !important; border-radius: var(--odk-r-s); font-size: .9375rem; }
.wpcf7 .wpcf7-spinner { vertical-align: middle; }

/* karty rankingowe (tabela z klasą odk-ranking--karty) */
.odk-rk { display: flex; flex-direction: column; gap: 14px; counter-reset: rk; }
.odk-rk__karta {
	position: relative; display: grid; grid-template-columns: 56px 132px minmax(0, 1fr) 210px; gap: 0 22px; align-items: center;
	padding: 18px 22px 18px 18px; border: 1px solid var(--c-linia); border-radius: 14px; background: var(--c-bialy);
	transition: border-color .15s, box-shadow .15s;
}
.odk-rk__karta:hover { border-color: color-mix(in srgb, var(--c-akcent) 55%, var(--c-linia)); box-shadow: var(--odk-cien); }
.odk-rk__karta--podium { border-color: color-mix(in srgb, var(--c-akcent) 40%, var(--c-linia)); }
.odk-rk__karta--dalej { display: none; }
.odk-rk--wszystkie .odk-rk__karta--dalej { display: grid; }
.odk-rk__miejsce {
	display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%;
	font-family: var(--f-nag); font-weight: 900; font-size: 1.375rem; color: var(--c-tusz); background: var(--c-tlo);
}
.odk-rk__karta--podium .odk-rk__miejsce { background: var(--c-akcent); color: #fff; }
.odk-rk__karta:first-child .odk-rk__miejsce { background: var(--c-tusz); color: var(--c-bialy); box-shadow: 0 0 0 4px var(--c-akcent-jasny); }
.odk-rk__obraz { display: grid; place-items: center; width: 132px; height: 132px; border-radius: var(--odk-r); background: #fff; overflow: hidden; color: var(--c-akcent); }
.odk-rk__obraz img { width: 100%; height: 100%; object-fit: contain; padding: 8px; box-sizing: border-box; }
html[data-theme="dark"] .odk-rk__obraz { background: #F4F6F7; }
.odk-rk__etykieta { display: inline-block; margin: 0 0 6px; padding: 3px 9px; border-radius: 4px; background: var(--c-akcent-jasny); color: var(--c-link); font-size: .6875rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.odk-rk__nazwa { margin: 0 0 4px !important; font-family: var(--f-nag); font-size: 1.1875rem; font-weight: 800; line-height: 1.25; color: var(--c-tusz); }
.odk-rk__tekst { margin: 0 0 10px !important; font-size: .9375rem; line-height: 1.5; color: var(--c-szary); }
.odk-rk__parametry { display: flex; flex-wrap: wrap; gap: 6px 8px; margin: 0; }
.odk-rk__parametry div { display: inline-flex; gap: 6px; align-items: baseline; padding: 5px 10px; border-radius: 999px; background: var(--c-tlo); font-size: .8125rem; line-height: 1.35; }
.odk-rk__parametry dt { color: var(--c-szary); font-weight: 500; }
.odk-rk__parametry dt::after { content: ":"; }
.odk-rk__parametry dd { margin: 0; color: var(--c-tusz); font-weight: 700; }
.odk-rk__akcja { display: flex; flex-direction: column; align-items: stretch; gap: 6px; text-align: center; }
.odk-rk__akcja .odk-przycisk-sklep { justify-content: center; }
.odk-rk__info { font-size: .75rem; color: var(--c-szary); }
.odk-rk__wiecej {
	display: block; margin: 16px auto 0; padding: 11px 24px; border: 1.5px solid var(--c-tusz); border-radius: 999px;
	background: none; color: var(--c-tusz); font: inherit; font-weight: 700; cursor: pointer;
}
.odk-rk__wiecej:hover { background: var(--c-tusz); color: var(--c-bialy); }
.odk-rk__podpis { margin: 12px 0 0; text-align: center; font-size: .8125rem; color: var(--c-szary); }
@media (max-width: 960px) {
	.odk-rk__karta { grid-template-columns: 44px 104px minmax(0, 1fr); gap: 12px 16px; align-items: start; }
	.odk-rk__miejsce { width: 40px; height: 40px; font-size: 1.125rem; }
	.odk-rk__obraz { width: 104px; height: 104px; }
	.odk-rk__akcja { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; border-top: 1px solid var(--c-linia); padding-top: 12px; }
}
@media (max-width: 560px) {
	.odk-rk__karta { grid-template-columns: 88px minmax(0, 1fr); padding: 14px; }
	.odk-rk__miejsce { position: absolute; top: 10px; left: 10px; z-index: 1; width: 32px; height: 32px; font-size: .9375rem; }
	.odk-rk__obraz { width: 88px; height: 88px; grid-row: 1; }
	.odk-rk__opis { grid-row: 1; }
	.odk-rk__tekst { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.odk-rk__akcja { flex-direction: column; align-items: stretch; }
	.odk-rk__nazwa { font-size: 1.0625rem; }
}

/* tabela rankingowa jako sekcja strony głównej */
.odk-sekcja--wzorzec .odk-tresc { font-size: .9375rem; }
.odk-sekcja--wzorzec .odk-ranking { margin: 0; }
.odk-sekcja--wzorzec .odk-ranking td:nth-child(4) { min-width: 260px; color: var(--c-szary); }
.odk-sekcja--wzorzec .odk-ranking td { vertical-align: middle; }

/* --------------------------------------------------------------------------
   Archiwum, strona, 404
   -------------------------------------------------------------------------- */
.odk-archiwum { padding-top: 20px; padding-bottom: 40px; }
.odk-archiwum__naglowek { margin-bottom: 28px; padding-bottom: 20px; border-bottom: 2px solid var(--c-akcent); }
.odk-archiwum__etykieta { margin: 0 0 4px; font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--c-link); }
.odk-archiwum__tytul { margin: 0; font-size: clamp(2rem, 4vw, 2.875rem); letter-spacing: -.03em; }
.odk-archiwum__opis { max-width: 75ch; margin-top: 10px; color: var(--c-szary); }
.odk-archiwum__opis p { margin: 0 0 .6em; }
.odk-chipy--pod { margin-top: 16px; }
.odk-archiwum__pierwszy { margin-bottom: 32px; }
.odk-archiwum__pierwszy .odk-karta--duza { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 28px; align-items: center; }
.odk-archiwum__pierwszy .odk-karta__tytul { font-size: clamp(1.5rem, 2.6vw, 2rem); }
.odk-paginacja ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 40px 0 0; padding: 0; }
.odk-paginacja a, .odk-paginacja span.page-numbers {
	display: inline-flex; align-items: center; gap: 6px; min-width: 42px; height: 42px; padding: 0 12px; box-sizing: border-box; justify-content: center;
	border: 1px solid var(--c-linia); border-radius: 999px; color: var(--c-tusz); text-decoration: none; font-weight: 600;
}
.odk-paginacja .current { background: var(--c-tusz); color: var(--c-bialy); border-color: var(--c-tusz); }
.odk-paginacja a:hover { border-color: var(--c-akcent); color: var(--c-link); }
.odk-pusto { padding: 40px 0; }

.odk-strona { padding-top: 20px; padding-bottom: 60px; }
.odk-strona .wp-block-post-title { margin-top: 0; }
.odk-404 { padding-block: 60px; }
.odk-404__w { text-align: center; margin-bottom: 40px; }
.odk-404__kod { font-family: var(--f-nag); font-weight: 900; font-size: 6rem; line-height: 1; margin: 0; color: var(--c-akcent); }
.odk-404 .odk-szukaj__form { padding-inline: 0; }

/* --------------------------------------------------------------------------
   Stopka
   -------------------------------------------------------------------------- */
.odk-stopka { margin-top: 56px; background: #14161D; color: #C9CDD6; font-size: .9375rem; }
html[data-theme="dark"] .odk-stopka { background: #0A0B0E; border-top: 1px solid var(--c-linia); }
.odk-stopka__w { max-width: var(--odk-kont); margin: 0 auto; padding: 48px 16px 32px; display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: 32px; }
.odk-stopka__o p { margin: 14px 0 0; max-width: 42ch; line-height: 1.6; }
.odk-stopka__tytul { margin: 0 0 12px; color: #fff; font-family: var(--f-nag); font-weight: 800; }
.odk-stopka ul { list-style: none; margin: 0; padding: 0; }
.odk-stopka li { margin-bottom: 8px; }
.odk-stopka a { color: #C9CDD6; text-decoration: none; }
.odk-stopka a:hover { color: #fff; text-decoration: underline; }
.odk-stopka .odk-logo__nazwa { color: #fff; }
.odk-stopka__dol { max-width: var(--odk-kont); margin: 0 auto; padding: 18px 16px 28px; border-top: 1px solid #2A2E37; display: flex; justify-content: space-between; gap: 24px; font-size: .8125rem; color: #969CA8; }
.odk-stopka__dol p { margin: 0; max-width: 90ch; }

/* --------------------------------------------------------------------------
   Responsywność
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
	.odk-wpis__siatka { grid-template-columns: minmax(0, 1fr); }
	.odk-bok { display: none; }
	.odk-siatka--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.odk-kafle { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.odk-czolowka { grid-template-columns: minmax(0, 1fr); }
	.odk-najnowsze { max-height: none; }
	.odk-najnowsze__lista { max-height: 430px; }
	.odk-stopka__w { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 860px) {
	.odk-uklad-1-4, .odk-panel-kolor__siatka, .odk-archiwum__pierwszy .odk-karta--duza { grid-template-columns: minmax(0, 1fr); }
	.odk-siatka--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.odk-karta--pozioma { grid-template-columns: 140px 1fr; }
}
@media (max-width: 600px) {
	.odk-siatka--4, .odk-siatka--3, .odk-siatka--2 { grid-template-columns: minmax(0, 1fr); }
	.odk-siatka--4 .odk-karta, .odk-siatka--3 .odk-karta { display: grid; grid-template-columns: 128px 1fr; gap: 12px; align-items: start; }
	.odk-siatka .odk-karta__obraz .odk-etykieta { display: none; }
	.odk-kafle { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.odk-karta--czolowka .odk-karta__obraz { min-height: 360px; }
	.odk-karta--czolowka .odk-karta__tresc { padding: 18px; }
	.odk-karta--czolowka .odk-karta__zajawka { display: none; }
	.odk-panel-kolor { padding: 18px 14px 20px; margin-inline: -4px; }
	.odk-stopka__w { grid-template-columns: 1fr; }
	.odk-stopka__dol { flex-direction: column; }
	.odk-sekcja__tytul { font-size: 1.3125rem; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* 1.0.4: działy złożone z sekcji (Rankingi) */
.odk-archiwum__sekcja { margin-top: clamp(28px, 4vw, 48px); }
.odk-archiwum__sekcja:first-of-type { margin-top: 0; }
.odk-archiwum--dzial .odk-sekcja--wzorzec { margin-top: clamp(28px, 4vw, 48px); }
.odk-przypiete { display: grid; gap: 20px; }
.odk-przypiete--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.odk-przypiete .odk-karta--czolowka .odk-karta__obraz { min-height: 360px; }
.odk-przypiete--2 .odk-karta--czolowka .odk-karta__tytul { font-size: clamp(1.375rem, 2.2vw, 1.875rem); }
@media (max-width: 860px) {
	.odk-przypiete--2 { grid-template-columns: 1fr; }
	.odk-przypiete .odk-karta--czolowka .odk-karta__obraz { min-height: 300px; }
}