/* ==========================================================================

   NOWY WYGLAD (redesign 2026). Laduje sie tylko przy wlaczonym przelaczniku
   (MD Custom -> Redesign), PO style.css motywu dziecka -- i go nadpisuje.

   Wymiary i kolory z makiety "Strona glowna 1-1.dc.html" (repozytorium
   mockups-redesign). Progi jak w Uncode: telefon < 570 px, tablet 570-959,
   komputer od 960. Od 1400 px wszystko jak w projekcie 1920 px.

   System (README makiety, "System wizualny"): Rubik 400 i 500 (bez 600),
   akcent #003cf9, linie #ececf0, szewrony z linii 1,5 px.

   SPIS:
     1. Kroj Rubik
     2. Zmienne i drobne wspolne elementy
     3. Logo
     4. Naglowek i panele menu
     5. Menu ☰ (ponizej 960 px)
     6. Przyklejony pasek
     7. Stopka
     8. Pas Placeit
     9. Gora strony glownej i listingow
    10. Sekcje strony glownej, kapsuly, panele kapsul, arkusz
    11. Siatki i karty miniatur
    12. View all, stronicowanie, tekst SEO
    13. Strona i kategorie opakowan (filtry, Load more)
    14. Wpisy studio i packaging (tresc, pobieranie, sidebar, podobne)
    15. Strona "download in progress"
    16. Wyniki wyszukiwania (kapsuly dzialow, Narrow down, pasek)
    17. Podstrony About, Help i License (system blokow md-about)
    18. FAQ i Contact (szablony z wlasna gora)
    19. Wersje opakowania (blok we wpisie packaging, pasek strony ?versions=)

   ========================================================================== */


/* ---------- 1. Kroj Rubik (rd/fonty, tylko 400 i 500) ---------- */

@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonty/rubik-latin-ext-400-normal.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: 'Rubik';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonty/rubik-latin-400-normal.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: 'Rubik';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../fonty/rubik-latin-ext-500-normal.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: 'Rubik';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../fonty/rubik-latin-500-normal.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;
}


/* ---------- 2. Zmienne i drobne wspolne elementy ---------- */

.mdr {
	--mdr-akcent: #003cf9;
	--mdr-akcent-hover: #0030c4;
	--mdr-akcent-2: #1936ff;
	--mdr-jasny: #eef1ff;
	--mdr-tekst: #141418;
	--mdr-tekst-2: #3c3c45;
	--mdr-tekst-3: #6b6b75;
	--mdr-etykieta: #8a8a94;
	--mdr-linia: #ececf0;
	--mdr-linia-2: #e3e3e8;
	/* Tlo wydzielonych czesci menu (prawa kolumna MOCKUPS, "With contents",
	   lewa kolumna Flyer, "All…" w pasku). 2026-10-21: bylo #fafbfd --
	   na slabszym ekranie wygladalo jak biale. */
	--mdr-tlo-panelu: #f4f6fb;
	--mdr-tlo-stopki: #f6f6f8;
	--mdr-cien: 0 28px 56px -16px rgba(0, 40, 140, .22);
	--mdr-cien-duzy: 0 32px 64px -18px rgba(0, 40, 140, .24);
	--mdr-gut: 40px;
}
@media (max-width: 959px) { .mdr { --mdr-gut: 32px; } }
@media (max-width: 569px) { .mdr { --mdr-gut: 20px; } }

/* Atrybut hidden ma wygrywac z display: flex/grid nadanym nizej. */
.mdr [hidden] { display: none !important; }

html.mdr-bez-przewijania { overflow: hidden; }

/* Uncode daje .box-wrapper overflow: hidden, a to wylacza position: sticky
   w calej stronie (przyklejony sidebar wpisow). clip przycina tak samo, ale
   nie tworzy obszaru przewijania. Przegladarka bez clip zostaje przy
   hidden -- sidebar wtedy po prostu sie nie przykleja. */
body.mdr .box-wrapper { overflow: clip; }

/* Wspolne zerowanie dla elementow nowego wygladu -- Uncode stylizuje
   przyciski, pola i listy po swojemu. :where() trzyma sile tej reguly
   najnizej (jak sam "button"), zeby kazda klasa nizej ja nadpisywala. */
:where(.mdr-naglowek, .mdr-pasek, .mdr-menu-mob) button {
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
}
.mdr-naglowek button:focus-visible,
.mdr-pasek button:focus-visible,
.mdr-menu-mob button:focus-visible {
	outline: 2px solid var(--mdr-akcent);
	outline-offset: 2px;
}
/* Pole zajmuje cala kapsule (bez przycisku): pelna wysokosc i lewy margines
   kapsuly (--mdr-szukaj-l, ustawia go kazdy wariant) -- kursor tekstowy
   i klikniecie dzialaja w calej kapsule, nie tylko nad samym tekstem
   (Andrzej 2026-10-20). Tak samo pasek opakowan i szukanie w FAQ. */
.mdr-szukaj input {
	appearance: none;
	-webkit-appearance: none;
	flex: 1;
	align-self: stretch;
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 0 0 0 var(--mdr-szukaj-l, 0px);
	border: 0;
	outline: none;
	box-shadow: none;
	background: transparent;
	font-family: Rubik, sans-serif;
	font-weight: 400;
	color: var(--mdr-tekst);
	line-height: normal;
}
.mdr-szukaj input::placeholder { color: #8a8a94; opacity: 1; }
.mdr-szukaj input::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Wyszukiwarka-kapsula: niebieska obwodka, okragly niebieski przycisk z lupa. */
.mdr-szukaj {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	margin: 0;
	border: 1.5px solid var(--mdr-akcent);
	background: #fff;
}
/* Przycisk "szukaj". Uncode nadaje przyciskom type="submit" padding 13px 31px,
   kolor i krój regulami o sile (0,3,1) -- ta regula ma te sama sile i laduje
   sie pozniej, wiec wygrywa; wszystko wyzerowane wprost. */
.mdr .mdr-szukaj button[type="submit"] {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	min-width: 0;
	min-height: 0;
	line-height: 0;
	font-size: 0;
	letter-spacing: 0;
	text-transform: none;
	background: var(--mdr-akcent);
	cursor: pointer;
}
.mdr .mdr-szukaj button[type="submit"]:hover { background: var(--mdr-akcent-hover); }

/* Lupa: biala, rysowana maska (w makiecie znak ⌕ z kroju zastepczego). */
.mdr-lupa {
	display: block;
	width: 15px;
	height: 15px;
	background: #fff; /* zawsze na niebieskim przycisku; currentColor przegrywal z kolorem przyciskow Uncode */
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 20 20'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 20 20'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Szewron z linii 1,5 px w kolorze tekstu (trojkaty w 1:1 wygladaly jak kropki). */
.mdr-szewron {
	display: inline-block;
	box-sizing: content-box;
	width: 5px;
	height: 5px;
	margin-left: 1px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform .15s;
}

/* Etykieta modulu: niebieska, wersalikami (menu ☰, sidebar, arkusze). */
.mdr-etykieta {
	display: block;
	font: 500 11px Rubik, sans-serif;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--mdr-akcent-2);
}

/* Narysowany prostokat zamiast ikony (rozmiary wizytowek). */
.mdr-ksztalt {
	display: block;
	box-sizing: border-box;
	border: 1px solid var(--mdr-akcent);
}


/* ---------- 3. Logo: znak SVG + napis tekstem (Rubik 500) ----------
   Wszystko liczy sie z --h (wysokosc znaku), geometria z logo.svg:
   szerokosc 6.5823 h, napis od 1.43146 h, wielkosc 0.456818 h, gora 0.344539 h. */

.mdr-logo {
	--h: 32px;
	position: relative;
	flex: none;
	display: block;
	height: var(--h);
	width: calc(var(--h) * 6.5823);
	text-decoration: none;
}
.mdr-logo img {
	display: block;
	height: 100%;
	width: auto;
	max-width: none;
}
.mdr-logo span {
	position: absolute;
	left: calc(var(--h) * 1.43146);
	top: calc(var(--h) * .344539);
	font: 500 calc(var(--h) * .456818)/1 Rubik, sans-serif;
	letter-spacing: -.0093em;
	color: var(--mdr-tekst);
	white-space: nowrap;
}
.mdr-logo--pasek { --h: 25px; }
.mdr-logo--stopka { --h: 29px; }
@media (max-width: 959px) {
	.mdr-logo--naglowek { --h: 26px; }
	.mdr-logo--pasek { --h: 22px; }
}
@media (max-width: 569px) {
	.mdr-logo--naglowek { --h: 23px; }
	.mdr-logo--pasek { --h: 19px; }
}


/* ---------- 4. Naglowek i panele menu ---------- */

.mdr-naglowek {
	position: relative;
	z-index: 40;
	box-sizing: content-box;
	max-width: min(1320px, calc(100% - 2 * var(--mdr-gut)));
	min-height: 44px;
	margin: 0 auto;
	padding: 20px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--mdr-linia);
	background: #fff;
}
@media (max-width: 959px) { .mdr-naglowek { min-height: 36px; padding: 16px 0; } }
@media (max-width: 569px) { .mdr-naglowek { min-height: 32px; padding: 12px 0; } }

.mdr-nav { display: flex; }
.mdr-nav__lista {
	display: flex;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mdr-nav__poz {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mdr .mdr-nav__glowka {
	display: flex;
	gap: 6px;
	align-items: center;
	padding: 9px 12px;
	border-radius: 8px;
	font: 400 14px/normal Rubik, sans-serif;
	letter-spacing: 0;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--mdr-tekst-2);
	cursor: pointer;
}
.mdr .mdr-nav__glowka:hover,
.mdr .mdr-nav__glowka[aria-current="page"] { color: var(--mdr-akcent); }
.mdr .mdr-otwarta > .mdr-nav__glowka {
	background: var(--mdr-jasny);
	color: var(--mdr-akcent);
}

/* Male panele (About, Help): pod pozycja, lista kafelkow z ikona i opisem. */
.mdr-nav__male {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 50;
	padding-top: 10px;
	letter-spacing: 0;
}
.mdr-panel--lista {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: max-content;
	padding: 18px;
	background: #fff;
	border: 1px solid var(--mdr-linia);
	border-radius: 16px;
	box-shadow: var(--mdr-cien);
}
.mdr .mdr-kafel {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	box-sizing: border-box;
	width: 400px;
	padding: 12px 20px 12px 12px;
	border-radius: 12px;
	color: var(--mdr-tekst);
	text-decoration: none;
}
.mdr .mdr-kafel:hover {
	background: var(--mdr-jasny);
	color: var(--mdr-akcent);
}
.mdr-kafel__ikona {
	flex: none;
	width: 44px;
	height: 44px;
	border-radius: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mdr-kafel__ikona img,
.mdr-mega__ikona img,
.mdr-menu-mob__ikona img {
	display: block;
	width: 30px;
	height: 30px;
	object-fit: contain;
}
.mdr-kafel__tekst {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding-top: 2px;
}
.mdr-kafel__tytul { font: 500 15px/1.25 Rubik, sans-serif; }
.mdr-kafel__opis {
	font: 400 13px/1.45 Rubik, sans-serif;
	color: var(--mdr-tekst-3);
	text-wrap: pretty;
}

/* Panel MOCKUPS: wyrownany do prawej krawedzi naglowka, dwie kolumny. */
.mdr-mega {
	box-sizing: content-box;
	position: absolute;
	right: 0;
	top: calc(100% - 12px);
	z-index: 50;
	width: min(1040px, calc(100vw - 48px));
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--mdr-linia);
	border-radius: 18px;
	box-shadow: var(--mdr-cien-duzy);
}
.mdr-mega__kolumna {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 20px;
}
.mdr-mega__kolumna--prawa {
	border-left: 1px solid var(--mdr-linia);
	background: var(--mdr-tlo-panelu);
}
.mdr-mega__blok {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 12px;
	border-radius: 12px;
}
.mdr .mdr-mega__dzial {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	color: var(--mdr-tekst);
	text-decoration: none;
}
.mdr .mdr-mega__dzial:hover { color: var(--mdr-akcent); }
.mdr-mega__dzial .mdr-kafel__tekst { padding-top: 3px; }
.mdr-mega__ikona {
	flex: none;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mdr-mega__ikona img { width: 32px; height: 32px; }
.mdr-mega__tytul { font: 500 16px/1.25 Rubik, sans-serif; }
.mdr-mega__kategorie {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2px 12px;
	padding: 4px 0 4px 64px;
}
.mdr .mdr-mega__kategorie a {
	padding: 5px 0;
	font: 400 14px/1.25 Rubik, sans-serif;
	color: var(--mdr-tekst-2);
	text-decoration: none;
}
.mdr .mdr-mega__kategorie a:hover { color: var(--mdr-akcent); }

/* Przycisk ☰ -- tylko ponizej 960 px. */
.mdr-burger {
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 44px;
	height: 44px;
	margin-right: -11px;
}
.mdr-burger span {
	display: block;
	width: 20px;
	height: 1.5px;
	background: var(--mdr-tekst);
}
@media (max-width: 959px) {
	.mdr-nav,
	.mdr-mega,
	.mdr-nav__male { display: none !important; }
	.mdr-naglowek > .mdr-burger { display: flex; }
}


/* ---------- 5. Menu ☰ (pelny ekran, ponizej 960 px) ---------- */

.mdr-menu-mob {
	position: fixed;
	inset: 0;
	z-index: 80;
	overflow-y: auto;
	overscroll-behavior: contain;
	background: #fff;
}
@media (min-width: 960px) { .mdr-menu-mob { display: none !important; } }
.mdr-menu-mob__gora {
	position: sticky;
	top: 0;
	z-index: 1;
	padding: 0 var(--mdr-gut);
	background: #fff;
}
.mdr-menu-mob__pasek {
	height: 68px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--mdr-linia);
}
@media (max-width: 569px) { .mdr-menu-mob__pasek { height: 56px; } }
.mdr-zamknij {
	position: relative;
	width: 44px;
	height: 44px;
	margin-right: -11px;
}
.mdr-zamknij span {
	position: absolute;
	left: 12px;
	top: 21px;
	width: 20px;
	height: 1.5px;
	background: var(--mdr-tekst);
	transform: rotate(45deg);
}
.mdr-zamknij span + span { transform: rotate(-45deg); }
.mdr-menu-mob__tresc {
	box-sizing: content-box;
	max-width: 640px;
	padding: 24px var(--mdr-gut) 48px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.mdr-szukaj--menu {
	--mdr-szukaj-l: 20px;
	height: 52px;
	padding: 0 5px 0 0;
	border-radius: 26px;
}
.mdr-szukaj--menu input { font-size: 16px; }
.mdr .mdr-szukaj--menu button[type="submit"] { width: 42px; height: 42px; }
.mdr-szukaj--menu .mdr-lupa { width: 18px; height: 18px; }
.mdr-menu-mob__grupa {
	display: flex;
	flex-direction: column;
}
.mdr-menu-mob__grupa .mdr-etykieta { padding-bottom: 6px; }
.mdr .mdr-menu-mob__wiersz {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 13px 0;
	border-bottom: 1px solid var(--mdr-linia);
	color: var(--mdr-tekst);
	text-decoration: none;
}
.mdr .mdr-menu-mob__wiersz:hover { color: var(--mdr-akcent); }
.mdr-menu-mob__ikona {
	flex: none;
	width: 26px;
	height: 26px;
}
.mdr-menu-mob__ikona img { width: 26px; height: 26px; }
.mdr-menu-mob__nazwa {
	flex: 1;
	font: 400 16px Rubik, sans-serif;
}
.mdr-menu-mob__liczba {
	font: 400 14px Rubik, sans-serif;
	color: var(--mdr-akcent);
}
.mdr-menu-mob__strzalka {
	flex: none;
	box-sizing: content-box;
	width: 6px;
	height: 6px;
	margin: 0 4px 0 2px;
	border-right: 1.5px solid var(--mdr-etykieta);
	border-bottom: 1.5px solid var(--mdr-etykieta);
	transform: rotate(-45deg);
}
.mdr-menu-mob__linki {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 28px;
	font: 400 14px Rubik, sans-serif;
	text-transform: uppercase;
}
.mdr .mdr-menu-mob__linki a {
	color: var(--mdr-tekst-2);
	text-decoration: none;
}
.mdr .mdr-menu-mob__linki a:hover { color: var(--mdr-akcent); }
.mdr-menu-mob__haslo {
	font: 400 13px Rubik, sans-serif;
	color: var(--mdr-etykieta);
}


/* ---------- 6. Przyklejony pasek (wpisy i listingi, po przewinieciu) ---------- */

.mdr-pasek {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 60;
	padding: 0 var(--mdr-gut);
	background: #fff;
	border-bottom: 1px solid var(--mdr-linia-2);
	box-shadow: 0 10px 28px -14px rgba(20, 20, 60, .22);
}
/* Pasek kokpitu WordPressa (zalogowany) -- pasek staje pod nim. */
.admin-bar .mdr-pasek { top: 32px; }
@media (max-width: 782px) { .admin-bar .mdr-pasek { top: 46px; } }
.mdr-pasek__wnetrze {
	max-width: 1320px;
	height: 68px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 40px;
}
.mdr-szukaj--pasek {
	flex: none;
	width: 380px;
	max-width: 380px;
	min-width: 0;
	height: 44px;
	--mdr-szukaj-l: 18px;
	padding: 0 4px 0 0;
	border-radius: 22px;
}
.mdr-szukaj--pasek input { font-size: 15px; }
.mdr .mdr-szukaj--pasek button[type="submit"] { width: 34px; height: 34px; }
.mdr-pasek__dzialy {
	margin-left: auto;
	min-width: 0;
	align-self: stretch;
	display: flex;
	gap: 32px;
	white-space: nowrap;
}
.mdr-pasek__dzial {
	position: relative;
	display: flex;
	align-items: center;
}
.mdr .mdr-pasek__link {
	display: flex;
	gap: 8px;
	align-items: baseline;
	font: 500 15px Rubik, sans-serif;
	color: var(--mdr-tekst);
	text-decoration: none;
}
.mdr .mdr-pasek__link:hover,
.mdr .mdr-otwarta > .mdr-pasek__link { color: var(--mdr-akcent); }
.mdr-pasek__liczba {
	font-size: 13px;
	color: var(--mdr-akcent);
}
.mdr-pasek__link .mdr-szewron { align-self: center; }
.mdr-otwarta > .mdr-pasek__link .mdr-szewron { transform: translateY(-2px) rotate(225deg); }
.mdr-pasek__panel {
	position: absolute;
	right: -20px;
	top: 100%;
	z-index: 61;
	white-space: normal;
}
.mdr-pasek__karta {
	width: max-content;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--mdr-linia);
	border-top: 0;
	border-radius: 0 0 16px 16px;
	box-shadow: var(--mdr-cien);
}
.mdr .mdr-pasek__wszystkie {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	padding: 15px 20px;
	font: 500 14px Rubik, sans-serif;
	color: var(--mdr-tekst);
	text-decoration: none;
	background: var(--mdr-tlo-panelu);
	border-top: 1px solid var(--mdr-linia);
	border-bottom: 1px solid var(--mdr-linia);
}
.mdr-pasek__wszystkie span {
	font-weight: 400;
	color: var(--mdr-akcent);
}
.mdr .mdr-pasek__wszystkie:hover {
	background: var(--mdr-jasny);
	color: var(--mdr-akcent);
}
.mdr-pasek__siatka {
	display: grid;
	grid-template-columns: repeat(var(--kol), 160px);
	grid-template-rows: repeat(var(--wier), auto);
	grid-auto-flow: column;
	padding: 10px 8px 12px;
}
.mdr .mdr-pasek__siatka a {
	padding: 9px 12px;
	border-radius: 10px;
	font: 400 14px/1.25 Rubik, sans-serif;
	color: var(--mdr-tekst);
	text-decoration: none;
}
.mdr .mdr-pasek__siatka a:hover {
	background: var(--mdr-jasny);
	color: var(--mdr-akcent);
}
.mdr-pasek__dotyk {
	display: none;
	margin-left: auto;
	margin-right: -11px;
	align-items: center;
	gap: 6px;
}
.mdr-pasek__lupa {
	display: none;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	background: var(--mdr-akcent);
}
.mdr-pasek__dotyk .mdr-burger { display: flex; }

@media (max-width: 1339px) { .mdr-pasek__liczba { display: none; } }
@media (max-width: 1149px) { .mdr-pasek__dzialy { display: none; } }
@media (max-width: 959px) {
	.mdr-pasek__wnetrze { height: 60px; gap: 24px; }
	.mdr-szukaj--pasek { flex: 1 1 auto; width: auto; }
	.mdr-szukaj--pasek input { font-size: 16px; }
	.mdr-pasek__dotyk { display: flex; }
}
@media (max-width: 569px) {
	.mdr-pasek__wnetrze { height: 56px; gap: 12px; }
	.mdr-szukaj--pasek { display: none; }
	.mdr-pasek__lupa { display: flex; }
}


/* ---------- 7. Stopka ---------- */

.mdr-stopka {
	padding: 72px 40px 36px;
	background: var(--mdr-tlo-stopki);
}
.mdr-stopka__wnetrze {
	max-width: 1320px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 48px;
}
.mdr-stopka__gora {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 32px;
}
.mdr-stopka__linki {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	font: 400 14px Rubik, sans-serif;
	text-transform: uppercase;
}
.mdr .mdr-stopka__linki a {
	color: var(--mdr-tekst-2);
	text-decoration: none;
}
.mdr .mdr-stopka__linki a:hover { color: var(--mdr-akcent-2); }
.mdr-stopka__lamanie { display: none; }
.mdr-stopka__partner {
	display: flex;
	justify-content: center;
	padding: 40px 0;
	border-top: 1px solid #e4e4e9;
	border-bottom: 1px solid #e4e4e9;
}
.mdr-stopka__partner a { display: block; }
.mdr-stopka__partner img {
	display: block;
	width: 747px;
	max-width: 100%;
	height: auto;
	border-radius: 6px;
}
.mdr-stopka__dol {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 24px;
	font: 400 13px Rubik, sans-serif;
	color: var(--mdr-tekst-3);
	text-align: center;
}
@media (max-width: 959px) {
	.mdr-stopka { padding: 56px 32px 32px; }
	.mdr-stopka__wnetrze { gap: 40px; }
}
@media (max-width: 759px) {
	.mdr-stopka__gora { flex-direction: column; gap: 24px; }
	.mdr-stopka__linki { gap: 14px 24px; justify-content: center; }
}
@media (max-width: 569px) {
	.mdr-stopka { padding: 44px 20px 28px; }
	.mdr-stopka__wnetrze { gap: 32px; }
	.mdr-stopka__lamanie { display: block; flex-basis: 100%; height: 0; }
	.mdr-stopka__partner { padding: 28px 0; }
	.mdr-stopka__dol { flex-direction: column; align-items: center; gap: 6px; }
}


/* ---------- 8. Pas Placeit (blok 1 Ad Insertera) ----------
   Strona glowna, listingi, wpisy; bez telefonu (jak na produkcji). */

.mdr-placeit {
	box-sizing: content-box;
	max-width: min(1320px, calc(100% - 2 * var(--mdr-gut)));
	margin: 0 auto;
	padding: 28px 0;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid var(--mdr-linia);
}
.mdr-placeit > * { margin: 0 !important; }
.mdr-placeit a { display: block; }
.mdr .mdr-placeit img {
	display: block;
	width: 1020px;
	max-width: 100%;
	height: auto;
}
@media (max-width: 959px) { .mdr-placeit { padding: 20px 0; } }
@media (max-width: 569px) { .mdr-placeit { display: none; } }


/* ---------- 9. Gora strony glownej i listingow ---------- */

.mdr-hero,
.mdr-lista-glowa {
	box-sizing: content-box;
	max-width: min(1320px, calc(100% - 2 * var(--mdr-gut)));
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 22px;
	text-align: center;
}
.mdr-hero { padding: 88px 0 96px; }
.mdr-lista-glowa { padding: 60px 0 56px; }
.mdr .mdr-hero h1,
.mdr .mdr-lista-glowa h1 {
	margin: 0;
	padding: 0;
	font: 500 44px/1.15 Rubik, sans-serif;
	letter-spacing: -.025em;
	color: var(--mdr-tekst);
	text-transform: none;
	text-wrap: balance;
}
.mdr .mdr-lista-glowa h1 { letter-spacing: -.02em; }
.mdr .mdr-hero h1 span,
.mdr .mdr-lista-glowa .h1-hl {
	color: var(--mdr-akcent);
	font-weight: 500;
}
.mdr .mdr-lista-glowa .h1-hl { white-space: nowrap; }
.mdr-lista-glowa .archive_sep { display: none; }
.mdr .mdr-lista-glowa .archive_desc {
	margin: 0;
	max-width: 820px;
	font: 400 16px/1.7 Rubik, sans-serif;
	color: var(--mdr-tekst-2);
	text-wrap: balance;
}
/* Link we wstepie (np. "ready-made starter scenes"): jak linki w tekscie
   w makiecie -- niebieski, pogrubiony, podkreslony. */
.mdr .mdr-lista-glowa .archive_desc a {
	color: var(--mdr-akcent);
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.mdr .mdr-lista-glowa .archive_desc a:hover { color: var(--mdr-akcent-hover); }
.mdr-szukaj--duza {
	width: 680px;
	max-width: 100%;
	height: 60px;
	--mdr-szukaj-l: 26px;
	padding: 0 6px 0 0;
	border-radius: 30px;
}
.mdr-szukaj--duza input { font-size: 16px; }
.mdr .mdr-szukaj--duza button[type="submit"] { width: 48px; height: 48px; }
.mdr-szukaj--duza .mdr-lupa { width: 18px; height: 18px; }
.mdr-hero__info {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px 32px;
	font: 400 14px Rubik, sans-serif;
	color: var(--mdr-tekst-3);
}
.mdr-hero__info > span {
	display: flex;
	align-items: center;
	gap: 8px;
}
.mdr-hero__info img {
	flex: none;
	width: 24px;
	height: 24px;
}
.mdr-hero__info b {
	font-weight: 500;
	color: var(--mdr-tekst);
}
/* Edytor online dziala od 900 px (jak na produkcji). */
@media (max-width: 899px) { .mdr-tylko-edytor { display: none !important; } }
@media (max-width: 959px) {
	.mdr-hero { padding: 64px 0 72px; gap: 20px; }
	.mdr-lista-glowa { padding: 48px 0 44px; gap: 20px; }
	.mdr .mdr-hero h1, .mdr .mdr-lista-glowa h1 { font-size: 36px; }
	.mdr-szukaj--duza { height: 58px; --mdr-szukaj-l: 24px; }
}
@media (max-width: 569px) {
	.mdr-hero { padding: 40px 0 52px; gap: 16px; }
	.mdr-lista-glowa { padding: 36px 0 32px; gap: 16px; }
	.mdr .mdr-hero h1, .mdr .mdr-lista-glowa h1 { font-size: 30px; }
	.mdr .mdr-lista-glowa .archive_desc { font-size: 15px; }
	.mdr-szukaj--duza { height: 54px; --mdr-szukaj-l: 20px; }
	.mdr .mdr-szukaj--duza button[type="submit"] { width: 44px; height: 44px; }
}


/* ---------- 10. Sekcje strony glownej i kapsuly kategorii ---------- */

.mdr-sekcja,
.mdr-lista {
	box-sizing: border-box;
	max-width: 2080px;
	margin: 0 auto;
	padding: 0 var(--mdr-gut);
}
.mdr-sekcja { padding-bottom: 96px; }
.mdr-sekcja__glowa {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding-bottom: 22px;
	text-align: center;
}
.mdr .mdr-sekcja__glowa h2 {
	margin: 0;
	padding: 0;
	font: 500 34px/1.15 Rubik, sans-serif;
	letter-spacing: -.025em;
	color: var(--mdr-tekst);
	text-transform: none;
}
.mdr .mdr-sekcja__glowa p {
	margin: 0;
	font: 400 15px Rubik, sans-serif;
	color: var(--mdr-tekst-3);
	text-wrap: balance;
}
@media (max-width: 959px) {
	.mdr-sekcja { padding-bottom: 80px; }
	.mdr .mdr-sekcja__glowa h2 { font-size: 30px; }
}
@media (max-width: 569px) {
	.mdr-sekcja { padding-bottom: 64px; }
	.mdr .mdr-sekcja__glowa h2 { font-size: 26px; }
	.mdr .mdr-sekcja__glowa p { font-size: 14px; }
}

/* Rzad kapsul. Ponizej 960 px jeden przewijany rzad od krawedzi do krawedzi. */
.mdr-kapsuly {
	position: relative;
	z-index: 5;
	padding-bottom: 28px;
}
.mdr-kapsuly__rzad {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
	white-space: nowrap;
}
.mdr-kapsuly__poz {
	position: relative;
	flex: none;
}
:where(.mdr-arkusz, .mdr-kapsuly) button {
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
}
.mdr .mdr-kapsula {
	display: flex;
	gap: 6px;
	align-items: center;
	flex: none;
	box-sizing: border-box;
	margin: 0;
	padding: 8px 16px;
	border: 0;
	border-radius: 18px;
	box-shadow: none;
	background: #f3f3f6;
	font: 400 14px/normal Rubik, sans-serif;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
	color: var(--mdr-tekst-2);
	cursor: pointer;
}
.mdr .mdr-kapsula:hover { color: var(--mdr-akcent); }
.mdr .mdr-otwarta > .mdr-kapsula {
	background: var(--mdr-jasny);
	color: var(--mdr-akcent);
}
.mdr .mdr-kapsula--aktywna,
.mdr .mdr-kapsula--aktywna:hover,
.mdr .mdr-otwarta > .mdr-kapsula--aktywna {
	background: var(--mdr-akcent);
	color: #fff;
	font-weight: 500;
}
@media (max-width: 959px) {
	.mdr-kapsuly__rzad {
		justify-content: safe center;
		flex-wrap: nowrap;
		overflow-x: auto;
		margin: 0 calc(-1 * var(--mdr-gut));
		padding: 0 var(--mdr-gut);
		scrollbar-width: none;
	}
	.mdr-kapsuly__rzad::-webkit-scrollbar { display: none; }
}
@media (max-width: 569px) { .mdr-kapsuly { padding-bottom: 22px; } }

/* Panel listy pod kapsula (Brochure, Business card, Outdoor, More, Bottles, Jars). */
.mdr-kp-panel {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 30;
	padding-top: 10px;
	white-space: normal;
}
.mdr-kp-panel--prawy {
	left: auto;
	right: 0;
}
.mdr-kp-karta {
	width: max-content;
	display: grid;
	grid-auto-flow: column;
	overflow: hidden;
	padding: 18px 8px;
	background: #fff;
	border: 1px solid var(--mdr-linia);
	border-radius: 16px;
	box-shadow: var(--mdr-cien);
}
.mdr-kp-kol {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 0 10px;
}
/* Kolumny "sam tekst" (np. With contents): tlo do krawedzi karty i kreska z lewej. */
.mdr-kp-kol--tekst {
	margin: -18px 0;
	padding: 18px 6px;
	background: var(--mdr-tlo-panelu);
}
.mdr-kp-kol--pierwsza {
	margin-left: 10px;
	padding-left: 16px;
	border-left: 1px solid var(--mdr-linia);
}
.mdr-kp-kol--ostatnia {
	margin-right: -8px;
	padding-right: 18px;
}
.mdr-kp-grupa {
	padding: 4px 12px 8px;
	font: 500 11px Rubik, sans-serif;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--mdr-etykieta);
}
.mdr .mdr-kp-ik {
	display: flex;
	align-items: center;
	gap: 14px;
	box-sizing: border-box;
	width: 244px;
	padding: 8px 18px 8px 8px;
	border-radius: 12px;
	font: 400 14px/1.25 Rubik, sans-serif;
	color: var(--mdr-tekst);
	text-decoration: none;
}
.mdr-kp-ik__ikona {
	flex: none;
	width: 44px;
	height: 44px;
	border-radius: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* Ikony w menu dzialow: 2026-10-21 o ciut wieksze (30 -> 34, we Flyer
   i w arkuszu 28 -> 32). */
.mdr-kp-ik__ikona img,
.mdr-flyer__ikona img,
.mdr-arkusz__ikona img {
	display: block;
	width: 34px;
	height: 34px;
	object-fit: contain;
}
/* Rozmiar formatu pod nazwa: "Letter" / "8.5×11 in" (rd/komponenty.php, mdr_nazwa_rozmiar). */
.mdr-rozmiar {
	display: block;
	margin-top: 2px;
	font: 400 12px/1.25 Rubik, sans-serif;
	color: var(--mdr-etykieta);
}
.mdr-arkusz__nazwa .mdr-rozmiar { font-size: 13px; }
.mdr .mdr-kp-tx {
	box-sizing: border-box;
	width: 180px;
	padding: 10px 12px;
	border-radius: 10px;
	font: 400 14px/1.25 Rubik, sans-serif;
	color: var(--mdr-tekst);
	text-decoration: none;
}
.mdr .mdr-kp-ik:hover,
.mdr .mdr-kp-tx:hover {
	background: var(--mdr-jasny);
	color: var(--mdr-akcent);
}

/* Panel formatow ulotek (Flyer): na srodku rzedu kapsul. */
.mdr-flyer {
	box-sizing: content-box;
	position: absolute;
	left: 50%;
	top: calc(100% - 18px);
	z-index: 30;
	transform: translateX(-50%);
	width: min(1140px, calc(100vw - 48px));
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--mdr-linia);
	border-radius: 18px;
	box-shadow: var(--mdr-cien-duzy);
	white-space: normal;
	text-align: left;
}
.mdr-flyer__szyna {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 12px;
	background: var(--mdr-tlo-panelu);
	border-right: 1px solid var(--mdr-linia);
}
.mdr-flyer__glowa {
	padding: 8px 12px 8px;
	font: 500 11px Rubik, sans-serif;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--mdr-etykieta);
}
.mdr-flyer__glowa--dalej { padding-top: 20px; }
.mdr-flyer__format {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 6px 12px 6px 6px;
	border-radius: 10px;
	color: var(--mdr-tekst);
	cursor: pointer;
	outline: none;
}
.mdr-flyer__format--aktywny {
	background: var(--mdr-jasny);
	color: var(--mdr-akcent);
}
.mdr-flyer__format:focus-visible { box-shadow: 0 0 0 2px var(--mdr-akcent); }
.mdr-flyer__ikona {
	flex: none;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mdr-flyer__ikona img { width: 32px; height: 32px; }
.mdr-flyer__nazwa {
	flex: 1;
	font: 400 14px/1.2 Rubik, sans-serif;
}
.mdr-flyer__format--aktywny .mdr-flyer__nazwa { font-weight: 500; }
.mdr-flyer__ile {
	font: 400 12px Rubik, sans-serif;
	color: var(--mdr-etykieta);
}
.mdr-flyer__prawa { padding: 22px 26px 26px; }
.mdr-flyer__strona {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.mdr-flyer__tytul {
	display: flex;
	align-items: baseline;
	gap: 12px;
}
.mdr-flyer__tytul span:first-child {
	font: 500 20px Rubik, sans-serif;
	letter-spacing: -.01em;
	color: var(--mdr-tekst);
}
.mdr-flyer__tytul span + span {
	font: 400 13px Rubik, sans-serif;
	color: var(--mdr-etykieta);
}
.mdr-flyer__karty {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}
.mdr .mdr-flyer__karta {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 12px 14px 14px;
	border: 1.5px solid transparent;
	border-radius: 12px;
	background: #f5f6fa;
	color: var(--mdr-tekst);
	text-decoration: none;
}
.mdr .mdr-flyer__karta:hover {
	background: var(--mdr-jasny);
	border-color: var(--mdr-akcent);
	color: var(--mdr-akcent);
}
.mdr-flyer__rys {
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mdr-ulotka {
	display: flex;
	box-sizing: border-box;
	background: #fff;
	border: 1.5px solid var(--mdr-akcent);
	border-radius: 2px;
	box-shadow: 0 6px 14px -6px rgba(0, 40, 140, .3);
}
.mdr-ulotka__zgiecie { border-left: 1px dashed var(--mdr-akcent); }
.mdr-flyer__podpis {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.mdr-flyer__podpis span:first-child { font: 500 14px/1.25 Rubik, sans-serif; }
.mdr-flyer__podpis span + span {
	font: 400 12px Rubik, sans-serif;
	color: var(--mdr-etykieta);
}
@media (max-width: 959px) {
	.mdr-kp-panel,
	.mdr-flyer { display: none !important; }
}

/* Arkusz od dolu ekranu: ponizej 960 px kapsula z podmenu otwiera arkusz. */
@keyframes mdr-pojaw { from { opacity: 0; } to { opacity: 1; } }
@keyframes mdr-wjazd { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.mdr-arkusz {
	position: fixed;
	inset: 0;
	z-index: 85;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background: rgba(20, 20, 30, .38);
	animation: mdr-pojaw .18s ease-out;
}
.mdr-arkusz__karta {
	width: 100%;
	max-width: 560px;
	max-height: 84vh;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding-bottom: 24px;
	background: #fff;
	border-radius: 18px 18px 0 0;
	box-shadow: 0 -16px 40px -16px rgba(0, 40, 140, .28);
	animation: mdr-wjazd .22s ease-out;
}
.mdr-arkusz__gora {
	position: sticky;
	top: 0;
	z-index: 1;
	padding: 8px var(--mdr-gut) 0;
	background: #fff;
}
.mdr-arkusz__uchwyt {
	display: block;
	width: 36px;
	height: 4px;
	margin: 0 auto 14px;
	border-radius: 2px;
	background: #dcdce2;
}
.mdr-arkusz__naglowek {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--mdr-linia);
}
.mdr-arkusz__tytuly {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.mdr-arkusz__tytul {
	font: 500 22px/1.1 Rubik, sans-serif;
	letter-spacing: -.01em;
	color: var(--mdr-tekst);
}
.mdr-arkusz .mdr-zamknij--maly {
	position: relative;
	flex: none;
	width: 40px;
	height: 40px;
	margin: 0 -10px -8px 0;
}
.mdr-zamknij--maly span {
	position: absolute;
	left: 11px;
	top: 19px;
	width: 18px;
	height: 1.5px;
	background: var(--mdr-tekst);
	transform: rotate(45deg);
}
.mdr-zamknij--maly span + span { transform: rotate(-45deg); }
.mdr-arkusz__tresc { padding: 0 var(--mdr-gut); }
.mdr .mdr-arkusz__wszystkie {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0;
	border-bottom: 1px solid var(--mdr-linia);
	font: 500 15px Rubik, sans-serif;
	color: var(--mdr-akcent);
	text-decoration: none;
}
.mdr-arkusz__wszystkie span { font-size: 17px; }
.mdr-arkusz__grupa {
	display: block;
	padding: 22px 0 6px;
	font: 500 11px Rubik, sans-serif;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--mdr-etykieta);
}
.mdr .mdr-arkusz__wiersz {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 8px 0;
	border-bottom: 1px solid var(--mdr-linia);
	color: var(--mdr-tekst);
	text-decoration: none;
}
.mdr .mdr-arkusz__wiersz:hover { color: var(--mdr-akcent); }
.mdr-arkusz__ikona {
	flex: none;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mdr-arkusz__ikona img { width: 32px; height: 32px; }
.mdr-arkusz__nazwa {
	flex: 1;
	font: 400 15px/1.25 Rubik, sans-serif;
}
.mdr-arkusz__pod {
	font: 400 13px Rubik, sans-serif;
	color: var(--mdr-etykieta);
}
.mdr-arkusz__teksty {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 20px;
}
.mdr .mdr-arkusz__teksty a {
	padding: 12px 0;
	border-bottom: 1px solid var(--mdr-linia);
	font: 400 15px/1.25 Rubik, sans-serif;
	color: var(--mdr-tekst);
	text-decoration: none;
}
@media (min-width: 960px) { .mdr-arkusz { display: none !important; } }


/* ---------- 11. Siatki i karty miniatur ---------- */

.mdr-siatka { display: grid; }
.mdr-siatka--studio {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 40px 18px;
}
.mdr-siatka--lista { gap: 18px; }
.mdr-siatka--pack {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 38px 37px;
}
/* Strona glowna: tyle miniatur, zeby ostatni rzad byl pelny. */
@media (max-width: 1199px) {
	.mdr-siatka--pack { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 30px 26px; }
	.mdr-siatka--pack.mdr-siatka--glowna > :nth-child(n+11) { display: none; }
}
@media (max-width: 1099px) {
	.mdr-siatka--studio { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 16px; }
	.mdr-siatka--lista { gap: 16px; }
	.mdr-siatka--studio.mdr-siatka--glowna > :nth-child(n+7) { display: none; }
}
@media (max-width: 959px) {
	.mdr-siatka--pack { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.mdr-siatka--pack.mdr-siatka--glowna > :nth-child(n+11) { display: flex; }
}
@media (max-width: 759px) {
	.mdr-siatka--studio { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mdr-siatka--studio.mdr-siatka--glowna > :nth-child(n+7) { display: flex; }
	.mdr-siatka--pack { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 20px; }
}
@media (max-width: 569px) {
	.mdr-siatka--pack { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
	.mdr-siatka--pack.mdr-siatka--glowna > :nth-child(n+7) { display: none; }
}
@media (max-width: 479px) {
	.mdr-siatka--studio { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.mdr-siatka--lista { gap: 20px; }
	.mdr-siatka--studio.mdr-siatka--glowna > :nth-child(n+5) { display: none; }
}

.mdr .mdr-karta {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	color: inherit;
	text-decoration: none;
}
.mdr-karta__obraz {
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 8px;
	aspect-ratio: 3 / 2;
	border-radius: 8px;
	background: #f3f3f6;
}
.mdr-karta--lista .mdr-karta__obraz,
.mdr-karta--kit .mdr-karta__obraz,
.mdr-karta--pack .mdr-karta__obraz { margin-bottom: 0; }
.mdr-karta--pack .mdr-karta__obraz { aspect-ratio: 3 / 4; }
.mdr-karta--kit .mdr-karta__obraz { aspect-ratio: 4 / 3; }
.mdr .mdr-karta__img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}
/* Po najechaniu drugi obrazek wpisu ("goly" mockup) -- jak na produkcji. */
.mdr .mdr-karta__img--drugi {
	opacity: 0;
	transition: opacity .2s;
}
.mdr .mdr-karta:hover .mdr-karta__img--drugi { opacity: 1; }
.mdr-karta__kat {
	font: 500 12px Rubik, sans-serif;
	color: var(--mdr-akcent);
}
.mdr-karta__tytul {
	font: 400 15px Rubik, sans-serif;
	color: var(--mdr-tekst);
}
.mdr-karta__meta {
	font: 400 12px Rubik, sans-serif;
	color: var(--mdr-tekst-3);
}
/* Olowek edytora: dopiero po najechaniu (2026-10-18); edytor od 900 px. */
.mdr-olowek {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
	width: 28px;
	height: 28px;
	border-radius: 14px;
	background: #fff url(../ikony/pencil.svg) center / 13px no-repeat;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
	opacity: 0;
	transition: opacity .15s;
	pointer-events: none;
}
.mdr-karta:hover .mdr-olowek { opacity: 1; }
@media (max-width: 899px) { .mdr-olowek { display: none; } }
/* Listingi studio: po najechaniu kapsulki z liczba plikow (niebieska) i formatem. */
.mdr-karta__chipy {
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 14px;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	opacity: 0;
	transition: opacity .15s;
	pointer-events: none;
}
.mdr-karta__chipy span {
	padding: 6px 11px;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
	font: 500 12px Rubik, sans-serif;
	color: var(--mdr-tekst);
}
.mdr-karta__chipy .mdr-chip--niebieski {
	background: var(--mdr-akcent);
	color: #fff;
}
.mdr-karta:hover .mdr-karta__chipy { opacity: 1; }
@media (hover: none) { .mdr-karta__chipy { display: none; } }


/* ---------- 12. Przycisk "View all", stronicowanie, tekst SEO pod listingiem ---------- */

.mdr-cta {
	display: flex;
	justify-content: center;
	padding-top: 44px;
}
.mdr .mdr-przycisk-obrys {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 15px 26px;
	border: 1.5px solid var(--mdr-akcent);
	border-radius: 26px;
	font: 500 15px Rubik, sans-serif;
	color: var(--mdr-akcent);
	text-decoration: none;
}
.mdr .mdr-przycisk-obrys:hover {
	background: var(--mdr-akcent);
	color: #fff;
}
.mdr-przycisk-obrys span { font-size: 18px; }
@media (max-width: 959px) { .mdr-cta { padding-top: 40px; } }
@media (max-width: 569px) { .mdr-cta { padding-top: 32px; } }

.mdr-strony {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	padding: 56px 0 96px;
	font: 400 14px Rubik, sans-serif;
}
.mdr-strony > * {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 40px;
	height: 40px;
	padding: 0 6px;
	border-radius: 20px;
	color: var(--mdr-tekst-2);
	text-decoration: none;
}
.mdr .mdr-strony a { color: var(--mdr-tekst-2); text-decoration: none; }
.mdr .mdr-strony .mdr-strony__strzalka--dalej { color: var(--mdr-akcent); }
.mdr-strony .mdr-strony__strzalka--brak { color: var(--mdr-etykieta); }
.mdr .mdr-strony a:hover {
	background: var(--mdr-jasny);
	color: var(--mdr-akcent);
}
.mdr-strony .mdr-strony__nr--biezaca {
	background: var(--mdr-akcent);
	color: #fff;
}
@media (max-width: 959px) { .mdr-strony { padding: 48px 0 80px; } }
@media (max-width: 569px) { .mdr-strony { padding: 36px 0 64px; } }
.mdr-lista__pusto {
	padding: 40px 0 96px;
	text-align: center;
	font: 400 15px Rubik, sans-serif;
	color: var(--mdr-tekst-3);
}

/* Tekst SEO kategorii (czesc opisu po [split]; budowa .fmt z 2026-10-14). */
.mdr-seo {
	box-sizing: content-box;
	max-width: min(1048px, calc(100% - 2 * var(--mdr-gut)));
	margin: 0 auto;
	padding: 40px 0 120px;
}
/* Stary style.css (blok .fmt z 2026-10-14) stylizuje to samo inaczej:
   wysrodkowane haslo, kreski przy etykiecie, ramka tabelki, dwie szpalty --
   tu wszystko wprost nadpisane. */
.mdr-seo { text-align: left; }
.mdr .mdr-seo .fmt {
	max-width: none;
	text-align: left;
	margin: 0;
	padding: 64px 0 0;
	border: 0;
	border-top: 1px solid var(--mdr-linia);
	background: none;
}
.mdr .mdr-seo .fmt-eyebrow { display: block; }
.mdr .mdr-seo .fmt-eyebrow-title { display: inline; }
.mdr .mdr-seo .fmt-eyebrow-title::before,
.mdr .mdr-seo .fmt-eyebrow-title::after { content: none; }
.mdr .mdr-seo .fmt-eyebrow,
.mdr .mdr-seo .fmt-eyebrow-title {
	margin: 0;
	padding: 0;
	font: 500 11px Rubik, sans-serif;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--mdr-akcent-2);
}
.mdr .mdr-seo .fmt-lead {
	max-width: 880px;
	margin: 24px 0 0;
	font: 500 36px/1.22 Rubik, sans-serif;
	letter-spacing: -.015em;
	color: var(--mdr-tekst);
	text-align: left;
	text-wrap: pretty;
}
.mdr .mdr-seo .fmt-hl { color: var(--mdr-akcent); }
.mdr .mdr-seo .fmt-spec {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 48px 0 0;
	padding: 0;
	border: 0;
	border-top: 1px solid var(--mdr-linia-2);
	border-bottom: 1px solid var(--mdr-linia-2);
	background: none;
}
.mdr .mdr-seo .fmt-spec-item {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 20px 24px 22px 0;
	border: 0;
	background: none;
}
.mdr .mdr-seo .fmt-spec-label {
	display: block;
	margin: 0;
	font: 500 11px Rubik, sans-serif;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--mdr-etykieta);
}
.mdr .mdr-seo .fmt-spec-value {
	font: 500 15px/1.4 Rubik, sans-serif;
	color: var(--mdr-tekst);
}
.mdr .mdr-seo .fmt-body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 56px;
	columns: auto;
	margin: 40px 0 0;
}
.mdr .mdr-seo .fmt-p {
	margin: 0;
	font: 400 15px/1.75 Rubik, sans-serif;
	color: var(--mdr-tekst-2);
	text-wrap: pretty;
}
.mdr .mdr-seo .fmt-p a { color: var(--mdr-akcent); }
.mdr .mdr-seo .fmt-note {
	max-width: 760px;
	margin: 36px 0 0;
	padding: 0;
	border: 0;
	font: 400 13px/1.7 Rubik, sans-serif;
	color: var(--mdr-tekst-3);
}
@media (max-width: 959px) {
	.mdr-seo { padding: 32px 0 96px; }
	.mdr .mdr-seo .fmt { padding-top: 52px; }
	.mdr .mdr-seo .fmt-lead { font-size: 30px; }
	.mdr .mdr-seo .fmt-spec { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 40px; }
	.mdr .mdr-seo .fmt-body { gap: 40px; }
}
@media (max-width: 759px) {
	.mdr .mdr-seo .fmt-body { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (max-width: 569px) {
	.mdr-seo { padding: 24px 0 72px; }
	.mdr .mdr-seo .fmt { padding-top: 40px; }
	.mdr .mdr-seo .fmt-lead { font-size: 24px; }
	.mdr .mdr-seo .fmt-spec { margin-top: 32px; }
}


/* ---------- 13. Strona i kategorie opakowan (makieta: #packHome, #packCat) ----------
   Na komputerze: haslo, kafelki z produktami miedzy dwoma podpisami, pasek
   wyszukiwania 1560 px z listami General / Caps / Materials, Blank, Clear.
   Ponizej 960 px: to samo w karcie z ramka, systemowe selecty, przyciski
   z podpisami. Zachowanie: rd/js/opakowania.js. */

.mdr-pk-glowa {
	box-sizing: border-box;
	max-width: 1640px;
	margin: 0 auto;
	padding: 60px var(--mdr-gut) 28px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	text-align: center;
}
.mdr .mdr-pk-glowa h1,
.mdr .mdr-pk-glowa .mdr-pk-haslo {
	margin: 0;
	padding: 0;
	font: 500 48px/1.08 Rubik, sans-serif;
	letter-spacing: -.025em;
	color: var(--mdr-tekst);
	text-transform: none;
	text-wrap: balance;
}
.mdr .mdr-pk-glowa--kategoria h1 {
	font-size: 44px;
	line-height: 1.15;
	letter-spacing: -.02em;
}
.mdr .mdr-pk-glowa .h1-hl { color: var(--mdr-akcent); font-weight: 500; }
.mdr-pk-glowa .archive_sep { display: none; }
.mdr .mdr-pk-glowa .archive_desc {
	margin: 0;
	max-width: 820px;
	font: 400 16px/1.7 Rubik, sans-serif;
	color: var(--mdr-tekst-2);
	text-wrap: balance;
}
.mdr .mdr-pk-licencja {
	margin: 0;
	font: 400 15px Rubik, sans-serif;
	color: var(--mdr-akcent);
	text-wrap: balance;
}

.mdr-pk-panel {
	box-sizing: border-box;
	width: min(1560px, 100%);
	margin-top: 38px; /* makieta: 38 ponad odstep kolumny (20) */
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.mdr-pk-glowa--kategoria .mdr-pk-panel { margin-top: 22px; }

/* Kafelki z produktami i podpisy przy nich. Wielkosc kafelka liczy sie
   z szerokosci okna jak w makiecie: miesci sie miedzy podpisami po bokach. */
.mdr-pk-polka {
	--boki: 200px;
	--slot: min(189px, (min(1560px, 100vw - 80px) - 2 * (var(--boki) + 32px) - 40px) / 5);
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 32px;
}
@media (max-width: 1199px) { .mdr-pk-polka { --boki: 150px; } }
.mdr-pk-polka__lewy,
.mdr-pk-polka__prawy {
	font: 400 15px/1.45 Rubik, sans-serif;
	color: var(--mdr-tekst);
}
.mdr-pk-polka__lewy {
	justify-self: end;
	max-width: 220px;
	text-align: right;
	text-wrap: balance;
}
.mdr-pk-polka__lewy span { color: var(--mdr-etykieta); }
/* Na stronie opakowan ten podpis jest H1 (packaging.php) -- wyglad zwyklego
   podpisu, bez stylu hasla wyzej i naglowkow Uncode. */
.mdr .mdr-pk-glowa h1.mdr-pk-polka__lewy {
	margin: 0;
	padding: 0;
	font: 400 15px/1.45 Rubik, sans-serif;
	letter-spacing: normal;
	color: var(--mdr-tekst);
	text-transform: none;
}
.mdr-pk-polka__prawy {
	justify-self: start;
	text-align: left;
}
.mdr-pk-polka__prawy span {
	display: block;
	color: var(--mdr-etykieta);
}
.mdr-pk-polka__kafle {
	display: flex;
	gap: 8px;
}
.mdr-pk-kafel {
	width: calc(var(--slot) + 1.6px);
	height: calc(min(128px, var(--slot) * .86) + 24px);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: #f6f6f6;
}
/* Miniatury opakowan maja tlo #f6f6f6 jak kafelek -- krawedzi nie widac. */
.mdr .mdr-pk-kafel img {
	display: block;
	height: 100%;
	width: auto;
	max-width: none;
}

/* Pasek wyszukiwania i filtrow. */
.mdr-pk-pasek {
	box-sizing: border-box;
	width: 100%;
	height: 62px;
	margin: 0;
	--mdr-szukaj-l: 28px;
	padding: 0 8px 0 0;
	display: flex;
	align-items: center;
	border: 1.5px solid var(--mdr-akcent);
	border-radius: 31px;
	background: #fff;
	text-align: left;
}
.mdr .mdr-pk-pasek input[type="search"] {
	appearance: none;
	-webkit-appearance: none;
	flex: 1;
	align-self: stretch;
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 0 0 0 var(--mdr-szukaj-l, 0px);
	border: 0;
	outline: none;
	box-shadow: none;
	background: transparent;
	font: 400 16px Rubik, sans-serif;
	color: var(--mdr-tekst);
}
.mdr-pk-pasek input::placeholder { color: var(--mdr-etykieta); opacity: 1; }
.mdr-pk-pasek input::-webkit-search-cancel-button { -webkit-appearance: none; }
.mdr-pk-kreska {
	flex: none;
	width: 1px;
	height: 30px;
	background: var(--mdr-linia-2);
}
.mdr-pk-kreska--niska { height: 28px; }
:where(.mdr-pk-pasek, .mdr-pk-przyciski) button {
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
}
.mdr-pk-dd {
	position: relative;
	flex: none;
	display: flex;
}
.mdr .mdr-pk-dd__przycisk {
	position: relative;
	display: block;
	height: 48px;
	max-width: 240px;
	padding: 0 36px 0 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font: 400 15px/48px Rubik, sans-serif;
	color: var(--mdr-tekst);
}
.mdr .mdr-pk-dd__przycisk:hover,
.mdr .mdr-pk-dd__przycisk--wybrany,
.mdr .mdr-pk-dd--otwarta .mdr-pk-dd__przycisk { color: var(--mdr-akcent); }
.mdr-pk-dd__przycisk:focus-visible { outline: 2px solid var(--mdr-akcent); outline-offset: -4px; border-radius: 24px; }
.mdr-pk-szewron {
	position: absolute;
	right: 18px;
	top: 50%;
	box-sizing: content-box;
	width: 5px;
	height: 5px;
	margin-top: -5px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	pointer-events: none;
}
.mdr-pk-dd--otwarta .mdr-pk-szewron {
	margin-top: -1px;
	transform: rotate(225deg);
}
.mdr-pk-lista {
	position: absolute;
	left: 0;
	top: calc(100% + 17px);
	z-index: 40;
	box-sizing: border-box;
	width: max-content;
	padding: 8px;
	background: #fff;
	border: 1px solid var(--mdr-linia);
	border-radius: 16px;
	box-shadow: var(--mdr-cien);
	text-align: left;
}
.mdr-pk-opcja {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	box-sizing: border-box;
	min-width: 168px;
	padding: 10px 12px;
	border-radius: 10px;
	font: 400 14px/1.25 Rubik, sans-serif;
	white-space: nowrap;
	color: var(--mdr-tekst);
	cursor: pointer;
	outline: none;
}
.mdr-pk-opcja:hover,
.mdr-pk-opcja:focus,
.mdr-pk-opcja[aria-selected="true"] {
	background: var(--mdr-jasny);
	color: var(--mdr-akcent);
}
.mdr-pk-ptaszek {
	display: none;
	flex: none;
	box-sizing: content-box;
	width: 4px;
	height: 8px;
	margin: -3px 2px 0 0;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
}
.mdr-pk-opcja[aria-selected="true"] .mdr-pk-ptaszek { display: block; }
.mdr-pk-lista__kreska {
	display: block;
	height: 1px;
	margin: 6px 12px;
	background: var(--mdr-linia);
}
.mdr-pk-lista__opcje {
	display: grid;
	grid-template-columns: repeat(2, max-content);
	grid-template-rows: repeat(var(--wier), auto);
	grid-auto-flow: column;
	column-gap: 4px;
}
.mdr .mdr-pk-blank {
	flex: none;
	width: 40px;
	height: 40px;
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
}
.mdr-pk-blank img {
	display: block;
	width: 22px;
	height: 22px;
	opacity: .45;
}
.mdr .mdr-pk-blank:hover,
.mdr .mdr-pk-blank[aria-pressed="true"] { background: var(--mdr-jasny); }
.mdr .mdr-pk-blank[aria-pressed="true"] { box-shadow: inset 0 0 0 1px #c9d3ff; }
.mdr-pk-blank[aria-pressed="true"] img { opacity: 1; }
.mdr .mdr-pk-czysc {
	flex: none;
	width: 40px;
	height: 40px;
	margin-left: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	font: 400 16px/1 Rubik, sans-serif;
	color: var(--mdr-etykieta);
}
.mdr .mdr-pk-czysc--aktywny { color: var(--mdr-akcent); }
.mdr .mdr-pk-czysc:hover {
	background: var(--mdr-jasny);
	color: var(--mdr-akcent);
}
.mdr .mdr-pk-pasek button.mdr-pk-szukaj {
	flex: none;
	width: 48px;
	height: 48px;
	margin: 0 0 0 6px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 24px;
	box-shadow: none;
	min-width: 0;
	line-height: 0;
	font-size: 0;
	background: var(--mdr-akcent);
}
.mdr .mdr-pk-pasek button.mdr-pk-szukaj:hover { background: var(--mdr-akcent-hover); }
.mdr-pk-szukaj .mdr-lupa { width: 19px; height: 19px; }

/* Wersja dotykowa -- ukryta na komputerze. */
.mdr-pk-selecty,
.mdr-pk-przyciski { display: none; }

/* Pod paskiem: kapsuly, siatka, "Load more". */
.mdr-lista--pk .mdr-kapsuly { padding-bottom: 56px; }
.mdr-pk-ladowanie {
	display: flex;
	justify-content: center;
	padding: 40px 0;
}
@keyframes mdr-obrot { to { transform: rotate(360deg); } }
.mdr-kolko {
	display: block;
	width: 26px;
	height: 26px;
	border: 2.5px solid var(--mdr-jasny);
	border-top-color: var(--mdr-akcent);
	border-radius: 50%;
	animation: mdr-obrot .7s linear infinite;
}
.mdr-pk-wiecej {
	display: flex;
	justify-content: center;
	padding: 48px 0 96px;
}
.mdr .mdr-pk-wiecej .mdr-przycisk-obrys {
	all: unset;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding: 15px 30px;
	border: 1.5px solid var(--mdr-akcent);
	border-radius: 26px;
	font: 500 15px Rubik, sans-serif;
	color: var(--mdr-akcent);
	cursor: pointer;
}
.mdr .mdr-pk-wiecej .mdr-przycisk-obrys:hover {
	background: var(--mdr-akcent);
	color: #fff;
}
.mdr-siatka--pack > .mdr-lista__pusto { grid-column: 1 / -1; }
/* "Blank": goly mockup na wierzchu, po najechaniu wraca przyklad. */
.mdr .mdr-siatka--puste .mdr-karta__img--drugi { opacity: 1; }
.mdr .mdr-siatka--puste .mdr-karta:hover .mdr-karta__img--drugi { opacity: 0; }

@media (max-width: 1099px) {
	.mdr .mdr-pk-glowa h1, .mdr .mdr-pk-glowa .mdr-pk-haslo { font-size: 42px; }
}
@media (max-width: 959px) {
	.mdr-pk-glowa { padding: 48px var(--mdr-gut) 16px; }
	.mdr .mdr-pk-glowa h1, .mdr .mdr-pk-glowa .mdr-pk-haslo { font-size: 38px; }
	.mdr .mdr-pk-glowa--kategoria h1 { font-size: 36px; }
	.mdr-pk-panel {
		width: 100%;
		margin-top: 28px;
		padding: 8px;
		gap: 8px;
		border: 1px solid #dcdce2;
		border-radius: 22px;
		background: #fff;
		text-align: left;
	}
	.mdr-pk-glowa--kategoria .mdr-pk-panel {
		margin-top: 20px;
		border-radius: 34px 34px 22px 22px;
	}
	.mdr-pk-polka {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas: "lewy prawy" "kafle kafle";
		align-items: end;
		gap: 8px 12px;
	}
	.mdr-pk-polka__lewy {
		grid-area: lewy;
		justify-self: start;
		text-align: left;
		padding: 10px 0 6px 12px;
	}
	.mdr-pk-polka__prawy {
		grid-area: prawy;
		justify-self: end;
		text-align: right;
		padding: 10px 12px 6px 0;
	}
	.mdr-pk-polka__kafle {
		grid-area: kafle;
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 8px;
	}
	.mdr-pk-kafel {
		width: auto;
		height: calc(min(112px, (100vw - 2 * var(--mdr-gut) - 18px - 32px) / 5 * .86) + 20px);
	}
	.mdr-pk-pasek {
		height: 52px;
		--mdr-szukaj-l: 20px;
		padding: 0 5px 0 0;
		border-radius: 26px;
	}
	.mdr-pk-pasek .mdr-pk-kreska,
	.mdr-pk-pasek .mdr-pk-dd,
	.mdr-pk-pasek .mdr-pk-blank,
	.mdr-pk-pasek .mdr-pk-czysc { display: none; }
	.mdr .mdr-pk-pasek button.mdr-pk-szukaj { width: 42px; height: 42px; margin-left: 0; }
	.mdr-pk-szukaj .mdr-lupa { width: 18px; height: 18px; }
	.mdr-pk-selecty {
		box-sizing: border-box;
		height: 46px;
		display: grid;
		grid-template-columns: minmax(0, 102fr) 1px minmax(0, 82fr) 1px minmax(0, 116fr);
		align-items: center;
		border: 1px solid #dcdce2;
		border-radius: 23px;
	}
	.mdr-pk-selecty__kreska {
		height: 22px;
		background: var(--mdr-linia-2);
	}
	.mdr-pk-select {
		position: relative;
		display: flex;
		min-width: 0;
	}
	.mdr .mdr-pk-select select {
		appearance: none;
		-webkit-appearance: none;
		box-sizing: border-box;
		width: 100%;
		min-width: 0;
		height: 44px;
		margin: 0;
		padding: 0 26px 0 14px;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		outline: none;
		background: transparent;
		font: 400 16px Rubik, sans-serif;
		color: var(--mdr-tekst);
		text-overflow: ellipsis;
		cursor: pointer;
	}
	.mdr .mdr-pk-select:first-child select { padding-left: 16px; }
	.mdr .mdr-pk-select select.mdr-pk-select--wybrany { color: var(--mdr-akcent); }
	.mdr-pk-select .mdr-pk-szewron { right: 12px; }
	.mdr-pk-przyciski {
		display: flex;
		justify-content: center;
		gap: 6px;
		padding: 0 0 2px;
	}
	.mdr .mdr-pk-przycisk {
		display: flex;
		align-items: center;
		gap: 8px;
		height: 36px;
		padding: 0 14px 0 10px;
		border-radius: 18px;
		font: 400 14px Rubik, sans-serif;
		color: var(--mdr-tekst-2);
	}
	.mdr-pk-przycisk img {
		display: block;
		width: 20px;
		height: 20px;
		opacity: .45;
	}
	.mdr .mdr-pk-przycisk[aria-pressed="true"] {
		background: var(--mdr-jasny);
		box-shadow: inset 0 0 0 1px #c9d3ff;
	}
	.mdr-pk-przycisk[aria-pressed="true"] img { opacity: 1; }
	.mdr .mdr-pk-przycisk--czysc {
		gap: 7px;
		padding: 0 14px;
		color: var(--mdr-etykieta);
	}
	.mdr .mdr-pk-przycisk--czysc.mdr-pk-czysc--aktywny { color: var(--mdr-akcent); }
	.mdr-pk-przycisk--czysc span { font-size: 15px; }
	.mdr-lista--pk .mdr-kapsuly { padding-bottom: 48px; }
	.mdr-pk-wiecej { padding: 40px 0 80px; }
}
@media (max-width: 569px) {
	.mdr-pk-glowa { padding-top: 36px; }
	.mdr .mdr-pk-glowa h1, .mdr .mdr-pk-glowa .mdr-pk-haslo { font-size: 28px; }
	.mdr .mdr-pk-glowa--kategoria h1 { font-size: 30px; }
	.mdr .mdr-pk-glowa .archive_desc { font-size: 15px; }
	.mdr .mdr-pk-licencja { font-size: 14px; line-height: 1.5; }
	.mdr-pk-panel { margin-top: 20px; }
	.mdr-pk-glowa--kategoria .mdr-pk-panel { margin-top: 16px; }
	.mdr-pk-polka__kafle { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mdr-pk-polka__kafle > :nth-child(n+4) { display: none; }
	.mdr-pk-kafel { height: calc(min(112px, (100vw - 2 * var(--mdr-gut) - 18px - 16px) / 3 * .86) + 20px); }
	.mdr-lista--pk .mdr-kapsuly { padding-bottom: 36px; }
	.mdr-pk-wiecej { padding: 32px 0 64px; }
}


/* ---------- 14. Wpisy studio i packaging (makieta: #entry, #pack) ----------
   Szablony rd/szablony/wpis.php i wpis-pack.php. Tresc wpisu jest taka jak
   na produkcji (div.post_desc(_pack), <p><strong>Additional info:</strong></p>,
   div.post_additional(_pack) > ul, div.post_mockup z pobieraniem) -- jej
   wyglad robi tylko ten CSS (PRZEKAZANIE.md makiety, 4.3).

   Szerokosci kart licza sie w makiecie z szerokosci kolumny, nie okna --
   tu robia to zapytania o kontener: "wpis" (kolumna tresci), "karta"
   (wnetrze karty studio), "pk" (wnetrze karty packaging). */

.mdr-wpis {
	box-sizing: content-box;
	max-width: min(1320px, calc(100% - 2 * var(--mdr-gut)));
	margin: 0 auto;
}
.mdr-wpis__uklad {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 48px;
	padding-top: 56px;
}
.mdr-wpis--pack .mdr-wpis__uklad { padding-top: 36px; }
@media (max-width: 959px) {
	.mdr-wpis__uklad { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-top: 40px; }
	.mdr-wpis--pack .mdr-wpis__uklad { padding-top: 28px; }
}
@media (max-width: 569px) {
	.mdr-wpis__uklad { padding-top: 28px; }
	.mdr-wpis--pack .mdr-wpis__uklad { padding-top: 20px; }
}
.mdr-wpis__glowna {
	container: wpis / inline-size;
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}
.mdr-wpis--pack .mdr-wpis__glowna { gap: 32px; }

/* Gora wpisu: etykieta, tytul, wiersz z danymi -- dosuniete do zdjecia. */
.mdr-wpis__glowa {
	display: flex;
	flex-direction: column;
	padding-bottom: 6px;
}
.mdr-wpis__etykieta {
	display: block;
	font: 500 11px Rubik, sans-serif;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--mdr-akcent-2);
}
.mdr .mdr-wpis__etykieta a { color: inherit; text-decoration: none; }
.mdr .mdr-wpis__etykieta a:hover { color: var(--mdr-tekst); }
.mdr .mdr-wpis h1.mdr-wpis__h1 {
	margin: 14px 0 0;
	padding: 0;
	font: 500 52px/1.08 Rubik, sans-serif;
	letter-spacing: -.025em;
	text-transform: none;
	color: var(--mdr-tekst);
	text-wrap: balance;
}
@media (max-width: 959px) { .mdr .mdr-wpis h1.mdr-wpis__h1 { font-size: 42px; } }
@media (max-width: 569px) { .mdr .mdr-wpis h1.mdr-wpis__h1 { font-size: 32px; } }
.mdr-wpis__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 28px;
	margin-top: 24px;
}
@media (max-width: 569px) { .mdr-wpis__meta { margin-top: 16px; } }
.mdr .mdr-wpis__edytor {
	align-self: flex-start;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 16px 9px 14px;
	border-radius: 20px;
	background: var(--mdr-jasny);
	font: 500 13px Rubik, sans-serif;
	color: var(--mdr-akcent);
	text-decoration: none;
}
.mdr .mdr-wpis__edytor:hover { background: #dfe5ff; color: var(--mdr-akcent); }
.mdr-wpis__edytor .mdr-olowek-ikona { flex: none; }
.mdr-wpis__edytor-pod { font-weight: 400; color: #4a5fc4; }
/* Edytora ponizej 900 px nie ma (jak przycisku przy pobieraniu). */
@media (max-width: 899px) { .mdr .mdr-wpis__edytor { display: none; } }
.mdr-wpis__fakty {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 22px;
	font: 400 13px Rubik, sans-serif;
	color: var(--mdr-tekst-3);
}
.mdr-wpis__fakty b { font-weight: 500; color: var(--mdr-tekst); }
/* Skok do przyciskow: pod przyklejony pasek. */
#mdr-pobierz { scroll-margin-top: 92px; }

/* Zdjecia wpisu studio, jedno pod drugim. */
.mdr .mdr-wpis__zdjecie {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
	border-radius: 8px;
}

/* Karta z trescia (studio): ramka; na telefonie bez ramki. */
.mdr-wpis__karta {
	container: karta / inline-size;
	box-sizing: border-box;
	padding: 32px 32px 36px;
	border: 1px solid #e6e6ea;
	border-radius: 12px;
}
@container wpis (min-width: 640px) { .mdr-wpis__karta { padding: 36px 40px 44px; } }
@container wpis (min-width: 900px) { .mdr-wpis__karta { padding: 40px 56px 48px; } }
@media (max-width: 569px) {
	.mdr-wpis__karta { padding: 4px 0 0 !important; border: 0; border-radius: 0; }
}
.mdr-wpis__o-mockupie { margin-bottom: 14px; }

/* Tresc wpisu: opis, "Additional info:", lista z ptaszkami. */
.mdr .mdr-tresc .post_desc,
.mdr .mdr-tresc .post_desc_pack {
	width: auto;
	max-width: 680px;
	margin: 0;
	font: 400 17px/1.75 Rubik, sans-serif;
	color: var(--mdr-tekst-2);
}
.mdr .mdr-tresc .post_desc_pack { margin-top: 30px; }
.mdr .mdr-tresc .post_desc p,
.mdr .mdr-tresc .post_desc_pack p {
	margin: 0;
	font: inherit;
	color: inherit;
}
.mdr .mdr-tresc .post_desc p + p,
.mdr .mdr-tresc .post_desc_pack p + p { margin-top: 1em; }
@media (max-width: 569px) {
	.mdr .mdr-tresc .post_desc,
	.mdr .mdr-tresc .post_desc_pack { font-size: 16px; line-height: 1.7; }
}
/* "Additional info:" -- akapit z samym pogrubieniem tuz po opisie. */
.mdr .mdr-tresc > p:has(> strong:only-child),
.mdr .mdr-tresc > .post_desc + p,
.mdr .mdr-tresc > .post_desc_pack + p {
	margin: 32px 0 18px;
	padding: 30px 0 0;
	border-top: 1px solid var(--mdr-linia);
	font: 500 11px Rubik, sans-serif;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--mdr-akcent-2);
}
.mdr .mdr-pk-karta .mdr-tresc > p:has(> strong:only-child),
.mdr .mdr-pk-karta .mdr-tresc > .post_desc_pack + p { margin-top: 34px; border-top-color: var(--mdr-linia-2); }
.mdr .mdr-tresc > p strong { font-weight: 500; }
.mdr .mdr-tresc > p:empty { display: none; }
.mdr .mdr-tresc .post_additional,
.mdr .mdr-tresc .post_additional_pack { margin: 0; }
.mdr .mdr-tresc .post_additional ul,
.mdr .mdr-tresc .post_additional_pack ul {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 14px 28px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
@container karta (min-width: 400px) { .mdr .mdr-tresc .post_additional ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container karta (min-width: 640px) { .mdr .mdr-tresc .post_additional ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container pk (min-width: 400px) { .mdr .mdr-tresc .post_additional_pack ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container pk (min-width: 640px) { .mdr .mdr-tresc .post_additional_pack ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* Studio na telefonie: karta bez paddingu, wiec kontener "karta" = szerokosc
   kolumny; makieta liczy tak samo (szerokosc okna - 40). */
.mdr .mdr-tresc .post_additional ul li,
.mdr .mdr-tresc .post_additional_pack ul li {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	font: 400 15px/1.45 Rubik, sans-serif;
	letter-spacing: 0;
	text-transform: none;
	color: var(--mdr-tekst);
}
.mdr .mdr-tresc .post_additional ul li:hover,
.mdr .mdr-tresc .post_additional_pack ul li:hover { background: none; }
.mdr .mdr-tresc .post_additional ul li::before,
.mdr .mdr-tresc .post_additional_pack ul li::before {
	content: "";
	flex: none;
	width: 5px;
	height: 9px;
	margin: 0 3px 0 2px;
	border: 0;
	border-right: 1.5px solid var(--mdr-akcent-2);
	border-bottom: 1.5px solid var(--mdr-akcent-2);
	border-radius: 0;
	background: none;
	transform: translateY(-3px) rotate(45deg);
}
.mdr .mdr-tresc .post_mockup {
	display: block;
	width: auto;
	margin: 40px 0 0;
}
.mdr .mdr-pk-karta .mdr-tresc .post_mockup { margin-top: 56px; }

/* --- Sekcja pobierania studio (rd/czesci/pobieranie-mockup.php) ---
   Reklama 336 obok przyciskow; gdy obok sie nie miesci -- nad nimi. */
.mdr-dl {
	display: grid;
	grid-template-columns: 336px minmax(0, 1fr);
	gap: 36px;
	padding: 28px;
	border: 1px solid #e6e6ea;
	border-radius: 8px;
	background: #f6f7fa;
}
.mdr .mdr-dl .reklama_google_dwnl {
	grid-column: auto;
	grid-row: auto;
	justify-self: center;
	box-sizing: border-box;
	width: 336px;
	max-width: 100%;
	min-height: 280px;
	margin: 0;
	padding: 10px 12px 5px;
	border-radius: 0;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.mdr .mdr-dl .reklama_google_dwnl::before {
	content: "Advertisement";
	align-self: flex-start;
	margin: 0 0 6px;
	font: 500 9px/1 Rubik, sans-serif;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #a6a6ae;
}
.mdr-dl__prawa {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
	padding-top: 4px;
}
.mdr-dl__tytul { font: 500 13px Rubik, sans-serif; color: var(--mdr-tekst); }
@container karta (max-width: 697px) {
	.mdr-dl { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 24px; }
	.mdr .mdr-dl .reklama_google_dwnl { width: 100%; max-width: 336px; }
	.mdr-dl__prawa { justify-self: center; width: 100%; max-width: 440px; }
}
@media (max-width: 569px) {
	/* Szary pas na cala szerokosc ekranu, zeby reklama miala pelne 336 px. */
	.mdr-dl { margin: 0 -20px; padding: 24px 20px 28px; border-width: 1px 0; border-radius: 0; }
}

/* Przyciski 70 px z podpisem: Download (niebieski), Edit online (czarny).
   Sila (0,3,1)+: Uncode barwi linki w tresci po najechaniu regula (0,3,1). */
.mdr .mdr-dl a.mdr-przycisk,
.mdr .mdr-dl button.md-pobierz-edit,
.mdr .mdr-dl .md-pobierz-edit--wkrotce {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 100%;
	height: 70px;
	min-height: 0;
	margin: 0;
	padding: 0 16px;
	border: 0;
	border-radius: 6px;
	box-shadow: none;
	font: 500 14px Rubik, sans-serif;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}
.mdr .mdr-dl a.mdr-przycisk--niebieski { background: var(--mdr-akcent-2); color: #fff; }
.mdr .mdr-dl a.mdr-przycisk--niebieski:hover,
.mdr .mdr-dl a.mdr-przycisk--niebieski:focus-visible { background: #0f27d6; color: #fff; }
.mdr-przycisk__pod,
.mdr .mdr-dl .md-pobierz-pod {
	font: 500 10px Rubik, sans-serif;
	letter-spacing: .1em;
	text-transform: uppercase;
	opacity: 1;
}
.mdr-przycisk--niebieski .mdr-przycisk__pod { color: #aab5ff; }
.mdr .mdr-dl button.md-pobierz-edit { background: var(--mdr-tekst); color: #fff; }
.mdr .mdr-dl button.md-pobierz-edit:hover,
.mdr .mdr-dl button.md-pobierz-edit:focus-visible { background: #2c2c34; color: #fff; }
.mdr .mdr-dl .md-pobierz-gora { display: inline-flex; align-items: center; gap: 8px; }
.mdr .mdr-dl .md-pobierz-napis { position: static; }
.mdr .mdr-dl button.md-pobierz-edit svg { width: 14px; height: 14px; }
.mdr .mdr-dl .md-pobierz-edit .md-pobierz-pod { color: #a6a6b0; }
/* "Coming soon": mockupu w edytorze jeszcze nie ma. */
.mdr .mdr-dl .md-pobierz-edit--wkrotce {
	flex-direction: row;
	gap: 12px;
	background: #ecedf1;
	color: var(--mdr-tekst-3);
	cursor: default;
}
.mdr .mdr-dl .md-pobierz-plakietka {
	padding: 4px 10px;
	border: 1px solid #d8d8de;
	border-radius: 999px;
	background: #fff;
	font-size: 10px;
	letter-spacing: .08em;
}
/* "OR" miedzy przyciskami (MD Editor, .md-lub). */
.mdr .mdr-dl .md-lub {
	gap: 16px;
	margin: 0;
	font: 500 12px/normal Rubik, sans-serif;
	letter-spacing: .1em;
	color: var(--mdr-etykieta);
}
.mdr .mdr-dl .md-lub::before,
.mdr .mdr-dl .md-lub::after { background: #e6e6ea; }
.mdr .mdr-dl .md-pobierz-komputer {
	margin: 0;
	font: 400 13px/1.5 Rubik, sans-serif;
	color: var(--mdr-tekst-3);
	text-align: center;
	text-wrap: balance;
}
@media (max-width: 899px) {
	.mdr .mdr-dl button.md-pobierz-edit,
	.mdr .mdr-dl .md-pobierz-edit--wkrotce { display: none; }
}
.mdr-dl__dol {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px solid #e6e6ea;
	font: 400 12px Rubik, sans-serif;
	color: var(--mdr-tekst-2);
}
.mdr-dl__linki {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 16px;
}
.mdr-dl__szary { color: var(--mdr-tekst-3); }
.mdr .mdr-dl__linki a {
	font-weight: 500;
	color: var(--mdr-tekst);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.mdr .mdr-dl__linki a:hover { color: var(--mdr-akcent-2); }
.mdr-dl__kreska {
	align-self: center;
	width: 1px;
	height: 12px;
	margin: 0 2px;
	background: #d8d8de;
}
.mdr .mdr-dl a.mdr-dl__kontakt {
	color: var(--mdr-akcent-2);
	text-decoration: underline;
	text-underline-offset: 2px;
	white-space: nowrap;
}
.mdr .mdr-tresc .liczba_dwnlds { margin: 12px 0 0; font: 400 12px Rubik, sans-serif; color: var(--mdr-tekst-3); }

/* --- Wpis packaging: zdjecia i szara karta --- */
.mdr-pk-galeria {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}
@media (max-width: 959px) { .mdr-pk-galeria { gap: 24px; } }
@media (max-width: 569px) {
	/* Przewijane w bok, z widocznym brzegiem nastepnego -- tytul jest wtedy na pierwszym ekranie. */
	.mdr-pk-galeria {
		grid-template-columns: repeat(2, 84%);
		gap: 12px;
		overflow-x: auto;
		margin: 0 -20px;
		padding: 0 20px;
		scroll-padding: 0 20px;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	.mdr-pk-galeria::-webkit-scrollbar { display: none; }
}
.mdr-pk-galeria__kafel {
	overflow: hidden;
	border-radius: 8px;
	background: #f6f6f6;
	scroll-snap-align: start;
}
.mdr-pk-galeria__kafel .mdr-wpis__zdjecie { border-radius: 0; }
.mdr-pk-karta {
	container: pk / inline-size;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 22px;
	padding: 40px 40px 44px;
	border-radius: 12px;
	background: #f6f6f6;
}
@container wpis (min-width: 900px) { .mdr-pk-karta { padding: 52px 56px 56px; } }
@media (max-width: 569px) { .mdr-pk-karta { gap: 18px; padding: 28px 20px 32px !important; } }
.mdr .mdr-wpis .mdr-pk-karta h1.mdr-wpis__h1 {
	margin: -6px 0 0;
	font-size: 42px;
	line-height: 1.1;
	letter-spacing: -.02em;
}
@media (max-width: 959px) { .mdr .mdr-wpis .mdr-pk-karta h1.mdr-wpis__h1 { font-size: 36px; } }
@media (max-width: 569px) { .mdr .mdr-wpis .mdr-pk-karta h1.mdr-wpis__h1 { font-size: 30px; } }
.mdr-pk-karta > .mdr-wpis__fakty { margin-top: -8px; }

/* Biala sekcja DOWNLOAD OPTIONS (content-download-pack.php bez zmian w kodzie). */
.mdr .mdr-pk-karta .download_addon_pack_new_hi {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	width: auto;
	margin: 0;
	padding: 24px 28px 28px;
	border: 0;
	border-radius: 12px;
	background: #fff;
	box-shadow: none;
}
@container pk (min-width: 700px) { .mdr .mdr-pk-karta .download_addon_pack_new_hi { padding: 28px 44px 36px; } }
@media (max-width: 569px) { .mdr .mdr-pk-karta .download_addon_pack_new_hi { padding: 24px 18px 28px; } }
.mdr .mdr-pk-karta .packaging_dwnl_opt_hi {
	margin: 0;
	font: 500 16px Rubik, sans-serif;
	letter-spacing: .08em;
	color: var(--mdr-akcent-2);
}
.mdr .mdr-pk-karta .packging_dwnl_sep_hi { display: none; }
.mdr .mdr-pk-karta .packaging_columns_hi {
	align-self: stretch;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 26px;
	margin: 0;
	padding-top: 14px;
	border-top: 1px solid #e6e6ea;
}
@container pk (min-width: 596px) {
	.mdr .mdr-pk-karta .packaging_columns_hi { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 38px; }
}
.mdr .mdr-pk-karta .packaging_right_hi,
.mdr .mdr-pk-karta .packaging_left_hi {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	width: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	order: 0;
}
.mdr .mdr-pk-karta a.packging_dwnl_button_hi,
.mdr .mdr-pk-karta button.mdhr-trigger-btn,
.mdr .mdr-pk-karta button.mde-przycisk {
	box-sizing: border-box;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 100%;
	height: 70px;
	min-height: 0;
	margin: 0;
	padding: 0 12px;
	border-radius: 6px;
	box-shadow: none;
	font: 500 14px Rubik, sans-serif;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}
/* WEB-SIZE (darmowy): bialy srodek i szara obwodka -- szare wypelnienie
   wygladalo jak wylaczony przycisk (README makiety, 2026-10-18). */
.mdr .mdr-pk-karta a.packging_dwnl_button_hi {
	border: 1.5px solid #c9c9d1;
	background: #fff;
	color: var(--mdr-tekst);
}
.mdr .mdr-pk-karta a.packging_dwnl_button_hi:hover,
.mdr .mdr-pk-karta a.packging_dwnl_button_hi:focus-visible { border-color: var(--mdr-tekst); background: #fff; color: var(--mdr-tekst); }
.mdr .mdr-pk-karta .dwnl_button_text_large { margin: 0; font: inherit; letter-spacing: inherit; }
.mdr .mdr-pk-karta .dwnl_button_text_small {
	margin: 0;
	font: 500 10px Rubik, sans-serif;
	letter-spacing: .1em;
	color: var(--mdr-tekst-3);
}
.mdr .mdr-pk-karta button.mdhr-trigger-btn { border: 0; background: var(--mdr-akcent-2); color: #fff; }
.mdr .mdr-pk-karta button.mdhr-trigger-btn:hover,
.mdr .mdr-pk-karta button.mdhr-trigger-btn:focus-visible { background: #0f27d6; color: #fff; }
.mdr .mdr-pk-karta button.mdhr-trigger-btn span {
	margin: 0;
	font: 500 10px Rubik, sans-serif;
	letter-spacing: .1em;
	color: #aab5ff;
	opacity: 1;
}
.mdr .mdr-pk-karta .packging_dwnl_desc_hi {
	margin: 0;
	font: 500 12px/1.4 Rubik, sans-serif;
	color: var(--mdr-tekst-2);
}
/* Rzad "Edit online" (MD Editor, .mde-edit-pack--nowe). */
.mdr .mdr-pk-karta .mde-edit-pack {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	margin: 0;
	text-align: center;
}
.mdr .mdr-pk-karta .md-lub {
	align-self: stretch;
	gap: 16px;
	margin: 6px 0 2px;
	font: 500 12px/normal Rubik, sans-serif;
	letter-spacing: .1em;
	color: var(--mdr-etykieta);
}
.mdr .mdr-pk-karta .md-lub::before,
.mdr .mdr-pk-karta .md-lub::after { background: #e6e6ea; }
.mdr .mdr-pk-karta button.mde-przycisk { border: 0; background: var(--mdr-tekst); color: #fff; }
.mdr .mdr-pk-karta button.mde-przycisk:hover,
.mdr .mdr-pk-karta button.mde-przycisk:focus-visible { background: #2c2c34; color: #fff; }
.mdr .mdr-pk-karta .mde-duzy { display: inline-flex; align-items: center; gap: 8px; }
.mdr .mdr-pk-karta .mde-duzy svg { width: 14px; height: 14px; }
.mdr .mdr-pk-karta .mde-maly {
	margin: 0;
	font: 500 10px Rubik, sans-serif;
	letter-spacing: .1em;
	color: #a6a6b0;
	opacity: 1;
}
.mdr .mdr-pk-karta .mde-komputer {
	align-self: stretch;
	margin: 6px 0 0;
	padding-top: 18px;
	border-top: 1px solid #e6e6ea;
	font: 400 13px/1.5 Rubik, sans-serif;
	color: var(--mdr-tekst-3);
	text-align: center;
	text-wrap: balance;
}
.mdr .mdr-pk-karta .mde-edit-pack .mde-komputer { margin-top: 0; }

/* --- Sidebar: reklama, "Why the ads?", newsletter ---
   Od 960 px przyklejony caly (od poczatku do konca sekcji pobierania),
   odstep = wysokosc przyklejonego paska + 24 px. Nizej pod trescia, bez
   reklamy (jak na produkcji); na tablecie moduly obok siebie. */
.mdr-wpis__bok {
	position: sticky;
	top: 92px;
	align-self: start;
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.admin-bar .mdr-wpis__bok { top: 124px; }
.mdr-wpis__reklama { flex: none; display: flex; justify-content: center; }
.mdr-wpis__reklama .code-block { margin: 0 !important; }
/* Miejsce na reklame, zanim BSA ja wstawi (albo gdy przez kilka dni nie ma
   jej wcale -- algorytm BSA): strefa BSA jest wtedy pusta (:empty). Rozmiar
   daje kod bloku 7 (min-width / min-height strefy). Gdy reklama wejdzie,
   strefa przestaje byc pusta i zostaje sama reklama (Andrzej 2026-10-20). */
.mdr-wpis__reklama [id^="bsa-zone_"]:empty {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: #f6f6f8;
}
.mdr-wpis__reklama [id^="bsa-zone_"]:empty::before {
	content: "Advertisement";
	font: 500 11px Rubik, sans-serif;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #a6a6b0;
}
@media (max-width: 959px) {
	.mdr-wpis__bok { position: static; }
	.mdr-wpis__reklama { display: none; }
}
@media (min-width: 570px) and (max-width: 959px) {
	.mdr-wpis__bok { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 40px; }
}
.mdr-modul {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 28px;
	padding-top: 26px;
	border-top: 1px solid #e6e6ea;
}
.mdr-modul__liczba {
	display: flex;
	align-items: baseline;
	gap: 8px;
	font: 400 14px Rubik, sans-serif;
	color: var(--mdr-tekst-3);
}
.mdr-modul__liczba b {
	font: 500 34px/1 Rubik, sans-serif;
	letter-spacing: -.02em;
	color: var(--mdr-tekst);
}
.mdr .mdr-modul p {
	margin: 0;
	font: 400 13px/1.6 Rubik, sans-serif;
	color: #4a4a55;
}
.mdr .mdr-modul p b { font-weight: 500; color: var(--mdr-tekst); }
.mdr .mdr-modul p a {
	color: var(--mdr-akcent-2);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* --- Newsletter EmailOctopus (sidebar i strona pobierania) ---
   Formularz rysuje skrypt EmailOctopus razem z wlasnym arkuszem i stylami
   w atrybutach -- stad !important. Tytul formularza ("Stay in the loop")
   gra role niebieskiej etykiety, tekst i pole jak w makiecie. Stary
   style.css (blok "EmailOctopus") robi to samo dla starego wygladu. */
.mdr-newsletter { min-height: 170px; }
.mdr .mdr-newsletter .inline-container[data-form] {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	box-shadow: none !important;
	font-family: Rubik, sans-serif !important;
}
.mdr .mdr-newsletter .inline-container[data-form] [eo-block="title"] {
	padding: 0 !important;
	margin: 0 0 10px !important;
}
.mdr .mdr-newsletter .inline-container[data-form] [eo-block="title"] > *,
.mdr .mdr-newsletter .inline-container[data-form] [eo-block="title"] > * * {
	margin: 0 !important;
	font: 500 11px/1.3 Rubik, sans-serif !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	color: var(--mdr-akcent-2) !important;
}
.mdr .mdr-newsletter .inline-container[data-form] [eo-block="text"] { padding: 0 !important; margin: 0 !important; }
.mdr .mdr-newsletter .inline-container[data-form] [eo-block="text"],
.mdr .mdr-newsletter .inline-container[data-form] [eo-block="text"] * {
	font-family: Rubik, sans-serif !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	color: #4a4a55 !important;
	background: transparent !important;
}
.mdr .mdr-newsletter .inline-container[data-form] [eo-block="text"] strong {
	font-weight: 500 !important;
	color: var(--mdr-tekst) !important;
}
.mdr .mdr-newsletter .form-container { max-width: none !important; margin: 0 !important; }
.mdr .mdr-newsletter .emailoctopus-form-wrapper { margin: 16px 0 0 !important; padding: 0 !important; }
.mdr .mdr-newsletter .emailoctopus-form .main-form {
	display: flex !important;
	flex-direction: column;
	align-items: stretch !important;
	gap: 10px;
	margin: 0 !important;
}
.mdr .mdr-newsletter [eo-form-fields-container],
.mdr .mdr-newsletter .emailoctopus-form-row { margin: 0 !important; padding: 0 !important; }
.mdr .mdr-newsletter .emailoctopus-form input[type="email"],
.mdr .mdr-newsletter .emailoctopus-form input[type="submit"] {
	box-sizing: border-box !important;
	width: 100% !important;
	height: 44px !important;
	min-height: 0 !important;
	margin: 0 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	font-family: Rubik, sans-serif !important;
	font-size: 14px !important;
	line-height: normal !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}
.mdr .mdr-newsletter .emailoctopus-form input[type="email"] {
	padding: 0 16px !important;
	border: 1px solid #d8d8de !important;
	background: #fff !important;
	font-weight: 400 !important;
	color: var(--mdr-tekst) !important;
	outline: none !important;
}
.mdr .mdr-newsletter .emailoctopus-form input[type="email"]:focus { border-color: var(--mdr-akcent) !important; }
.mdr .mdr-newsletter .emailoctopus-form input[type="submit"] {
	padding: 0 24px !important;
	border: 0 !important;
	background: var(--mdr-akcent) !important;
	font-weight: 500 !important;
	color: #fff !important;
	cursor: pointer;
}
.mdr .mdr-newsletter .emailoctopus-form input[type="submit"]:hover { background: var(--mdr-akcent-hover) !important; }
.mdr .mdr-newsletter [eo-block="powered-by"] { display: none !important; }
.mdr .mdr-newsletter .emailoctopus-success-message,
.mdr .mdr-newsletter .emailoctopus-error-message {
	margin: 0;
	font: 400 13px/1.5 Rubik, sans-serif;
}

/* --- Podobne mockupy --- */
.mdr-podobne {
	display: flex;
	flex-direction: column;
	gap: 32px;
	padding: 80px 0 120px;
}
@media (max-width: 959px) { .mdr-podobne { padding: 64px 0 96px; } }
@media (max-width: 569px) { .mdr-podobne { gap: 24px; padding: 48px 0 72px; } }
.mdr .mdr-podobne h2.mdr-podobne__h2 {
	margin: 0;
	padding: 22px 0 0;
	border-top: 1px solid var(--mdr-linia);
	font: 500 28px/1.2 Rubik, sans-serif;
	letter-spacing: -.01em;
	text-transform: none;
	color: var(--mdr-tekst);
}
@media (max-width: 569px) { .mdr .mdr-podobne h2.mdr-podobne__h2 { font-size: 24px; } }
.mdr-podobne__siatka {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px 20px;
}
.mdr-podobne--pack .mdr-podobne__siatka { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 32px 34px; }
@media (max-width: 759px) {
	.mdr-podobne__siatka { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 14px; }
	.mdr-podobne__siatka > :nth-child(n+5) { display: none; }
	.mdr-podobne--pack .mdr-podobne__siatka { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 14px; }
	.mdr-podobne--pack .mdr-podobne__siatka > :nth-child(n+4) { display: none; }
}
@media (max-width: 569px) {
	.mdr-podobne--pack .mdr-podobne__siatka { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mdr-podobne--pack .mdr-podobne__siatka > :nth-child(4) { display: flex; }
}
.mdr-karta--z-tytulem .mdr-karta__obraz { margin-bottom: 8px; background: #f6f6f6; }
.mdr-karta--z-tytulem .mdr-karta__tytul { font-size: 14px; line-height: 1.35; }
.mdr .mdr-podobne .mdr-karta:hover .mdr-karta__tytul { color: var(--mdr-akcent-2); }


/* ---------- 15. Strona "download in progress" (makieta: #download) ---------- */

@keyframes mdr-wznies { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.mdr-dlp {
	box-sizing: content-box;
	max-width: min(1320px, calc(100% - 2 * var(--mdr-gut)));
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.mdr-dlp__gora {
	box-sizing: border-box;
	width: 100%;
	padding: 48px 0 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 56px;
}
.mdr-dlp__obraz {
	flex: none;
	width: 408px;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	border-radius: 8px;
	background: #f6f6f6;
	animation: mdr-wznies .6s ease-out both;
}
.mdr .mdr-dlp__obraz img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}
.mdr .mdr-dlp__obraz--pack img { object-fit: contain; }
.mdr-dlp__tekst {
	width: 472px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}
.mdr .mdr-dlp h1.mdr-dlp__h1 {
	margin: 12px 0 0;
	padding: 0;
	font: 500 48px/1.08 Rubik, sans-serif;
	letter-spacing: -.025em;
	text-transform: none;
	color: var(--mdr-tekst);
}
.mdr-dlp__nazwa {
	margin-top: 20px;
	font: 500 16px Rubik, sans-serif;
	color: var(--mdr-tekst);
}
.mdr-dlp__nazwa span { font-weight: 400; color: var(--mdr-etykieta); white-space: nowrap; }
/* Status: "Starting..." do chwili, w ktorej strona sama startuje pobieranie
   (rd.js czyta czas z meta refresh), potem "Download started". */
.mdr-status {
	display: grid;
	margin-top: 8px;
	font: 500 13px Rubik, sans-serif;
}
.mdr-status__czeka,
.mdr-status__ok {
	grid-area: 1 / 1;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: opacity .25s ease-out;
}
.mdr-status__czeka { color: var(--mdr-etykieta); }
.mdr-status__ok { color: var(--mdr-akcent); opacity: 0; }
.mdr-status--ok .mdr-status__czeka { opacity: 0; }
.mdr-status--ok .mdr-status__ok { opacity: 1; }
.mdr .mdr-status .mdr-kolko {
	box-sizing: border-box;
	flex: none;
	width: 14px;
	height: 14px;
	border: 1.5px solid #c9c9d1;
	border-top-color: var(--mdr-akcent);
	animation-duration: .8s;
}
.mdr-status__ptaszek {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background: var(--mdr-akcent);
}
.mdr-status__ptaszek::after {
	content: "";
	width: 3px;
	height: 6px;
	border-right: 1.5px solid #fff;
	border-bottom: 1.5px solid #fff;
	transform: translateY(-1px) rotate(45deg);
}
.mdr .mdr-recznie {
	margin: 10px 0 0;
	font: 400 14px Rubik, sans-serif;
	color: var(--mdr-tekst-3);
}
.mdr .mdr-recznie a {
	color: var(--mdr-akcent);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.mdr-dlp__edytor {
	align-self: stretch;
	display: flex;
	align-items: center;
	gap: 18px;
	margin-top: 24px;
	padding-top: 22px;
	border-top: 1px solid var(--mdr-linia);
	font: 400 14px/1.45 Rubik, sans-serif;
	color: #4a4a55;
	text-align: left;
}
.mdr .mdr-dlp button.mdr-dlp__edytuj {
	box-sizing: border-box;
	flex: none;
	display: flex;
	align-items: center;
	gap: 10px;
	height: 48px;
	margin: 0;
	padding: 0 22px;
	border: 0;
	border-radius: 6px;
	box-shadow: none;
	background: var(--mdr-tekst);
	font: 500 13px Rubik, sans-serif;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
}
.mdr .mdr-dlp button.mdr-dlp__edytuj:hover,
.mdr .mdr-dlp button.mdr-dlp__edytuj:focus-visible { background: #2c2c34; color: #fff; }
@media (max-width: 899px) { .mdr-dlp__edytor { display: none; } }
/* Ponizej 1040 px: zdjecie nad danymi, wszystko na srodku. */
@media (max-width: 1039px) {
	.mdr-dlp__gora { flex-direction: column; gap: 32px; padding: 40px 0 36px; }
	.mdr-dlp__obraz { width: min(408px, 100%); }
	.mdr-dlp__tekst { width: min(472px, 100%); align-items: center; text-align: center; }
}
@media (max-width: 959px) { .mdr .mdr-dlp h1.mdr-dlp__h1 { font-size: 42px; } }
@media (max-width: 569px) {
	.mdr-dlp__gora { gap: 24px; padding: 28px 0 32px; }
	.mdr-dlp__obraz { width: min(300px, 100%); }
	.mdr .mdr-dlp h1.mdr-dlp__h1 { font-size: 34px; }
}
.mdr-dlp__reklama,
.mdr-dlp__reszta {
	box-sizing: border-box;
	width: 100%;
	padding-top: 28px;
	border-top: 1px solid var(--mdr-linia);
}
/* Tresc z kreatora (strona packaging) ma wlasne kreski. */
.mdr-dlp__reszta { padding-top: 0; border-top: 0; }
.mdr-dlp__reklama { display: flex; justify-content: center; }
.mdr-dlp__reklama .code-block { margin: 0 !important; }
.mdr-dlp__newsletter {
	box-sizing: border-box;
	width: 100%;
	max-width: 560px;
	padding: 64px 0 120px;
	text-align: center;
}
@media (max-width: 959px) { .mdr-dlp__newsletter { padding: 56px 0 96px; } }
@media (max-width: 569px) { .mdr-dlp__newsletter { padding: 44px 0 72px; } }
.mdr .mdr-dlp__newsletter .mdr-newsletter { min-height: 150px; }
.mdr .mdr-dlp__newsletter .inline-container[data-form] [eo-block="title"] { margin-bottom: 12px !important; }
.mdr .mdr-dlp__newsletter .inline-container[data-form] [eo-block="text"],
.mdr .mdr-dlp__newsletter .inline-container[data-form] [eo-block="text"] * { font-size: 15px !important; text-align: center !important; }
.mdr .mdr-dlp__newsletter .emailoctopus-form-wrapper { margin-top: 20px !important; }
.mdr .mdr-dlp__newsletter .emailoctopus-form .main-form { flex-direction: row; gap: 8px; }
/* Pole i przycisk w jednym rzedzie. EmailOctopus daje polu i wierszowi
   wlasne szerokosci minimalne, a przyciskowi rozciaganie -- wyzerowane. */
.mdr .mdr-dlp__newsletter [eo-form-fields-container] { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; }
.mdr .mdr-dlp__newsletter .emailoctopus-form-row { width: 100% !important; min-width: 0 !important; }
.mdr .mdr-dlp__newsletter .emailoctopus-form input[type="email"],
.mdr .mdr-dlp__newsletter .emailoctopus-form input[type="submit"] { height: 48px !important; min-width: 0 !important; font-size: 15px !important; }
.mdr .mdr-dlp__newsletter .emailoctopus-form input[type="submit"] { flex: none !important; width: auto !important; }


/* ---------- 16. Wyniki wyszukiwania (makieta: #search, wersja "Hybryda") ----------
   Szablon rd/szablony/szukaj.php, dane z MD Search (rd/funkcje-szukaj.php). */

.mdr-sz {
	box-sizing: border-box;
	max-width: 2080px;
	margin: 0 auto;
	padding: 0 var(--mdr-gut);
}
.mdr-sz-glowa {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 96px 0 40px;
	text-align: center;
}
.mdr .mdr-sz h1.mdr-sz-zdanie {
	margin: 0;
	padding: 0;
	font: 400 24px/1.3 Rubik, sans-serif;
	letter-spacing: normal;
	text-transform: none;
	color: var(--mdr-tekst);
	text-wrap: balance;
}
.mdr-sz-zdanie b { font-weight: 500; }
.mdr-sz-zdanie .mdr-sz-fraza { color: var(--mdr-akcent); }
.mdr-szukaj--wyniki { width: 800px; margin-top: 32px; }
.mdr-sz-rzad {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
	gap: 8px 20px;
	margin-top: 20px;
	font: 400 15px Rubik, sans-serif;
	color: var(--mdr-tekst-2);
}
.mdr-sz-rzad__etykieta { color: var(--mdr-etykieta); }
.mdr .mdr-sz-rzad a {
	color: var(--mdr-tekst-2);
	text-decoration: underline;
	text-decoration-color: #cfcfd6;
	text-underline-offset: 4px;
}
.mdr .mdr-sz-rzad a:hover { color: var(--mdr-akcent); text-decoration-color: var(--mdr-akcent); }
.mdr-sz-rzad__czy { flex-basis: 100%; }
@media (max-width: 959px) {
	.mdr-sz-glowa { padding: 64px 0 36px; }
	.mdr .mdr-sz h1.mdr-sz-zdanie { font-size: 22px; }
}
@media (max-width: 569px) {
	.mdr-sz-glowa { padding: 40px 0 28px; }
	.mdr .mdr-sz h1.mdr-sz-zdanie { font-size: 19px; }
}

/* Kapsuly dzialow: nazwa, liczba, opis; skok do sekcji. */
.mdr-sz-dzialy {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}
.mdr-sz-dzialy--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mdr-sz-dzialy--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1299px) { .mdr-sz-dzialy--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 999px) { .mdr-sz-dzialy { grid-template-columns: minmax(0, 1fr) !important; } }
.mdr-sz-dzialy--brak { max-width: 1320px; margin: 0 auto; }
.mdr .mdr-sz-dzial {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	padding: 20px 40px;
	border-radius: 48px;
	background: #f3f3f6;
	color: var(--mdr-tekst);
	text-decoration: none;
}
.mdr .mdr-sz-dzial:hover { background: var(--mdr-jasny); color: var(--mdr-tekst); }
.mdr-sz-dzial__gora {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
}
.mdr-sz-dzial__nazwa { font: 500 20px Rubik, sans-serif; }
.mdr-sz-dzial__ile { font: 500 18px Rubik, sans-serif; color: var(--mdr-akcent); }
.mdr-sz-dzial__opis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font: 400 15px Rubik, sans-serif;
	color: var(--mdr-tekst-3);
}
@media (max-width: 959px) { .mdr .mdr-sz-dzial { padding: 20px 32px; } }
@media (max-width: 569px) { .mdr .mdr-sz-dzial { padding: 16px 28px; } }

/* Sekcje dzialow. */
.mdr-sz-sekcja {
	display: flex;
	flex-direction: column;
	gap: 22px;
	padding: 56px 0 48px;
	border-bottom: 1px solid var(--mdr-linia-2);
	scroll-margin-top: 60px;
}
.mdr-sz-sekcja__glowa {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: 8px 24px;
}
.mdr .mdr-sz h2.mdr-sz-sekcja__tytul {
	margin: 0;
	padding: 0;
	font: 500 28px/normal Rubik, sans-serif;
	letter-spacing: normal;
	text-transform: none;
	color: var(--mdr-tekst);
}
.mdr-sz-sekcja__ile { font-weight: 400; color: var(--mdr-akcent); }
.mdr .mdr-sz-sekcja__cta {
	font: 500 18px Rubik, sans-serif;
	color: var(--mdr-akcent);
	text-decoration: none;
}
.mdr .mdr-sz-sekcja__cta:hover { color: var(--mdr-akcent-hover); }
@media (max-width: 959px) {
	.mdr-sz-sekcja { padding: 48px 0 40px; }
	.mdr .mdr-sz h2.mdr-sz-sekcja__tytul { font-size: 24px; }
	.mdr .mdr-sz-sekcja__cta { font-size: 16px; }
}
@media (max-width: 569px) {
	.mdr-sz-sekcja { padding: 36px 0 32px; scroll-margin-top: 56px; }
	.mdr .mdr-sz h2.mdr-sz-sekcja__tytul { font-size: 21px; }
	.mdr .mdr-sz-sekcja__cta { font-size: 15px; }
}
.admin-bar .mdr-sz-sekcja { scroll-margin-top: 92px; }

/* "Narrow down:" -- podkategorie opakowan z liczbami. */
.mdr-sz-zawez {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin-top: -6px;
}
.mdr-sz-zawez__etykieta {
	margin-right: 8px;
	font: 400 14px Rubik, sans-serif;
	color: var(--mdr-etykieta);
}
.mdr .mdr-sz-zawez a {
	display: flex;
	align-items: baseline;
	gap: 8px;
	padding: 8px 16px;
	border-radius: 18px;
	background: #f3f3f6;
	font: 400 14px Rubik, sans-serif;
	color: var(--mdr-tekst);
	text-decoration: none;
}
.mdr .mdr-sz-zawez a:hover { color: var(--mdr-akcent); }
.mdr-sz-zawez a span { color: var(--mdr-etykieta); }

/* Siatki: dwa pelne rzedy w przegladzie (nadmiar chowany), wszystko
   w widoku jednej grupy (--pelna). */
.mdr-sz-siatka--studio { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 18px; }
.mdr-sz-siatka--pack { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 38px 37px; }
.mdr-sz-siatka--kit { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
@media (max-width: 1699px) {
	.mdr-sz-siatka--studio { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mdr-sz-siatka--studio:not(.mdr-sz-siatka--pelna) > :nth-child(n+7) { display: none; }
	.mdr-sz-siatka--pack { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.mdr-sz-siatka--pack:not(.mdr-sz-siatka--pelna) > :nth-child(n+11) { display: none; }
}
@media (max-width: 1199px) {
	.mdr-sz-siatka--pack { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.mdr-sz-siatka--pack:not(.mdr-sz-siatka--pelna) > :nth-child(n+9) { display: none; }
	.mdr-sz-siatka--kit { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 959px) {
	.mdr-sz-siatka--studio,
	.mdr-sz-siatka--pack,
	.mdr-sz-siatka--kit { gap: 28px 20px; }
}
@media (max-width: 759px) {
	.mdr-sz-siatka--studio,
	.mdr-sz-siatka--pack,
	.mdr-sz-siatka--kit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mdr-sz-siatka--studio:not(.mdr-sz-siatka--pelna) > :nth-child(n+5),
	.mdr-sz-siatka--pack:not(.mdr-sz-siatka--pelna) > :nth-child(n+5) { display: none; }
}
@media (max-width: 569px) {
	.mdr-sz-siatka--studio,
	.mdr-sz-siatka--pack,
	.mdr-sz-siatka--kit { gap: 16px 12px; }
}
.mdr-sz-sekcja .mdr-strony { padding: 26px 0 8px; }

/* Zdanie na dole: "Tell me" / "Suggest it" (Contact z tematem i haslem). */
.mdr .mdr-sz-stopka {
	margin: 0;
	padding: 56px 0 88px;
	text-align: center;
	text-wrap: balance;
	font: 400 15px Rubik, sans-serif;
	color: var(--mdr-tekst-3);
}
.mdr .mdr-sz-stopka a {
	font-weight: 500;
	color: var(--mdr-akcent);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.mdr .mdr-sz-stopka--brak { padding-bottom: 140px; }
@media (max-width: 959px) { .mdr .mdr-sz-stopka--brak { padding-bottom: 112px; } }
@media (max-width: 569px) { .mdr .mdr-sz-stopka--brak { padding-bottom: 80px; } }

/* Przyklejony pasek strony wynikow: szerszy, nizszy, skoki do sekcji. */
.mdr-pasek--szukaj {
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 2px 12px rgba(0, 0, 0, .05);
}
.mdr-pasek--szukaj .mdr-pasek__wnetrze { max-width: 2080px; height: 60px; gap: 36px; }
.mdr-pasek--szukaj .mdr-logo--pasek { --h: 22px; }
.mdr-pasek--szukaj .mdr-szukaj--pasek {
	display: flex;
	width: 300px;
	max-width: 300px;
	height: 40px;
	--mdr-szukaj-l: 16px;
	padding: 0 4px 0 0;
	border-radius: 20px;
}
.mdr .mdr-pasek--szukaj .mdr-szukaj--pasek button[type="submit"] { width: 30px; height: 30px; }
.mdr-pasek--szukaj .mdr-szukaj--pasek .mdr-lupa { width: 13px; height: 13px; }
.mdr-pasek__skoki { display: flex; gap: 36px; white-space: nowrap; }
.mdr .mdr-pasek__skoki a {
	display: flex;
	align-items: baseline;
	gap: 8px;
	font: 500 16px Rubik, sans-serif;
	color: var(--mdr-tekst);
	text-decoration: none;
}
.mdr .mdr-pasek__skoki a:hover { color: var(--mdr-akcent); }
.mdr-pasek__skoki a span { font-size: 14px; color: var(--mdr-akcent); }
@media (max-width: 1249px) { .mdr-pasek__skoki { display: none; } }
@media (max-width: 959px) {
	.mdr-pasek--szukaj .mdr-pasek__wnetrze { gap: 24px; }
	.mdr-pasek--szukaj .mdr-szukaj--pasek { flex: 1 1 auto; width: auto; max-width: none; }
}
@media (max-width: 569px) {
	.mdr-pasek--szukaj .mdr-pasek__wnetrze { height: 56px; gap: 14px; }
	.mdr-pasek--szukaj .mdr-logo--pasek { --h: 19px; }
}


/* ---------- 17. Podstrony About, Help i License (makieta: widok "page") ----------
   Strony zbudowane w WPBakery z klasami md-about, md-nr, md-body, md-fig...
   (style.css, blok "STRONY ABOUT"). Tu tylko to, czym nowy wyglad sie rozni:
   kolory i krój z systemu, haslo 68 px 64 px pod menu z druga linia na
   niebiesko (owija ja rd/funkcje-strony.php), szare tla #f6f6f8 zamiast
   bezowych, zaokraglenia, wielkosci tekstu z makiety. Odstepy pionowe
   ida przez !important, bo tak ustawia je style.css (tam opis dlaczego). */

.mdr .md-about {
	--md-akcent: #1936ff;
	--md-czern: #141418;
	--md-tekst: #3c3c45;
	--md-lead: #3c3c45;
	--md-szary: #6b6b75;
	--md-jasny: #8a8a94;
	--md-meta: #6b6b75;
	--md-kreska: #ececf0;
	--md-kreska-mocna: #e3e3e8;
	--md-panel: #f6f6f8;
	--md-panel-h: #eef1ff;
}
/* Kolumna 1048 px z marginesami z systemu (40 / 32 / 20 px); Uncode daje 36. */
.mdr .md-about > .row-parent {
	max-width: calc(1048px + 2 * var(--mdr-gut));
	padding-left: var(--mdr-gut) !important;
	padding-right: var(--mdr-gut) !important;
}
.mdr .md-about > .row-parent { padding-top: 62px !important; padding-bottom: 100px !important; }
@media (max-width: 959px) { .mdr .md-about > .row-parent { padding-top: 48px !important; padding-bottom: 80px !important; } }
@media (max-width: 569px) { .mdr .md-about > .row-parent { padding-top: 32px !important; padding-bottom: 64px !important; } }

/* Haslo: bez plakietki nad nim (makieta, wersja 5), druga linia niebieska. */
.mdr .md-about .uncont > .vc_custom_heading_wrap:has(h1) { margin-top: 0 !important; }
.mdr .md-about .md-kicker + .vc_custom_heading_wrap:has(h1) { margin-top: 24px !important; }
.mdr .md-about .uncont .heading-text h1 {
	max-width: none;
	margin: 0;
	font-size: 68px;
	line-height: 1.08;
	letter-spacing: -.025em;
	color: var(--md-czern);
	text-wrap: balance;
}
.mdr .mdr-h1-druga { color: var(--mdr-akcent); }
@media (max-width: 959px) { .mdr .md-about .uncont .heading-text h1 { font-size: 52px; } }
@media (max-width: 569px) { .mdr .md-about .uncont .heading-text h1 { font-size: 34px; } }

/* Wstep i pasek faktow. */
.mdr .md-about .md-lead { margin-top: 40px !important; }
.mdr .md-about .md-lead p {
	max-width: 560px;
	margin: 0;
	font-size: 18px;
	line-height: 1.72;
	color: var(--md-tekst);
}
.mdr .md-about .md-lead a { color: var(--md-akcent); }
.mdr .md-about .md-facts { margin-top: 36px !important; }
.mdr .md-about .md-facts p {
	gap: 12px 44px;
	margin: 0;
	padding: 20px 0 0;
	font-size: 14.5px;
	line-height: 1.3;
}
@media (max-width: 959px) { .mdr .md-about .md-lead { margin-top: 28px !important; } }
@media (max-width: 569px) {
	.mdr .md-about .md-lead { margin-top: 20px !important; }
	.mdr .md-about .md-lead p { font-size: 16px; line-height: 1.75; }
	.mdr .md-about .md-facts p { font-size: 13px; }
}

/* Naglowek sekcji: kreska, numer i nazwa, tytul. */
.mdr .md-about .md-nr p {
	gap: 16px;
	padding: 13px 0 0;
}
.mdr .md-about .md-nr__n,
.mdr .md-about .md-nr__l {
	font-size: 12px;
	letter-spacing: .1em;
}
/* Odstep nad tytulem siedzi na opakowaniu -- Uncode zeruje margines samego
   naglowka (.heading-text.el-text > :first-child, !important). 25 px =
   32 px z makiety minus wyzsza linia etykiety (21 zamiast ~14 px). */
.mdr .md-about .uncont .heading-text h2 {
	font-size: 32px;
	line-height: 1.2;
	color: var(--md-czern);
}
.mdr .md-about .uncont > .md-nr + .vc_custom_heading_wrap { margin-top: 25px !important; }
@media (max-width: 959px) {
	.mdr .md-about .uncont .heading-text h2 { font-size: 28px; }
	.mdr .md-about .uncont > .md-nr + .vc_custom_heading_wrap { margin-top: 19px !important; }
}
@media (max-width: 569px) {
	.mdr .md-about .uncont .heading-text h2 { font-size: 24px; }
	.mdr .md-about .uncont > .md-nr + .vc_custom_heading_wrap { margin-top: 13px !important; }
}

/* Tekst. */
.mdr .md-about .md-body { margin-top: 36px !important; }
.mdr .md-about .md-body + .md-body { margin-top: 20px !important; }
/* Tekst po bloku innym niz tekst (cytat, karty, zdjecie, ramka) -- 41 px;
   zaraz po samej etykiecie (bez tytulu, np. "What lands in my inbox") -- 62 px
   z makiety minus wyzsza linia etykiety. */
.mdr .md-about .md-quote + .md-body,
.mdr .md-about .md-inbox + .md-body,
.mdr .md-about .md-cap + .md-body,
.mdr .md-about .md-figrow + .md-body,
.mdr .md-about .md-ciemny + .md-body,
.mdr .md-about .md-panel + .md-body,
.mdr .md-about .md-siatka + .md-body { margin-top: 41px !important; }
.mdr .md-about .md-nr + .md-body { margin-top: 55px !important; }
.mdr .md-about .md-facts + .md-siatka { margin-top: 91px !important; }
.mdr .md-about .md-facts + .md-nr { margin-top: 56px !important; }
/* Dopisek (notka 14 px): po tekscie 28 px, po filmach 41 px. */
.mdr .md-about .md-cap--dopisek p { padding-top: 0; line-height: 1.7; }
.mdr .md-about .md-body + .md-cap--dopisek { margin-top: 28px !important; }
.mdr .md-about .md-wideo + .md-cap--dopisek { margin-top: 41px !important; }
.mdr .md-about .md-body p,
.mdr .md-about .md-body ul,
.mdr .md-about .md-body ol {
	font-size: 16px;
	line-height: 1.85;
	color: var(--md-tekst);
}
.mdr .md-about .md-body a:hover { color: var(--mdr-akcent-hover); }
.mdr .md-about .md-podpis { margin-top: 48px !important; font-size: 17px; line-height: normal; }
.mdr .md-about .md-facts + .md-fig { margin-top: 60px !important; }
.mdr .md-about .md-figrow { margin-top: 73px !important; }
.mdr .md-about .md-next { margin-top: 100px !important; }

/* Zdjecia i podpisy. */
.mdr .md-about .md-fig img,
.mdr .md-about .md-figrow img,
.mdr .md-about .md-siatka img { border-radius: 8px; }
.mdr .md-about .md-cap p {
	padding-top: 12px;
	font-size: 14px;
	line-height: 1.6;
}
.mdr .md-about .md-cap--obok p { font-size: 15px; line-height: 1.7; color: var(--md-tekst); }
@media (max-width: 959px) { .mdr .md-about .md-cap--obok p { font-size: 14px; line-height: 1.6; color: var(--md-szary); } }

/* Cytat, ramka "paste this in", karty opinii. */
.mdr .md-about .md-quote blockquote {
	padding: 40px 44px 35px;
	border-radius: 18px;
}
.mdr .md-about .md-quote blockquote p {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.55;
	letter-spacing: normal;
}
.mdr .md-about .md-quote blockquote footer { margin-top: 22px; }
@media (max-width: 959px) {
	.mdr .md-about .md-quote blockquote { padding: 36px; }
	.mdr .md-about .md-quote blockquote p { font-size: 22px; }
}
@media (max-width: 569px) {
	.mdr .md-about .md-quote blockquote { padding: 28px 24px; }
	.mdr .md-about .md-quote blockquote p { font-size: 19px; }
}
.mdr .md-about .md-panel__box { padding: 22px 24px 24px; border-radius: 12px; }
.mdr .md-about .md-panel__label { font-size: 11.5px; }
.mdr .md-about .md-panel__box p { font-size: 15px; line-height: 1.8; }
.mdr .md-about .md-inbox { margin-top: 41px !important; }
.mdr .md-about .md-inbox__grid blockquote { padding: 40px 36px 34px; border-radius: 16px; }
.mdr .md-about .md-inbox__grid blockquote p { font-size: 20px; line-height: 1.55; letter-spacing: normal; }
.mdr .md-about .md-inbox__grid blockquote footer { margin-top: 16px; }
@media (max-width: 959px) { .mdr .md-about .md-inbox__grid blockquote { padding: 32px 28px 30px; } }
@media (max-width: 569px) {
	.mdr .md-about .md-inbox__grid blockquote { padding: 24px 20px; }
	.mdr .md-about .md-inbox__grid blockquote p { font-size: 18px; line-height: 1.5; }
}

/* Ciemny boks. */
.mdr .md-about .md-ciemny { margin-top: 88px !important; }
.mdr .md-about .md-ciemny .uncol,
.mdr .md-about .md-ciemny .uncell { background: #1c1c22; border-radius: 18px; }
.mdr .md-about .md-ciemny .uncell { padding: 62px 56px 66px; }
.mdr .md-about .md-ciemny .md-nr__n { color: #7d8cff; }
.mdr .md-about .md-ciemny .md-nr__l { color: #9a9aa6; }
.mdr .md-about .md-ciemny .md-nr p { padding: 0; }
.mdr .md-about .md-ciemny .md-body { margin-top: 42px !important; }
.mdr .md-about .md-ciemny .md-body + .md-body { margin-top: 20px !important; }
/* Kolor wprost: regula naglowkow sekcji wyzej (czarny) ma te sama sile co
   bialy kolor ze style.css i laduje sie pozniej (Andrzej 2026-10-20). */
.mdr .md-about .md-ciemny .uncont .heading-text h2 {
	font-size: 40px;
	line-height: 1.18;
	letter-spacing: -.02em;
	color: #fff;
}
.mdr .md-about .md-ciemny .md-body p,
.mdr .md-about .md-ciemny .md-body li {
	font-size: 17px;
	line-height: 1.8;
	color: #d6d6dc;
}
.mdr .md-about .md-ciemny .md-body strong { color: #fff; }
.mdr .md-about .md-ciemny .md-body a { color: #9aa6ff; }
@media (max-width: 959px) {
	.mdr .md-about .md-ciemny .uncell { padding: 44px 36px 48px; }
	.mdr .md-about .md-ciemny .uncont .heading-text h2 { font-size: 34px; }
}
@media (max-width: 569px) {
	.mdr .md-about .md-ciemny .uncell { padding: 32px 20px 36px; }
	.mdr .md-about .md-ciemny .uncont .heading-text h2 { font-size: 28px; }
}

/* Filmy (Video tutorials). */
.mdr .md-about .md-wideo__player iframe,
.mdr .md-about .md-wideo__player img { border-radius: 8px; }
.mdr .md-about .md-wideo__meta { font-size: 12px; letter-spacing: .1em; color: var(--md-jasny); }
.mdr .md-about .md-wideo__t { font-size: 20px; line-height: 1.35; color: var(--md-czern); }
.mdr .md-about .md-wideo__opis p { font-size: 15px; line-height: 1.7; color: var(--md-szary); }
.mdr .md-about .md-wideo__link a { font-size: 15px; color: var(--md-akcent); }

/* Keep reading. */
.mdr .md-about .md-next__wrap {
	grid-template-columns: 147px minmax(0, 1fr);
	gap: 24px;
	padding-top: 41px;
	border-top-color: #e9e9ec;
}
.mdr .md-about .md-next__label { padding-top: 6px; font-size: 11px; }
.mdr .md-about .md-next__cards { gap: 24px; max-width: 760px; }
.mdr .md-about .md-next__card {
	min-height: 182px;
	padding: 30px 26px;
	border-radius: 18px;
	color: var(--md-czern);
}
.mdr .md-about .md-next__card:hover { color: var(--md-akcent); }
.mdr .md-about .md-next__card:hover .md-next__t { color: var(--md-akcent); }
.mdr .md-about .md-next__nr { font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.mdr .md-about .md-next__t { margin: 8px 0; font-size: 18px; line-height: 1.25; }
.mdr .md-about .md-next__d { font-size: 14px; line-height: 1.5; color: #7a7a84; }
@media (max-width: 959px) {
	.mdr .md-about .md-next__wrap { grid-template-columns: 1fr; gap: 18px; }
	.mdr .md-about .md-next__cards { grid-column: 1; grid-row: 2; }
}
@media (max-width: 569px) {
	.mdr .md-about .md-next__cards { grid-template-columns: 1fr; }
	.mdr .md-about .md-next__card { min-height: 0; }
}

/* License (md-about--prawo): wstep 16 px, krotszy pasek faktow, sekcje
   w dwoch kolumnach (etykieta i tytul | tresc), ograniczenia w ciemnym
   boksie, listy a) b) (ol.md-abc). Tresc: _wgrywane-recznie/md-tresci-redesignu/
   licencja.txt -- wstawia ja tymczasowa wtyczka. */
.mdr .md-about--prawo > .row-parent { padding-bottom: 140px !important; }
@media (max-width: 959px) { .mdr .md-about--prawo > .row-parent { padding-bottom: 112px !important; } }
@media (max-width: 569px) { .mdr .md-about--prawo > .row-parent { padding-bottom: 80px !important; } }
.mdr .md-about--prawo .md-lead { margin-top: 36px !important; }
.mdr .md-about--prawo .md-lead p { font-size: 16px; line-height: 1.7; }
.mdr .md-about--prawo .md-facts p { gap: 12px 36px; padding: 20px 0; font-size: 13px; }
@media (max-width: 959px) { .mdr .md-about--prawo .md-lead { margin-top: 28px !important; } }
@media (max-width: 569px) { .mdr .md-about--prawo .md-lead { margin-top: 20px !important; } }

.mdr .md-about .md-split {
	margin-top: 0 !important;
	padding: 22px 0 64px;
	border-top: 1px solid var(--md-kreska);
}
.mdr .md-about .md-facts + .md-split { margin-top: 56px !important; }
/* Uncode sklada wiersz z tabel z wysokoscia 100 % -- w siatce spadala do 0
   i tresc wychodzila poza sekcje. */
.mdr .md-about .md-split > .row,
.mdr .md-about .md-split > .row > .row-inner { display: block; height: auto !important; margin: 0; padding: 0; }
.mdr .md-about .md-split > .row > .row-inner {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 48px;
}
.mdr .md-about .md-split > .row > .row-inner > .wpb_column {
	display: block;
	width: auto;
	height: auto !important;
	float: none;
	margin: 0;
	padding: 0 !important; /* Uncode: odstep kolumny 36 px z lewej */
}
.mdr .md-about .md-split .md-nr p { gap: 14px; padding: 0; border-top: 0; }
.mdr .md-about .md-split .md-nr__n,
.mdr .md-about .md-split .md-nr__l { font-size: 11px; letter-spacing: .12em; }
.mdr .md-about .md-split .uncont > .md-nr + .vc_custom_heading_wrap { margin-top: 15px !important; }
.mdr .md-about .md-split .uncont .heading-text h2 { font-size: 28px; line-height: 1.2; }
.mdr .md-about .md-split__tresc { max-width: 680px; padding-top: 34px; }
.mdr .md-about .md-split__tresc h3 {
	margin: 30px 0 10px;
	font: 500 17px/normal Rubik, sans-serif;
	letter-spacing: normal;
	text-transform: none;
	color: var(--md-czern);
}
.mdr .md-about .md-split__tresc > :first-child { margin-top: 0; }
.mdr .md-about .md-split__tresc p,
.mdr .md-about .md-split__tresc li {
	margin: 0;
	font-size: 15px;
	line-height: 1.75;
	color: var(--md-tekst);
}
.mdr .md-about .md-split__tresc p + p { margin-top: 30px; }
.mdr .md-about .md-split__tresc .md-abc {
	counter-reset: md-abc;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mdr .md-about .md-split__tresc .md-abc + h3 { margin-top: 30px; }
.mdr .md-about .md-split__tresc .md-abc li {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	margin: 0;
	padding: 0;
	counter-increment: md-abc;
}
.mdr .md-about .md-split__tresc .md-abc li + li { margin-top: 10px; }
.mdr .md-about .md-split__tresc .md-abc li::before {
	content: counter(md-abc, lower-alpha) ")";
	font-weight: 500;
	color: var(--md-akcent);
}
/* Ciemny boks (Restrictions). */
.mdr .md-about .md-split--ciemny {
	margin-bottom: 64px !important;
	padding: 44px 48px 52px;
	border: 0;
	border-radius: 18px;
	background: #1c1c22;
}
.mdr .md-about .md-split--ciemny > .row > .row-inner { grid-template-columns: 232px minmax(0, 1fr); }
.mdr .md-about .md-split--ciemny .md-nr__n { color: #7d8cff; }
.mdr .md-about .md-split--ciemny .md-nr__l { color: #9a9aa6; }
.mdr .md-about .md-split--ciemny .uncont .heading-text h2 { color: #fff; }
.mdr .md-about .md-split--ciemny .md-split__tresc li { color: #d6d6dc; }
.mdr .md-about .md-split--ciemny .md-abc li + li { margin-top: 18px; }
.mdr .md-about .md-split--ciemny .md-abc li::before { color: #7d8cff; }
.mdr .md-about .md-split + .md-split--ciemny { margin-top: 0 !important; }
@media (max-width: 959px) {
	.mdr .md-about .md-split { padding-bottom: 48px; }
	.mdr .md-about .md-split > .row > .row-inner,
	.mdr .md-about .md-split--ciemny > .row > .row-inner { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.mdr .md-about .md-split__tresc { padding-top: 20px; }
	.mdr .md-about .md-split--ciemny { padding: 36px 36px 40px; }
}
@media (max-width: 569px) {
	.mdr .md-about .md-split { padding-bottom: 40px; }
	.mdr .md-about .md-split--ciemny { padding: 28px 20px 32px; }
}


/* Odstepy pionowe podstron na tablecie (x0,8) i telefonie (x0,6) -- jak
   w makiecie (px() w pageVals). Na komputerze wartosci wyzej i w style.css. */
@media (max-width: 959px) {
	.mdr .md-about .md-fig { margin-top: 46px !important; }
	.mdr .md-about .md-facts + .md-fig { margin-top: 47px !important; }
	.mdr .md-about .md-figrow { margin-top: 58px !important; }
	.mdr .md-about .md-quote { margin-top: 51px !important; }
	.mdr .md-about .md-nr { margin-top: 53px !important; }
	.mdr .md-about .md-facts + .md-nr { margin-top: 45px !important; }
	.mdr .md-about .md-body { margin-top: 29px !important; }
	.mdr .md-about .md-body + .md-body { margin-top: 16px !important; }
	.mdr .md-about .md-quote + .md-body, .mdr .md-about .md-inbox + .md-body, .mdr .md-about .md-cap + .md-body, .mdr .md-about .md-figrow + .md-body, .mdr .md-about .md-ciemny + .md-body, .mdr .md-about .md-panel + .md-body, .mdr .md-about .md-siatka + .md-body { margin-top: 33px !important; }
	.mdr .md-about .md-nr + .md-body { margin-top: 43px !important; }
	.mdr .md-about .md-ciemny { margin-top: 70px !important; }
	.mdr .md-about .md-ciemny .md-body { margin-top: 34px !important; }
	.mdr .md-about .md-inbox { margin-top: 33px !important; }
	.mdr .md-about .md-panel { margin-top: 21px !important; }
	.mdr .md-about .md-facts + .md-siatka { margin-top: 73px !important; }
	.mdr .md-about .md-wideo { margin-top: 45px !important; }
	.mdr .md-about .md-body + .md-cap--dopisek { margin-top: 22px !important; }
	.mdr .md-about .md-wideo + .md-cap--dopisek { margin-top: 33px !important; }
	.mdr .md-about .md-podpis { margin-top: 38px !important; }
	.mdr .md-about .md-next { margin-top: 80px !important; }
	.mdr .md-about .md-facts + .md-split { margin-top: 45px !important; }
}
@media (max-width: 569px) {
	.mdr .md-about .md-fig { margin-top: 34px !important; }
	.mdr .md-about .md-facts + .md-fig { margin-top: 35px !important; }
	.mdr .md-about .md-figrow { margin-top: 44px !important; }
	.mdr .md-about .md-quote { margin-top: 38px !important; }
	.mdr .md-about .md-nr { margin-top: 40px !important; }
	.mdr .md-about .md-facts + .md-nr { margin-top: 34px !important; }
	.mdr .md-about .md-body { margin-top: 22px !important; }
	.mdr .md-about .md-body + .md-body { margin-top: 12px !important; }
	.mdr .md-about .md-quote + .md-body, .mdr .md-about .md-inbox + .md-body, .mdr .md-about .md-cap + .md-body, .mdr .md-about .md-figrow + .md-body, .mdr .md-about .md-ciemny + .md-body, .mdr .md-about .md-panel + .md-body, .mdr .md-about .md-siatka + .md-body { margin-top: 25px !important; }
	.mdr .md-about .md-nr + .md-body { margin-top: 30px !important; }
	.mdr .md-about .md-ciemny { margin-top: 53px !important; }
	.mdr .md-about .md-ciemny .md-body { margin-top: 25px !important; }
	.mdr .md-about .md-inbox { margin-top: 25px !important; }
	.mdr .md-about .md-panel { margin-top: 16px !important; }
	.mdr .md-about .md-facts + .md-siatka { margin-top: 55px !important; }
	.mdr .md-about .md-wideo { margin-top: 34px !important; }
	.mdr .md-about .md-body + .md-cap--dopisek { margin-top: 17px !important; }
	.mdr .md-about .md-wideo + .md-cap--dopisek { margin-top: 25px !important; }
	.mdr .md-about .md-podpis { margin-top: 29px !important; }
	.mdr .md-about .md-next { margin-top: 60px !important; }
	.mdr .md-about .md-facts + .md-split { margin-top: 34px !important; }
}


/* ---------- 18. FAQ i Contact (szablony rd/szablony/faq.php, kontakt) ----------
   Ta sama gora co License: haslo 68 px z niebieska druga linia, zdanie
   16 px, rzad pod kreska. Dzialy w dwoch kolumnach (etykieta i tytul |
   pytania). */

.mdr-pg {
	box-sizing: content-box;
	max-width: min(1048px, calc(100% - 2 * var(--mdr-gut)));
	margin: 0 auto;
	padding: 62px 0 0;
}
.mdr .mdr-pg h1.mdr-pg__h1 {
	margin: 0;
	padding: 0;
	font: 500 68px/1.08 Rubik, sans-serif;
	letter-spacing: -.025em;
	text-transform: none;
	color: var(--mdr-tekst);
	text-wrap: balance;
}
.mdr .mdr-pg__wstep {
	max-width: 560px;
	margin: 36px 0 0;
	font: 400 16px/1.7 Rubik, sans-serif;
	color: var(--mdr-tekst-2);
}
.mdr .mdr-pg__wstep a { color: var(--mdr-akcent-2); text-decoration: underline; text-underline-offset: 3px; }
.mdr-pg__rzad {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 36px;
	margin-top: 36px;
	padding: 20px 0;
	border-top: 1px solid var(--mdr-linia);
	font: 400 13px Rubik, sans-serif;
	color: var(--mdr-tekst-3);
}
@media (max-width: 959px) {
	.mdr-pg { padding-top: 46px; }
	.mdr .mdr-pg h1.mdr-pg__h1 { font-size: 52px; }
	.mdr .mdr-pg__wstep { margin-top: 28px; }
}
@media (max-width: 569px) {
	.mdr-pg { padding-top: 30px; }
	.mdr .mdr-pg h1.mdr-pg__h1 { font-size: 34px; }
	.mdr .mdr-pg__wstep { margin-top: 20px; }
}

/* FAQ: spis, wyszukiwarka, dzialy. */
.mdr .mdr-faq__spis a {
	display: flex;
	gap: 8px;
	color: var(--mdr-tekst);
	text-decoration: none;
}
.mdr .mdr-faq__spis a:hover { color: var(--mdr-akcent-2); }
.mdr-faq__spis a span { font-weight: 500; color: var(--mdr-akcent-2); }
/* Lupa lezy nad polem (bez klikania), pole zaczyna sie przy lewej krawedzi:
   kursor tekstowy w calej szerokosci (Andrzej 2026-10-20). */
.mdr-faq__szukaj {
	position: relative;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 14px;
	height: 60px;
	margin-top: 28px;
	padding: 0 24px 0 0;
	border: 1px solid #dcdce2;
	border-radius: 30px;
	background: #fff;
}
.mdr-faq__szukaj:focus-within { border-color: var(--mdr-akcent-2); }
.mdr-faq__lupa {
	position: absolute;
	top: 50%;
	left: 24px;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	pointer-events: none;
	background: url(../ikony/search.svg) center / contain no-repeat;
}
.mdr .mdr-faq__szukaj input {
	appearance: none;
	flex: 1;
	align-self: stretch;
	min-width: 0;
	height: auto;
	margin: 0;
	padding: 0 0 0 64px;
	border: 0;
	outline: none;
	box-shadow: none;
	background: transparent;
	font: 400 16px Rubik, sans-serif;
	color: var(--mdr-tekst);
}
.mdr .mdr-faq__szukaj input::placeholder { color: #8a8a94; opacity: 1; }
.mdr .mdr-faq__szukaj input::-webkit-search-cancel-button { -webkit-appearance: none; }
.mdr-faq__wynik { flex: none; font: 400 13px Rubik, sans-serif; color: var(--mdr-etykieta); }
.mdr .mdr-faq__szukaj button.mdr-faq__czysc {
	all: unset;
	cursor: pointer;
	font: 500 13px Rubik, sans-serif;
	color: var(--mdr-akcent-2);
}
.mdr .mdr-faq__szukaj button.mdr-faq__czysc[hidden] { display: none; }
.mdr-faq__dzialy { padding-top: 56px; }
.mdr-faq__dzial {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 48px;
	padding: 22px 0 64px;
	border-top: 1px solid var(--mdr-linia);
	scroll-margin-top: 24px;
}
.mdr-faq__glowa { display: flex; flex-direction: column; gap: 22px; }
.mdr-faq__nr {
	display: flex;
	gap: 14px;
	font: 500 11px Rubik, sans-serif;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--mdr-etykieta);
}
.mdr-faq__nr > span:first-child { color: var(--mdr-akcent-2); }
.mdr .mdr-faq__glowa h2 {
	margin: 0;
	padding: 0;
	font: 500 28px/1.2 Rubik, sans-serif;
	letter-spacing: -.01em;
	text-transform: none;
	color: var(--mdr-tekst);
	text-wrap: balance;
}
.mdr-faq__pytania { display: flex; flex-direction: column; padding-top: 20px; }
.mdr-faq__q { border-bottom: 1px solid var(--mdr-linia); }
.mdr .mdr-faq__q summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: 20px 0;
	list-style: none;
	cursor: pointer;
	font: 500 17px/1.4 Rubik, sans-serif;
	color: var(--mdr-tekst);
}
.mdr .mdr-faq__q summary::-webkit-details-marker { display: none; }
.mdr .mdr-faq__q summary:hover,
.mdr .mdr-faq__q[open] summary { color: var(--mdr-akcent-2); }
.mdr .mdr-faq__q summary:focus-visible { outline: 2px solid var(--mdr-akcent); outline-offset: 2px; }
.mdr-faq__znak {
	position: relative;
	flex: none;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background: #f3f3f6;
}
.mdr-faq__znak::before,
.mdr-faq__znak::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 11px;
	height: 1.5px;
	margin: -.75px 0 0 -5.5px;
	background: var(--mdr-tekst);
}
.mdr-faq__znak::after { transform: rotate(90deg); }
.mdr-faq__q[open] .mdr-faq__znak { background: var(--mdr-akcent-2); }
.mdr-faq__q[open] .mdr-faq__znak::before { background: #fff; }
.mdr-faq__q[open] .mdr-faq__znak::after { display: none; }
.mdr-faq__odp {
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-width: 680px;
	padding: 0 0 30px;
}
.mdr .mdr-faq__odp p,
.mdr .mdr-faq__odp li {
	margin: 0;
	font: 400 15px/1.75 Rubik, sans-serif;
	color: var(--mdr-tekst-2);
}
.mdr .mdr-faq__odp ul,
.mdr .mdr-faq__odp ol { margin: 0; padding-left: 20px; }
.mdr .mdr-faq__odp li { line-height: 1.6; }
.mdr .mdr-faq__odp li + li { margin-top: 4px; }
.mdr .mdr-faq__odp strong,
.mdr .mdr-faq__odp b { font-weight: 500; color: var(--mdr-tekst); }
.mdr .mdr-faq__odp a { color: var(--mdr-akcent-2); }
.mdr .mdr-faq__pusto {
	margin: 0;
	padding: 48px 0;
	border-top: 1px solid var(--mdr-linia);
	font: 400 16px/1.7 Rubik, sans-serif;
	color: var(--mdr-tekst-2);
}
.mdr .mdr-faq__pusto a { color: var(--mdr-akcent-2); text-decoration: underline; text-underline-offset: 3px; }
.mdr-faq__jeszcze {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 32px;
	margin: 8px 0 140px;
	padding: 36px 40px;
	border-radius: 18px;
	background: #f6f6f8;
}
.mdr-faq__jeszcze > div { display: flex; flex-direction: column; gap: 6px; font: 400 15px Rubik, sans-serif; color: var(--mdr-tekst-3); }
.mdr-faq__jeszcze-t { font: 500 20px Rubik, sans-serif; color: var(--mdr-tekst); }
.mdr .mdr-faq__jeszcze > a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 15px 26px;
	border-radius: 26px;
	background: var(--mdr-akcent-2);
	font: 500 15px Rubik, sans-serif;
	color: #fff;
	text-decoration: none;
}
.mdr .mdr-faq__jeszcze > a:hover { background: #0f27d6; color: #fff; }
.mdr-faq__jeszcze > a span { font-size: 18px; }
@media (max-width: 959px) {
	.mdr-faq__dzial { grid-template-columns: minmax(0, 1fr); gap: 0; padding-bottom: 48px; }
	.mdr-faq__pytania { padding-top: 8px; }
	.mdr-faq__jeszcze { margin-bottom: 112px; padding: 32px; }
}
@media (max-width: 569px) {
	.mdr-faq__dzial { padding-bottom: 40px; }
	.mdr .mdr-faq__q summary { gap: 16px; padding: 16px 0; font-size: 16px; }
	.mdr-faq__jeszcze { margin-bottom: 80px; padding: 24px 20px; }
}

/* Contact: wybor tematu, formularz (Contact Form 7), podziekowanie. Pola
   i przyciski z !important tam, gdzie Uncode stylizuje pola formularzy
   regulami o duzej sile. */
.mdr .mdr-kt__wstep { max-width: 640px; }
.mdr-kt__sekcja {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 48px;
	padding: 22px 0 140px;
	border-top: 1px solid var(--mdr-linia);
}
.mdr-kt__sekcja--tematy { margin-top: 56px; padding-bottom: 56px; }
.mdr-kt__tematy {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	padding-top: 34px;
}
.mdr .mdr-kt__temat {
	all: unset;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 22px 22px 24px;
	border-radius: 16px;
	background: #f6f6f8;
	cursor: pointer;
}
/* Obwodka cieniem, nie outline -- Uncode zeruje outline przyciskow z fokusem. */
.mdr .mdr-kt__temat:hover { box-shadow: inset 0 0 0 1.5px var(--mdr-akcent-2); }
.mdr .mdr-kt__temat[aria-checked="true"] { background: var(--mdr-jasny); box-shadow: inset 0 0 0 1.5px var(--mdr-akcent-2); }
.mdr .mdr-kt__temat:focus-visible { outline: 2px solid var(--mdr-akcent); outline-offset: 2px; }
.mdr-kt__temat-gora { display: flex; justify-content: space-between; align-items: flex-start; }
.mdr-kt__ikona { width: 40px; height: 40px; background: center / contain no-repeat; }
.mdr-kt__kolko {
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	border: 1.5px solid #c9c9d1;
	border-radius: 9px;
}
.mdr-kt__temat[aria-checked="true"] .mdr-kt__kolko { border: 5px solid var(--mdr-akcent-2); }
.mdr-kt__temat-t { display: flex; flex-direction: column; gap: 6px; }
.mdr-kt__temat-n { font: 500 17px Rubik, sans-serif; color: var(--mdr-tekst); }
.mdr-kt__temat-o { font: 400 14px/1.5 Rubik, sans-serif; color: var(--mdr-tekst-3); }
.mdr-kt__prawa {
	display: flex;
	flex-direction: column;
	gap: 24px;
	max-width: 760px;
	padding-top: 34px;
}
.mdr-kt__notka {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	padding: 22px 26px;
	border-radius: 12px;
	background: #f6f6f8;
	font: 400 15px/1.7 Rubik, sans-serif;
	color: var(--mdr-tekst-2);
}
.mdr-kt__notka b { font-weight: 500; color: var(--mdr-tekst); }
.mdr .mdr-kt__zmien {
	all: unset;
	cursor: pointer;
	font: 500 14px Rubik, sans-serif;
	color: var(--mdr-akcent-2);
}
.mdr .mdr-kt__zmien:hover { color: #0f27d6; }

/* Pola formularza. */
.mdr .mdr-kt .wpcf7 form { margin: 0; }
.mdr-kt__pola { display: flex; flex-direction: column; gap: 24px; }
.mdr-kt__dwa { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.mdr .mdr-kt__pole { display: flex; flex-direction: column; gap: 8px; margin: 0; }
.mdr .mdr-kt__etykieta { font: 500 14px Rubik, sans-serif; letter-spacing: normal; text-transform: none; color: var(--mdr-tekst); }
.mdr-kt__gw { color: var(--mdr-akcent-2); }
.mdr-kt__opc { font-weight: 400; color: var(--mdr-etykieta); }
.mdr .mdr-kt .wpcf7-form-control-wrap { display: block; }
.mdr .mdr-kt .wpcf7 input[type="text"],
.mdr .mdr-kt .wpcf7 input[type="email"],
.mdr .mdr-kt .wpcf7 input[type="url"],
.mdr .mdr-kt .wpcf7 textarea {
	box-sizing: border-box !important;
	width: 100% !important;
	height: 52px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	border: 1px solid #dcdce2 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	background: #fff !important;
	font: 400 15px Rubik, sans-serif !important;
	color: var(--mdr-tekst) !important;
	outline: none !important;
}
.mdr .mdr-kt .wpcf7 textarea {
	height: 200px !important;
	min-height: 200px;
	padding: 14px 16px !important;
	line-height: 1.6 !important;
	resize: vertical;
}
.mdr .mdr-kt .wpcf7 input::placeholder,
.mdr .mdr-kt .wpcf7 textarea::placeholder { color: #8a8a94; opacity: 1; }
.mdr .mdr-kt .wpcf7 input:focus,
.mdr .mdr-kt .wpcf7 textarea:focus { border-color: var(--mdr-akcent-2) !important; }
.mdr .mdr-kt .wpcf7 .wpcf7-not-valid { border-color: #d93025 !important; }
.mdr .mdr-kt .wpcf7-not-valid-tip {
	display: block;
	margin-top: 8px;
	font: 400 13px Rubik, sans-serif;
	color: #d93025;
}

/* Pliki: wspolne pole "Drop files here" i trzy ukryte pola CF7. */
.mdr .mdr-kt__upusc {
	position: relative;
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 0;
	padding: 22px 24px;
	border: 1.5px dashed #c9c9d1;
	border-radius: 12px;
	background: #fff;
	cursor: pointer;
}
.mdr .mdr-kt__upusc--nad { border-color: var(--mdr-akcent-2); background: var(--mdr-jasny); }
.mdr .mdr-kt__upusc input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}
.mdr .mdr-kt__upusc:focus-within { outline: 2px solid var(--mdr-akcent); outline-offset: 2px; }
.mdr-kt__spinacz {
	flex: none;
	width: 36px;
	height: 36px;
	background: url(../ikony/paperclip.svg) center / contain no-repeat;
}
.mdr-kt__upusc-t { display: flex; flex-direction: column; gap: 3px; font: 500 15px Rubik, sans-serif; color: var(--mdr-tekst); }
.mdr-kt__przegladaj { color: var(--mdr-akcent-2); text-decoration: underline; text-underline-offset: 3px; }
.mdr-kt__podp { font: 400 13px Rubik, sans-serif; color: var(--mdr-etykieta); }
.mdr-kt__chipy { display: flex; flex-wrap: wrap; gap: 8px; }
.mdr-kt__chipy:empty { display: none; }
.mdr-kt__chip {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 8px 8px 14px;
	border-radius: 8px;
	background: var(--mdr-jasny);
	font: 400 13px Rubik, sans-serif;
	color: var(--mdr-tekst);
}
.mdr-kt__chip span { color: var(--mdr-etykieta); }
.mdr .mdr-kt__chip button {
	all: unset;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	font-size: 16px;
	color: var(--mdr-akcent-2);
}
.mdr-kt__blad { font: 400 13px Rubik, sans-serif; color: #d93025; }
.mdr-kt__ukryte { display: none; }

/* Wyslij. */
.mdr-kt__wyslij { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; padding-top: 4px; }
/* Sila (0,4,1): Uncode ma button[type="submit"]:not(...):not(...) (0,3,1)
   z kolorem #444, wersalikami i wlasnymi odstepami. */
.mdr .mdr-kt button.mdr-kt__przycisk[type="submit"] {
	all: unset;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 16px 28px;
	border: 0;
	border-radius: 28px;
	box-shadow: none;
	background: var(--mdr-akcent-2);
	font: 500 15px/normal Rubik, sans-serif;
	letter-spacing: normal;
	text-transform: none;
	color: #fff;
	cursor: pointer;
}
.mdr .mdr-kt button.mdr-kt__przycisk[type="submit"]:hover { background: #0f27d6; color: #fff; }
.mdr .mdr-kt .mdr-kt__przycisk:focus-visible { outline: 2px solid var(--mdr-akcent); outline-offset: 2px; }
.mdr .mdr-kt .submitting .mdr-kt__przycisk { opacity: .6; cursor: progress; }
.mdr-kt__przycisk span { font-size: 18px; }
.mdr-kt__wymagane { font: 400 13px Rubik, sans-serif; color: var(--mdr-etykieta); }
.mdr-kt__wymagane span { color: var(--mdr-akcent-2); }
.mdr .mdr-kt .wpcf7-response-output {
	margin: 24px 0 0 !important;
	padding: 14px 18px !important;
	border: 0 !important;
	border-radius: 12px;
	background: #fdecea;
	font: 400 14px/1.6 Rubik, sans-serif;
	color: #b3261e;
}
.mdr .mdr-kt .wpcf7 form.init .wpcf7-response-output,
.mdr .mdr-kt .wpcf7 form.sent .wpcf7-response-output { display: none; }
.mdr .mdr-kt .wpcf7-spinner { display: none; }

/* Po wyslaniu. */
.mdr-kt__wyslane {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	margin: 64px 0 140px;
	padding-top: 48px;
	border-top: 1px solid var(--mdr-linia);
	outline: none;
}
.mdr-kt__wyslane-t { font: 500 28px Rubik, sans-serif; color: var(--mdr-tekst); }
.mdr-kt__wyslane-n { max-width: 560px; font: 400 16px/1.7 Rubik, sans-serif; color: var(--mdr-tekst-2); }
.mdr .mdr-kt__jeszcze {
	all: unset;
	cursor: pointer;
	margin-top: 8px;
	padding: 14px 24px;
	border: 1.5px solid var(--mdr-akcent-2);
	border-radius: 26px;
	font: 500 15px Rubik, sans-serif;
	color: var(--mdr-akcent-2);
}
.mdr .mdr-kt__jeszcze:hover { background: var(--mdr-akcent-2); color: #fff; }
.mdr-kt__stary { margin: 56px 0 140px; }
@media (max-width: 959px) {
	.mdr-kt__sekcja { grid-template-columns: minmax(0, 1fr); gap: 0; padding-bottom: 112px; }
	.mdr-kt__sekcja--tematy { margin-top: 44px; padding-bottom: 44px; }
	.mdr-kt__tematy,
	.mdr-kt__prawa { padding-top: 20px; }
	.mdr-kt__wyslane { margin: 48px 0 112px; }
}
@media (max-width: 569px) {
	.mdr-kt__sekcja { padding-bottom: 80px; }
	.mdr-kt__sekcja--tematy { margin-top: 32px; padding-bottom: 32px; }
	.mdr-kt__tematy,
	.mdr-kt__dwa { grid-template-columns: minmax(0, 1fr); }
	.mdr-kt__wyslane { margin: 32px 0 80px; }
	.mdr .mdr-kt .wpcf7 input[type="text"],
	.mdr .mdr-kt .wpcf7 input[type="email"],
	.mdr .mdr-kt .wpcf7 input[type="url"],
	.mdr .mdr-kt .wpcf7 textarea { font-size: 16px !important; }
}


/* ---------- 19. Wersje opakowania (rd/funkcje-wpis.php, mdr_wpis_wersje) ----------
   Biala karta pod wierszem z danymi pliku: naglowek z liczba wersji,
   "Selected: ..." po prawej, kafle 3:4 jak obrazki opakowan (makieta ma
   kwadraty z przycietym zdjeciem; Andrzej 19 X: bez przycinania). Szesc kolumn, gdy wnetrze
   karty ma co najmniej 420 px (makieta: pIn - 48 >= 420), inaczej trzy.
   Ogladany wpis z niebieska obwodka, nie jest linkiem. Ponad szesc wersji:
   piec i kafel "+N more" -- link na strone opakowan z sama seria. */
.mdr-wersje {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 8px;
	padding: 22px 24px 24px;
	border-radius: 8px;
	background: #fff;
}
.mdr-wersje__glowa {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: 6px 16px;
}
.mdr-wersje__tytul { font: 500 14px Rubik, sans-serif; color: var(--mdr-tekst); }
.mdr-wersje__tytul span { font-weight: 400; color: var(--mdr-etykieta); white-space: nowrap; }
.mdr-wersje__wybrana { font: 400 13px Rubik, sans-serif; color: var(--mdr-tekst); }
.mdr-wersje__siatka {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px 10px;
}
@container pk (min-width: 468px) {
	.mdr-wersje__siatka { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
}
.mdr .mdr-wersje__kafel {
	all: unset;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
	cursor: pointer;
}
.mdr-wersje__kafel--ten { cursor: default; }
.mdr-wersje__obraz {
	display: block;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	border-radius: 6px;
	background: #f6f6f6;
	outline: 2px solid transparent;
	outline-offset: -2px;
}
.mdr-wersje__obraz img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mdr-wersje__kafel--ten .mdr-wersje__obraz { outline-color: var(--mdr-akcent-2); }
.mdr-wersje__nazwa {
	font: 400 12px/1.3 Rubik, sans-serif;
	color: #4a4a55;
	text-wrap: balance;
	overflow-wrap: anywhere;
}
.mdr-wersje__kafel--ten .mdr-wersje__nazwa,
.mdr .mdr-wersje a.mdr-wersje__kafel:hover .mdr-wersje__nazwa { color: var(--mdr-akcent-2); }
.mdr .mdr-wersje a.mdr-wersje__kafel:focus-visible .mdr-wersje__obraz { outline: 2px solid var(--mdr-akcent); outline-offset: 2px; }
.mdr-wersje__wiecej .mdr-wersje__obraz {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	background: var(--mdr-jasny);
	font: 400 11px Rubik, sans-serif;
	color: var(--mdr-akcent-2);
}
.mdr-wersje__wiecej .mdr-wersje__obraz b { font: 500 20px Rubik, sans-serif; }
.mdr-wersje__wiecej:hover .mdr-wersje__obraz { background: var(--mdr-akcent-2); color: #fff; }
.mdr-wersje__wiecej .mdr-wersje__nazwa { color: var(--mdr-akcent-2); }
@media (max-width: 569px) {
	.mdr-wersje { padding: 18px 16px 20px; }
}

/* Strona opakowan z sama seria (?versions=, rd/szablony/packaging.php):
   pasek nad siatka -- czyje to wersje i powrot do calosci. #versions
   w adresie przewija do niego, ponizej przyklejonego naglowka. */
.mdr-pk-wersje {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
	margin-bottom: 28px;
	padding: 16px 20px;
	border-radius: 12px;
	background: var(--mdr-jasny);
	scroll-margin-top: 92px;
}
.mdr-pk-wersje__opis { font: 400 16px/1.5 Rubik, sans-serif; color: var(--mdr-tekst-2); }
.mdr .mdr-pk-wersje__opis a { font-weight: 500; color: var(--mdr-tekst); text-decoration: none; }
.mdr .mdr-pk-wersje__opis a:hover { color: var(--mdr-akcent-2); }
.mdr-pk-wersje__opis > span { color: var(--mdr-etykieta); white-space: nowrap; }
.mdr .mdr-pk-wersje__x {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 16px;
	border-radius: 20px;
	background: #fff;
	font: 500 14px Rubik, sans-serif;
	color: var(--mdr-akcent-2);
	text-decoration: none;
	white-space: nowrap;
}
.mdr .mdr-pk-wersje__x:hover { background: var(--mdr-akcent-2); color: #fff; }
@media (max-width: 569px) {
	.mdr-pk-wersje { padding: 14px 16px; }
	.mdr-pk-wersje__opis { font-size: 15px; }
}