/* ==========================================================================
   ANIMA POLONIAE – szata „Złoty Wiek”
   Odwzorowanie 1:1 wizualizacji „Anima Poloniae · Złoty Wiek · Strona główna”:
   malowane plansze (flaga z godłem i Wawelem, pas kart w złotych ramach, plansza
   husarska z pergaminem), Cinzel + EB Garamond, ciemny brąz, karmazyn i złoto.
   Moduły aplikacji leżą na pergaminie, jak strefa „Złoty Wiek” na wzorze.
   Jeden, świadomy wygląd – bez wariantu ciemnego/jasnego.
   ========================================================================== */
:root {
	/* Kolory wzoru */
	--ap-noc: #120906;             /* tło strony */
	--ap-pas: #160B07;             /* nagłówek i panele */
	--ap-zloto-linia: #B8913F;
	--ap-zloto-ramka: #D2AD5F;
	--ap-zloto-tekst: #ECC877;
	--ap-zloto-jasne: #E6C77F;
	--ap-zloto-ikona: #E3B85E;
	--ap-braz-linia: #6E5222;
	--ap-krem: #F3E6C8;
	--ap-krem-2: #F6EEDC;
	--ap-krem-nav: #EFE2C4;
	--ap-karmazyn-1: #A3192B;
	--ap-karmazyn-2: #7A0F1C;
	--ap-karmazyn-3: #5E0B15;
	--ap-wino: #6E0F1B;
	/* Pergamin – strefa treści */
	--ap-pergamin: #EEE0C3;
	--ap-pergamin-jasny: #F8F1E1;
	--ap-pole: #FBF6EA;
	--ap-ink: #2A1A10;             /* nagłówki na pergaminie */
	--ap-ink-2: #3A2618;           /* tekst na pergaminie (11:1) */
	--ap-ink-3: #5A3D26;           /* tekst pomocniczy (7:1) */
	--ap-kreska: #D9C49A;
	--ap-kreska-mocna: #B8913F;
	/* Stany */
	--ap-ok: #2E5A2E;
	--ap-uwaga: #8A5300;
	--ap-alarm: #8E1420;
	--ap-granat: #1F3D6E;
	/* Aliasy używane w skrypcie */
	--ap-papier: var(--ap-pergamin-jasny);
	--ap-len: var(--ap-pergamin);
	--ap-karmazyn: var(--ap-karmazyn-2);
	--ap-zloto: var(--ap-zloto-linia);
	--ap-on-accent: #F6E9CC;
	--ap-atrament: var(--ap-ink-2);
	--ap-atrament-2: var(--ap-ink-3);
	--ap-cien: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 10px 28px -16px rgba(42, 26, 16, .45);

	/* Pismo wzoru */
	--ap-f-kapitala: "Cinzel", "Trajan Pro", Georgia, serif;
	--ap-f-tytul: "Cinzel", "Trajan Pro", Georgia, serif;
	--ap-f-tekst: "EB Garamond", Garamond, Georgia, serif;
	--ap-r: 2px;
	color-scheme: light;
}

/* ---------- Podstawa ---------- */
.anima-root, .anima-root * { box-sizing: border-box; }
.anima-root {
	font-family: var(--ap-f-tekst);
	font-size: 19px;
	line-height: 1.55;
	color: var(--ap-ink-2);
	background: var(--ap-noc);
	-webkit-font-smoothing: antialiased;
	max-width: 100%;
	overflow-x: clip;
}
.anima-root h1, .anima-root h2, .anima-root h3, .anima-root h4 {
	font-family: var(--ap-f-tytul); font-weight: 500; line-height: 1.15; color: var(--ap-ink);
	text-wrap: balance; margin: 0; letter-spacing: .01em;
}
.anima-root h2 { font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.35rem); }
.anima-root h3 { font-size: 1.32rem; }
.anima-root h4 { font-size: 1.1rem; }
.anima-root p { margin: 0; }
:where(.anima-root) a { color: var(--ap-karmazyn-2); text-underline-offset: 3px; text-decoration-thickness: 1px; }
:where(.anima-root) a:hover { color: var(--ap-karmazyn-1); }
.anima-root a.ap-btn { text-decoration: none; }
.anima-root img { max-width: 100%; display: block; }
.anima-root :focus-visible { outline: 2px solid var(--ap-zloto-ramka); outline-offset: 2px; }
.anima-root .ap-num { font-variant-numeric: tabular-nums lining-nums; }
.anima-root [hidden] { display: none !important; }
.anima-root button { font-family: inherit; }
.ap-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Złoty napis – gradient jak na wzorze */
.ap-zloty-tekst {
	background: linear-gradient(180deg, #FFF0B8 0%, #F2CF72 38%, #C8952F 62%, #F5D88A 82%, #B07A22 100%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
	filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .75));
}
.anima-root .ap-zloty-tekst { color: transparent; }

/* ---------- Nagłówek ---------- */
.ap-masthead { background: var(--ap-pas); border-bottom: 1px solid var(--ap-braz-linia); position: sticky; top: env(safe-area-inset-top, 0px); z-index: 40; }
.ap-masthead-in {
	max-width: 1536px; margin: 0 auto; padding-block: 10px;
	padding-left: max(16px, env(safe-area-inset-left, 0px));
	padding-right: max(16px, env(safe-area-inset-right, 0px));
	display: flex; align-items: center; gap: 12px 28px; flex-wrap: wrap;
}
.ap-godlo { display: flex; align-items: center; gap: 14px; background: none; border: 0; padding: 0; cursor: pointer; text-align: left; flex: none; }
.ap-godlo img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 1px var(--ap-zloto-ramka), 0 3px 8px rgba(0, 0, 0, .6); }
.ap-godlo-txt { display: grid; gap: 3px; }
.ap-godlo-txt b { font: 600 1.55rem/1 var(--ap-f-kapitala); letter-spacing: .01em; white-space: nowrap; }
.ap-godlo-txt small { font: 400 .62rem/1 var(--ap-f-kapitala); letter-spacing: .16em; text-transform: uppercase; color: #EADBB6; padding-left: 4px; }
.ap-grupy { flex: 1 1 auto; min-width: 0; }
.ap-grupy-in { display: flex; gap: 4px 26px; overflow-x: auto; scrollbar-width: none; }
.ap-grupy-in::-webkit-scrollbar { display: none; }
.ap-grupa {
	flex: none; background: none; border: 0; border-bottom: 1px solid transparent; cursor: pointer; padding: 8px 0;
	font: 400 .82rem/1 var(--ap-f-kapitala); letter-spacing: .03em; text-transform: uppercase; color: var(--ap-krem-nav);
}
.ap-grupa:hover { color: #F3D58C; border-bottom-color: var(--ap-zloto-linia); }
.ap-grupa[aria-current="true"] { color: #F3D58C; border-bottom-color: var(--ap-zloto-ramka); }
.ap-masthead-akcje { margin-left: auto; display: flex; align-items: center; gap: 16px; flex: none; }
.ap-flaga { display: inline-flex; align-items: center; gap: 8px; font: 400 .85rem/1 var(--ap-f-kapitala); color: var(--ap-krem-nav); padding-right: 16px; border-right: 1px solid #6A5634; }
.ap-flaga svg { width: 22px; height: 15px; }
.ap-uzytkownik { font: 400 .78rem/1.2 var(--ap-f-kapitala); letter-spacing: .04em; color: var(--ap-krem-nav); }
@media (max-width: 1100px) {
	.ap-grupy { order: 3; flex: 1 1 100%; }
	.ap-grupy-in { gap: 4px 18px; }
}
@media (max-width: 560px) {
	.ap-godlo img { width: 42px; height: 42px; }
	.ap-godlo-txt b { font-size: 1.2rem; }
	.ap-godlo-txt small { font-size: .52rem; }
	.ap-flaga { display: none; }
	.ap-uzytkownik { display: none; }
}

/* ---------- Baner działu (wycinek planszy z godłem) ---------- */
.ap-baner {
	position: relative; min-height: 172px; display: flex; align-items: center;
	background:
		linear-gradient(90deg, rgba(18, 9, 6, .94) 0%, rgba(18, 9, 6, .78) 38%, rgba(18, 9, 6, .15) 75%, rgba(18, 9, 6, .35) 100%),
		url("../img/plansza-godlo.jpg") 72% 38% / cover no-repeat;
	border-bottom: 1px solid var(--ap-braz-linia);
}
.ap-baner-in {
	width: 100%; max-width: 1536px; margin: 0 auto; padding-block: 28px;
	padding-left: max(16px, env(safe-area-inset-left, 0px));
	padding-right: max(16px, env(safe-area-inset-right, 0px));
	display: grid; justify-items: start; gap: 8px;
}
.ap-baner-grupa { font: 700 clamp(1.9rem, 1.3rem + 2vw, 3rem)/1.05 var(--ap-f-kapitala); }
.ap-baner-div { width: 240px; max-width: 70%; height: 12px; }
.ap-baner-opis { font: italic 400 1.15rem/1.4 var(--ap-f-tekst); color: #F1E7D2; text-shadow: 0 2px 4px rgba(0, 0, 0, .8); max-width: 46ch; }

/* ---------- Układ ---------- */
.ap-shell {
	position: relative; max-width: 1340px; margin: 0 auto;
	padding-block: 40px 72px;
	padding-left: max(16px, env(safe-area-inset-left, 0px));
	padding-right: max(16px, env(safe-area-inset-right, 0px));
	display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 40px; align-items: start;
	/* pergamin na całą szerokość ekranu */
	background: var(--ap-pergamin);
	box-shadow: 0 0 0 100vmax var(--ap-pergamin);
	clip-path: inset(0 -100vmax);
}
.ap-shell.ap-bez-menu { grid-template-columns: minmax(0, 1fr); }
.ap-shell.ap-start { max-width: 1536px; padding: 0; gap: 0; background: var(--ap-noc); box-shadow: 0 0 0 100vmax var(--ap-noc); }
.ap-shell.ap-start .ap-main { gap: 0; }
.ap-main { min-width: 0; display: grid; gap: 28px; }

.ap-menu {
	position: sticky; top: calc(env(safe-area-inset-top, 0px) + 96px); display: grid; gap: 2px;
	padding: 20px 12px 14px; background: var(--ap-pas);
	border: 1px solid var(--ap-braz-linia); box-shadow: inset 0 0 0 4px var(--ap-pas), inset 0 0 0 5px rgba(210, 173, 95, .45), 0 12px 28px -16px rgba(0, 0, 0, .6);
}
.ap-menu-tytul { font: 600 1.05rem/1.2 var(--ap-f-kapitala); color: var(--ap-zloto-tekst); text-align: center; padding: 0 8px 14px; margin-bottom: 6px; border-bottom: 1px solid var(--ap-braz-linia); letter-spacing: .04em; text-transform: uppercase; }
.ap-menu button {
	display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; border: 1px solid transparent; background: none; cursor: pointer;
	padding: 10px 12px; font: 400 1.08rem/1.25 var(--ap-f-tekst); color: var(--ap-krem);
}
.ap-menu button svg { width: 19px; height: 19px; flex: none; color: var(--ap-zloto-ikona); }
.ap-menu button:hover { color: #FFF6DE; border-color: rgba(184, 145, 63, .5); }
.ap-menu button[aria-current="true"] { background: linear-gradient(180deg, var(--ap-karmazyn-1) 0%, var(--ap-karmazyn-2) 55%, var(--ap-karmazyn-3) 100%); border-color: var(--ap-zloto-ramka); color: #FFF6DE; box-shadow: inset 0 0 0 1px rgba(255, 220, 150, .18); }
@media (max-width: 900px) {
	.ap-shell { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-block-start: 22px; }
	.ap-menu { position: static; display: flex; overflow-x: auto; gap: 6px; padding: 8px; scrollbar-width: thin; }
	.ap-menu-tytul { display: none; }
	.ap-menu button { flex: none; width: auto; border-color: rgba(184, 145, 63, .45); }
}

/* ---------- Nagłówek modułu ---------- */
.ap-naglowek { display: grid; gap: 10px; }
.ap-eyebrow { font: 600 .78rem/1.2 var(--ap-f-kapitala); letter-spacing: .2em; text-transform: uppercase; color: var(--ap-karmazyn-2); display: flex; align-items: center; gap: 12px; }
.ap-eyebrow::before { content: ""; width: 9px; height: 9px; transform: rotate(45deg); background: var(--ap-zloto-ikona); flex: none; }
.ap-lead { color: var(--ap-ink-3); max-width: 64ch; font-size: 1.15rem; line-height: 1.55; }
.ap-ornament { height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 16'%3E%3Cpath d='M165 1 C161 5 158 6 155 8 C158 10 161 11 165 15 C169 11 172 10 175 8 C172 6 169 5 165 1 Z' fill='%23C9A45A'/%3E%3C/svg%3E") center / auto 16px no-repeat, linear-gradient(var(--ap-kreska-mocna), var(--ap-kreska-mocna)) center / 100% 1px no-repeat; }
.ap-ornament span { display: none; }

/* ---------- Karty na pergaminie ---------- */
.ap-karta { background: var(--ap-pergamin-jasny); border: 1px solid #C9A45A; border-radius: var(--ap-r); padding: 26px; display: grid; gap: 16px; min-width: 0; box-shadow: 0 6px 18px -14px rgba(42, 26, 16, .5); }
.ap-karta.ap-wyroznij { box-shadow: inset 0 0 0 5px var(--ap-pergamin-jasny), inset 0 0 0 6px #C9A45A, var(--ap-cien); padding: 32px; }
.ap-siatka { display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.ap-siatka-2 { display: grid; gap: 24px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 390px), 1fr)); align-items: start; }
.ap-rzad { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.ap-miedzy { display: flex; gap: 12px; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.ap-maly { font-size: 1.02rem; color: var(--ap-ink-3); line-height: 1.5; }
.ap-lista { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.ap-lista > li { padding: 14px 0; border-top: 1px solid var(--ap-kreska); }
.ap-lista > li:first-child { border-top: 0; }

/* ---------- Przyciski – jak „Nasza misja” i „Zobacz projekty” ---------- */
.ap-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .7em; box-sizing: border-box;
	font: 400 .9rem/1 var(--ap-f-kapitala); letter-spacing: .05em; text-transform: uppercase;
	padding: 14px 22px; border-radius: 0; cursor: pointer; text-decoration: none; color: #F6E9CC;
	background: linear-gradient(180deg, #A3192B 0%, #7A0F1C 55%, #5E0B15 100%);
	border: 1px solid var(--ap-zloto-ramka);
	box-shadow: inset 0 0 0 1px rgba(255, 220, 150, .18), 0 4px 10px rgba(0, 0, 0, .35);
	transition: filter .2s, background .2s;
}
.ap-btn:hover { color: #FFF6DE; filter: brightness(1.15); }
.ap-btn svg { width: 16px; height: 16px; flex: none; }
.ap-btn svg.ap-arr { width: 16px; height: 10px; }
.ap-btn[disabled] { opacity: .45; cursor: not-allowed; filter: none; }
.ap-btn.ap-drugi, .ap-btn.ap-cichy { background: rgba(255, 252, 244, .55); color: var(--ap-ink-2); border-color: var(--ap-zloto-linia); box-shadow: none; }
.ap-btn.ap-drugi { color: var(--ap-karmazyn-2); }
.ap-btn.ap-drugi:hover, .ap-btn.ap-cichy:hover { background: var(--ap-wino); color: #F6E9CC; filter: none; }
.ap-btn.ap-maly-btn { padding: 10px 15px; font-size: .78rem; }

/* ---------- Formularze ---------- */
.ap-pole { display: grid; gap: 7px; min-width: 0; }
.ap-pole > span { font: 600 .8rem/1.2 var(--ap-f-kapitala); letter-spacing: .06em; text-transform: uppercase; color: var(--ap-ink); }
.ap-pole input, .ap-pole select, .ap-pole textarea, .ap-wejscie {
	width: 100%; font: 400 1.08rem/1.4 var(--ap-f-tekst); color: var(--ap-ink);
	background: var(--ap-pole); border: 1px solid var(--ap-zloto-linia); border-radius: 0; padding: 12px 14px;
}
.ap-pole input::placeholder, .ap-wejscie::placeholder, .ap-pole textarea::placeholder { color: #8B7356; }
.ap-pole textarea { min-height: 120px; resize: vertical; }
.ap-pole input:focus, .ap-pole select:focus, .ap-pole textarea:focus, .ap-wejscie:focus { outline: none; border-color: var(--ap-karmazyn-2); box-shadow: 0 0 0 3px rgba(210, 173, 95, .4); }
.ap-pola { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); }
.ap-pomoc { font-size: .95rem; color: var(--ap-ink-3); font-style: italic; }
.ap-hp { position: absolute; left: -9999px; }
.ap-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.ap-chip { border: 1px solid var(--ap-zloto-linia); background: var(--ap-pole); color: var(--ap-ink-2); padding: 9px 15px; font: 400 .78rem/1 var(--ap-f-kapitala); letter-spacing: .04em; text-transform: uppercase; cursor: pointer; }
.ap-chip:hover { background: #F3E6C8; }
.ap-chip[aria-pressed="true"] { background: var(--ap-pas); border-color: var(--ap-zloto-ramka); color: var(--ap-zloto-tekst); }

/* ---------- Pastylki stanu ---------- */
.ap-pill { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; font: 600 .7rem/1 var(--ap-f-kapitala); letter-spacing: .06em; text-transform: uppercase; padding: 7px 10px; border: 1px solid currentColor; background: rgba(255, 252, 244, .6); color: var(--ap-ink-3); }
.ap-pill::before { content: ""; width: 6px; height: 6px; transform: rotate(45deg); background: currentColor; }
.ap-pill.ok { color: var(--ap-ok); }
.ap-pill.uwaga { color: var(--ap-uwaga); }
.ap-pill.alarm { color: var(--ap-alarm); }
.ap-pill.info { color: var(--ap-granat); }
.ap-pill.zloto { color: var(--ap-braz-linia); }
.ap-pill.przyklad { border-style: dashed; font-weight: 400; }
.ap-pill.przyklad::before { display: none; }

/* ==========================================================================
   STRONA GŁÓWNA – plansze malowane (pozycje wg wizualizacji, jednostki cqw)
   ========================================================================== */
.ap-plansza { position: relative; container-type: inline-size; background: var(--ap-noc); color: var(--ap-krem); }
.ap-bg { display: block; width: 100%; height: auto; }

@media (min-width: 1000px) {
	.ap-plansza .ap-mob { display: none; }
	/* I. godło */
	.ap-motto { position: absolute; left: 77.45cqw; top: 1.9cqw; display: flex; flex-direction: column; font: 400 1.3cqw/1.3 var(--ap-f-kapitala); color: rgb(78, 40, 20); letter-spacing: .05em; }
	.ap-motto span:nth-child(2) { margin-left: .3cqw; }
	.ap-motto span:nth-child(3) { margin-left: 1.2cqw; }
	.ap-motto svg { width: 4.2cqw; margin: .35cqw 0 0 4.4cqw; }
	.ap-hero-kol { position: absolute; left: 4.56cqw; width: 37.1cqw; top: 3.1cqw; display: flex; flex-direction: column; align-items: center; text-align: center; }
	.anima-root .ap-plansza .ap-h1 { font: 700 4.4cqw/1.02 var(--ap-f-kapitala); letter-spacing: .005em; margin: 0; text-wrap: wrap; }
	.ap-sub { font: 400 1.04cqw/1 var(--ap-f-kapitala); letter-spacing: .36em; text-transform: uppercase; color: #F0E3C6; text-shadow: 0 2px 4px rgba(0, 0, 0, .8); margin-top: .45cqw !important; }
	.ap-div { width: 21.5cqw; height: 1.05cqw; margin-top: .55cqw; }
	.ap-lead-h { font-size: 1.32cqw; color: #F6EEDC; text-shadow: 0 2px 4px rgba(0, 0, 0, .8); margin-top: .35cqw !important; }
	.ap-body-h { font-size: 1.02cqw; line-height: 1.38; color: #F1E7D2; text-shadow: 0 2px 4px rgba(0, 0, 0, .8); margin-top: .35cqw !important; }
	.ap-hero-kol .ap-szukaj { margin-top: 1.1cqw; width: 30cqw; display: flex; gap: .7cqw; }
	.ap-hero-kol .ap-szukaj input { flex: 1; height: 2.6cqw; font-size: max(14px, 1cqw); padding: 0 1cqw; background: rgba(14, 7, 4, .55); color: #F6EEDC; border: 1px solid var(--ap-zloto-ramka); }
	.ap-hero-kol .ap-szukaj input::placeholder { color: #C9B48C; }
	.ap-hero-kol .ap-szukaj .ap-btn { height: 2.6cqw; font-size: max(12px, .86cqw); padding: 0 1.2cqw; white-space: nowrap; }
	/* II. pas kart */
	.ap-karty { position: absolute; inset: 0; }
	.ap-kafel { position: absolute; top: .13cqw; height: 17.1cqw; background: none; border: 0; padding: 0; cursor: pointer; color: var(--ap-krem); }
	.ap-c1 { left: 3.78cqw; width: 23.37cqw; } .ap-c2 { left: 27.86cqw; width: 21.94cqw; } .ap-c3 { left: 50.52cqw; width: 21.48cqw; } .ap-c4 { left: 72.66cqw; width: 23.57cqw; }
	.ap-plansza .ap-kafel-img, .ap-plansza .ap-kafel-cien { display: none; }
	.ap-kafel-tresc { position: absolute; left: 0; right: 0; top: 8.46cqw; padding: 0 1cqw; display: flex; flex-direction: column; align-items: center; text-align: center; }
	.ap-ikona-zlota { width: 1.9cqw; height: 1.9cqw; margin-bottom: .5cqw; color: var(--ap-zloto-ikona); display: block; }
	.ap-ikona-zlota svg { width: 100%; height: 100%; }
	.ap-kafel-tytul { font: 400 1.06cqw/1.2 var(--ap-f-kapitala); letter-spacing: .03em; color: var(--ap-zloto-tekst); margin-bottom: .25cqw; }
	.ap-kafel-tekst { font-size: .95cqw; line-height: 1.3; color: #F6EEDC; }
	.ap-kafel .ap-arr2 { width: 1.05cqw; height: .7cqw; margin-top: .45cqw; color: #F6EEDC; }
	.ap-kafel:hover .ap-kafel-tytul { color: #FFE3A0; }
	/* III. Złoty Wiek */
	.ap-zw-strefa { position: absolute; inset: 0; }
	.ap-zw-kol { position: absolute; left: 36.3cqw; width: 33.3cqw; top: 1.6cqw; display: flex; flex-direction: column; align-items: center; text-align: center; }
	.anima-root .ap-plansza .ap-h2 { font: 500 2.25cqw/1.05 var(--ap-f-kapitala); color: #2A1A10; text-wrap: nowrap; white-space: nowrap; }
	.ap-div2 { width: 5.2cqw; margin-top: .55cqw; }
	.ap-zw-body { width: 23.6cqw; margin-top: .45cqw !important; font-size: 1.02cqw; line-height: 1.42; color: #3A2618; }
	.ap-zw-kol .ap-btn { margin-top: 1.05cqw; width: 17.6cqw; height: 2.86cqw; font-size: .9cqw; padding: 0; }
	.ap-cytat { position: absolute; left: 71.55cqw; top: 1.4cqw; width: 17.8cqw; margin: 0; text-align: center; }
	.ap-div3 { width: 11.4cqw; margin: 0 0 .4cqw 3.2cqw; display: block; }
	.ap-qmark { position: absolute; left: 0; top: .9cqw; font: 700 3.1cqw/1 var(--ap-f-kapitala); color: #5E1A14; }
	.ap-cytat blockquote { margin: 0; font-size: 1.12cqw; line-height: 1.42; font-style: italic; color: #4A2E1C; padding-left: 1.9cqw; }
	.ap-cytat figcaption { font: 400 .78cqw/1 var(--ap-f-kapitala); letter-spacing: .3em; text-transform: uppercase; color: #4A2E1C; margin-top: .85cqw; padding-left: 1.9cqw; }
}
@media (max-width: 999px) {
	.ap-desk { display: none; }
	.ap-hero-kol { padding: 28px 16px 36px; background: var(--ap-pas); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }
	.anima-root .ap-plansza .ap-h1 { font: 700 clamp(36px, 9.5vw, 64px)/1.05 var(--ap-f-kapitala); }
	.ap-sub { font: 400 12px/1.2 var(--ap-f-kapitala); letter-spacing: .3em; text-transform: uppercase; color: #F0E3C6; }
	.ap-div { width: 240px; height: 12px; }
	.ap-lead-h { font-size: 21px; color: #F6EEDC; }
	.ap-body-h { font-size: 18px; line-height: 1.4; color: #F1E7D2; max-width: 30em; }
	.ap-hero-kol .ap-szukaj { width: 100%; max-width: 480px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 8px; }
	.ap-hero-kol .ap-szukaj input { flex: 1 1 240px; background: rgba(14, 7, 4, .55); color: #F6EEDC; border: 1px solid var(--ap-zloto-ramka); }
	.ap-plansza .ap-pas-bg { display: none; }
	.ap-karty { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; padding: 16px; background: var(--ap-pas); }
	.ap-kafel { position: relative; aspect-ratio: 340 / 250; border: 1px solid var(--ap-zloto-linia); padding: 0; cursor: pointer; overflow: hidden; background: var(--ap-noc); color: var(--ap-krem); }
	.ap-kafel-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
	.ap-kafel-cien { position: absolute; inset: 0; background: linear-gradient(to top, rgba(14, 7, 4, .9) 0%, rgba(14, 7, 4, .55) 45%, rgba(14, 7, 4, 0) 65%); }
	.ap-kafel-tresc { position: absolute; left: 0; right: 0; bottom: 14px; padding: 0 14px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; }
	.ap-ikona-zlota { width: 28px; height: 28px; color: var(--ap-zloto-ikona); display: block; }
	.ap-ikona-zlota svg { width: 100%; height: 100%; }
	.ap-kafel-tytul { font: 400 16px/1.2 var(--ap-f-kapitala); color: var(--ap-zloto-tekst); }
	.ap-kafel-tekst { font-size: 16px; line-height: 1.3; color: #F6EEDC; }
	.ap-kafel-tekst br { display: none; }
	.ap-kafel .ap-arr2 { width: 16px; height: 11px; color: #F6EEDC; }
	.ap-zw-strefa { background: var(--ap-pergamin); padding: 32px 16px 40px; display: flex; flex-wrap: wrap; gap: 36px; justify-content: center; color: #3A2618; }
	.ap-zw-kol { flex: 1 1 300px; max-width: 520px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; }
	.anima-root .ap-plansza .ap-h2 { font: 500 clamp(26px, 6.5vw, 38px)/1.1 var(--ap-f-kapitala); color: #2A1A10; }
	.ap-div2 { width: 80px; }
	.ap-zw-body { font-size: 18px; line-height: 1.45; }
	.ap-cytat { flex: 1 1 280px; max-width: 420px; position: relative; margin: 0; text-align: center; }
	.ap-div3 { width: 180px; margin: 0 auto 8px; display: block; }
	.ap-qmark { position: absolute; left: 0; top: 18px; font: 700 46px/1 var(--ap-f-kapitala); color: #5E1A14; }
	.ap-cytat blockquote { margin: 0; font-size: 19px; line-height: 1.45; font-style: italic; color: #4A2E1C; padding-left: 40px; }
	.ap-cytat figcaption { font: 400 12px/1 var(--ap-f-kapitala); letter-spacing: .3em; text-transform: uppercase; color: #4A2E1C; margin-top: 12px; padding-left: 40px; }
}

/* ---------- Świadectwo statusu – dokument z pieczęcią lakową ---------- */
.ap-swiadectwo {
	position: relative; background: var(--ap-pergamin-jasny); border: 1px solid #C9A45A;
	box-shadow: inset 0 0 0 6px var(--ap-pergamin-jasny), inset 0 0 0 7px #C9A45A, inset 0 0 0 10px var(--ap-pergamin-jasny), inset 0 0 0 11px rgba(201, 164, 90, .5), var(--ap-cien);
	padding: clamp(28px, 4.5vw, 52px); display: grid; gap: 22px;
}
.ap-swiadectwo-glowa { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: start; }
.ap-pieczec {
	width: 126px; height: 126px; border-radius: 50%; display: grid; place-items: center; text-align: center;
	color: #F6E3B0; padding: 16px; transform: rotate(-8deg);
	font: 600 .66rem/1.3 var(--ap-f-kapitala); letter-spacing: .08em; text-transform: uppercase;
	background: radial-gradient(circle at 35% 30%, #C42A3B, #7A0F1C 55%, #4A0810);
	box-shadow: inset 0 0 0 6px rgba(0, 0, 0, .14), inset 0 0 0 8px rgba(246, 227, 176, .5), 0 4px 10px rgba(60, 20, 10, .4);
}
.ap-pieczec.gold { background: radial-gradient(circle at 35% 30%, #F2CF72, #B07A22 60%, #6E5222); color: #2A1A10; }
.ap-pieczec.navy { background: radial-gradient(circle at 35% 30%, #4E6FA8, #1F3D6E 55%, #132648); }
.ap-pieczec.green { background: radial-gradient(circle at 35% 30%, #5E8F5A, #2E5A2E 55%, #1B3A1B); }
.ap-pewnosc { display: grid; gap: 8px; }
.ap-pewnosc-pasek { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; max-width: 280px; }
.ap-pewnosc-pasek i { height: 7px; background: var(--ap-kreska); }
.ap-pewnosc-pasek i.on { background: linear-gradient(90deg, #C8952F, #F2CF72); }
.ap-kroki { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.ap-kroki li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; font-size: 1.02rem; }
.ap-kroki li::before { content: "✓"; color: var(--ap-ok); font-weight: 700; }
.ap-kroki li.nie::before { content: "!"; color: var(--ap-uwaga); }
.ap-pismo { background: var(--ap-pole); border: 1px solid var(--ap-kreska); border-left: 3px solid var(--ap-zloto-linia); padding: 22px 26px; font: 400 1.06rem/1.6 var(--ap-f-tekst); color: var(--ap-ink); white-space: pre-wrap; overflow-x: auto; max-height: 460px; overflow-y: auto; }
@media (max-width: 540px) { .ap-swiadectwo-glowa { grid-template-columns: minmax(0, 1fr); } .ap-pieczec { width: 104px; height: 104px; } }

/* ---------- Kreator ---------- */
.ap-etapy { display: flex; gap: 0; list-style: none; padding: 0; margin: 0; counter-reset: etap; overflow-x: auto; }
.ap-etapy li { counter-increment: etap; flex: 1 0 auto; display: flex; align-items: center; gap: 10px; padding: 10px 18px 10px 0; font: 400 .82rem/1.2 var(--ap-f-kapitala); letter-spacing: .04em; text-transform: uppercase; color: var(--ap-ink-3); white-space: nowrap; }
.ap-etapy li::before { content: counter(etap, upper-roman); width: 36px; height: 36px; flex: none; display: grid; place-items: center; border: 1px solid var(--ap-zloto-linia); font: 600 .85rem/1 var(--ap-f-kapitala); background: var(--ap-pole); transform: rotate(45deg) scale(.8); }
.ap-etapy li.on { color: var(--ap-ink); font-weight: 600; }
.ap-etapy li.on::before { background: linear-gradient(180deg, #A3192B, #5E0B15); border-color: var(--ap-zloto-ramka); color: #F6E9CC; }
.ap-etapy li.done::before { content: "✓"; color: var(--ap-braz-linia); }
.ap-wybor { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
.ap-wybor button { display: grid; gap: 8px; text-align: left; padding: 18px; cursor: pointer; font: inherit; color: inherit; background: var(--ap-pole); border: 1px solid var(--ap-zloto-linia); }
.ap-wybor button svg { width: 28px; height: 28px; color: var(--ap-karmazyn-2); }
.ap-wybor button b { font: 500 1.05rem/1.2 var(--ap-f-kapitala); color: var(--ap-ink); }
.ap-wybor button:hover { background: #F3E6C8; }
.ap-wybor button[aria-pressed="true"] { border-color: var(--ap-karmazyn-2); box-shadow: inset 0 0 0 2px var(--ap-karmazyn-2); }
.ap-werdykt { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 16px; align-items: start; padding: 18px; background: var(--ap-pole); border-left: 4px solid var(--ap-karmazyn-2); }
.ap-werdykt.ok { border-left-color: var(--ap-ok); }
.ap-werdykt.uwaga { border-left-color: var(--ap-uwaga); }
.ap-werdykt .ap-znak { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; font: 700 1.5rem/1 var(--ap-f-kapitala); color: #F6E9CC; background: linear-gradient(180deg, #A3192B, #5E0B15); box-shadow: 0 0 0 1px var(--ap-zloto-ramka); }
.ap-werdykt.ok .ap-znak { background: var(--ap-ok); }
.ap-werdykt.uwaga .ap-znak { background: var(--ap-uwaga); }
.ap-dok { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 14px 0; border-top: 1px solid var(--ap-kreska); }
.ap-dok:first-child { border-top: 0; }
.ap-dok .ap-check { width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--ap-zloto-linia); display: grid; place-items: center; font-size: .8rem; color: transparent; }
.ap-dok.ok .ap-check { background: var(--ap-ok); border-color: var(--ap-ok); color: #fff; }
.ap-dok input[type="file"] { font-size: .9rem; max-width: 250px; }
.ap-dok textarea { grid-column: 2 / -1; }
@media (max-width: 560px) { .ap-dok { grid-template-columns: 28px minmax(0, 1fr); } .ap-dok input[type="file"] { grid-column: 2; } }

/* ---------- Dotacje ---------- */
.ap-miesiac { font: 600 .8rem/1.2 var(--ap-f-kapitala); letter-spacing: .16em; text-transform: uppercase; color: var(--ap-braz-linia); padding: 20px 0 8px; display: flex; gap: 14px; align-items: center; }
.ap-miesiac::after { content: ""; flex: 1; height: 1px; background: var(--ap-kreska-mocna); }
.ap-nabor { display: grid; grid-template-columns: 82px minmax(0, 1fr) auto; gap: 20px; align-items: start; background: var(--ap-pergamin-jasny); border: 1px solid #C9A45A; padding: 20px; }
.ap-data-kafel { text-align: center; border: 1px solid var(--ap-zloto-linia); background: var(--ap-pole); }
.ap-data-kafel small { display: block; background: linear-gradient(180deg, #A3192B, #5E0B15); color: #F6E3B0; font: 600 .72rem/1 var(--ap-f-kapitala); letter-spacing: .12em; text-transform: uppercase; padding: 7px 0; }
.ap-data-kafel b { display: block; font: 600 2.1rem/1.05 var(--ap-f-kapitala); padding: 6px 0 0; color: var(--ap-ink); }
.ap-data-kafel span { display: block; font-size: .88rem; color: var(--ap-ink-3); padding-bottom: 7px; }
.ap-nabor-akcje { display: grid; gap: 8px; justify-items: end; }
@media (max-width: 660px) { .ap-nabor { grid-template-columns: 66px minmax(0, 1fr); } .ap-nabor-akcje { grid-column: 1 / -1; justify-items: start; grid-auto-flow: column; justify-content: start; } }

/* ---------- Oceny 0–5 ---------- */
.ap-ocena { display: inline-flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.ap-ocena-pipy { display: inline-flex; gap: 4px; }
.ap-ocena-pipy i { width: 13px; height: 13px; transform: rotate(45deg) scale(.8); border: 1.5px solid #B07A22; }
.ap-ocena-pipy i.on { background: linear-gradient(135deg, #F2CF72, #B07A22); }
.ap-ocena-pipy i.pol { background: linear-gradient(135deg, #C8952F 50%, transparent 50%); }
.ap-ocena b { font: 600 1.05rem/1 var(--ap-f-kapitala); }
.ap-skala { display: flex; gap: 6px; flex-wrap: wrap; }
.ap-skala button { width: 44px; height: 44px; border: 1px solid var(--ap-zloto-linia); background: var(--ap-pole); font: 600 1.05rem/1 var(--ap-f-kapitala); cursor: pointer; color: var(--ap-ink); }
.ap-skala button[aria-pressed="true"] { background: linear-gradient(180deg, #A3192B, #5E0B15); border-color: var(--ap-zloto-ramka); color: #F6E9CC; }

/* ---------- Reklama premium – złota rama na ciemnym tle ---------- */
.ap-premium { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 26px 26px 22px; background: var(--ap-pas); color: var(--ap-krem); border: 1px solid var(--ap-zloto-ramka); box-shadow: inset 0 0 0 4px var(--ap-pas), inset 0 0 0 5px rgba(210, 173, 95, .5); }
.ap-premium b { color: var(--ap-zloto-tekst) !important; }
.ap-premium .ap-maly, .ap-premium .ap-ocena .ap-maly { color: #E8D7B0; }
.ap-premium .ap-ocena b { color: #F6EEDC !important; }
.ap-premium-znak { position: absolute; top: -10px; left: 22px; background: linear-gradient(180deg, #A3192B, #5E0B15); border: 1px solid var(--ap-zloto-ramka); color: #F6E3B0; font: 600 .62rem/1 var(--ap-f-kapitala); letter-spacing: .14em; text-transform: uppercase; padding: 5px 10px; }
@media (max-width: 580px) { .ap-premium { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Mapa ---------- */
.ap-mapa { height: 440px; border: 1px solid #C9A45A; box-shadow: inset 0 0 0 4px var(--ap-pergamin-jasny); overflow: hidden; background: var(--ap-pole); z-index: 0; }
.ap-mapa.ap-mapa-niska { height: 310px; }
.ap-mapa.ap-bez-podkladu { background-image: linear-gradient(var(--ap-kreska) 1px, transparent 1px), linear-gradient(90deg, var(--ap-kreska) 1px, transparent 1px); background-size: 40px 40px; }
.anima-root .leaflet-tile-pane { filter: sepia(.45) saturate(.85) contrast(.98); }
.ap-pin { width: 20px; height: 20px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: linear-gradient(180deg, #A3192B, #5E0B15); border: 2px solid #F2CF72; box-shadow: 0 2px 6px rgba(0,0,0,.4); }
.ap-pin.gold { background: #C8952F; border-color: #FFF0B8; }
.ap-pin.navy { background: var(--ap-granat); }
.ap-pin.green { background: var(--ap-ok); }
.ap-pin.uwaga { background: var(--ap-uwaga); }
.ap-pin.alarm { background: #C42A3B; }
.ap-pin.duzy { width: 26px; height: 26px; }
.anima-root .leaflet-popup-content-wrapper { border-radius: 0; background: var(--ap-pergamin-jasny); color: var(--ap-ink-2); border: 1px solid var(--ap-zloto-linia); }
.anima-root .leaflet-popup-tip { background: var(--ap-pergamin-jasny); }
.anima-root .leaflet-popup-content { font: 400 1.02rem/1.45 var(--ap-f-tekst); margin: 12px 16px; }
.anima-root .leaflet-popup-content b { font-family: var(--ap-f-kapitala); font-weight: 500; }
.ap-legenda { display: flex; gap: 18px; flex-wrap: wrap; font-size: 1rem; color: var(--ap-ink-3); }
.ap-legenda span { display: inline-flex; gap: 7px; align-items: center; }
.ap-legenda i { width: 11px; height: 11px; transform: rotate(45deg); }

/* ---------- Tabela ---------- */
.ap-tabela-wrap { overflow-x: auto; border: 1px solid #C9A45A; background: var(--ap-pergamin-jasny); }
.ap-tabela { width: 100%; border-collapse: collapse; font-size: 1.02rem; min-width: 660px; }
.ap-tabela th { text-align: left; font: 500 .74rem/1.2 var(--ap-f-kapitala); letter-spacing: .1em; text-transform: uppercase; color: var(--ap-zloto-tekst); padding: 14px 16px; background: var(--ap-pas); }
.ap-tabela td { padding: 14px 16px; border-bottom: 1px solid var(--ap-kreska); vertical-align: top; }
.ap-tabela tr:last-child td { border-bottom: 0; }
.ap-termin { font-variant-numeric: tabular-nums; font-weight: 600; }
.ap-termin.alarm { color: var(--ap-alarm); }
.ap-termin.uwaga { color: var(--ap-uwaga); }

/* ---------- Postęp ---------- */
.ap-postep { height: 9px; background: var(--ap-kreska); overflow: hidden; }
.ap-postep i { display: block; height: 100%; background: linear-gradient(90deg, #7A0F1C, #C8952F); }
.ap-glosy { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; font-size: 1rem; }
.ap-glosy .ap-postep i { background: var(--ap-ok); }

/* ---------- Wtedy / teraz ---------- */
.ap-wtedy { position: relative; aspect-ratio: 4 / 3; max-width: 100%; overflow: hidden; border: 1px solid #C9A45A; user-select: none; }
.ap-wtedy > div { position: absolute; inset: 0; }
.ap-wtedy svg, .ap-wtedy img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ap-wtedy .ap-wtedy-gora { clip-path: inset(0 50% 0 0); }
.ap-wtedy input[type="range"] { position: absolute; left: 0; right: 0; bottom: 12px; width: calc(100% - 24px); margin: 0 12px; accent-color: #7A0F1C; }
.ap-wtedy .ap-rok { position: absolute; top: 12px; font: 500 .8rem/1 var(--ap-f-kapitala); letter-spacing: .08em; background: rgba(22, 11, 7, .82); color: var(--ap-zloto-tekst); padding: 6px 10px; border: 1px solid var(--ap-braz-linia); }
.ap-wtedy .ap-rok.l { left: 12px; } .ap-wtedy .ap-rok.p { right: 12px; }
.ap-wtedy .ap-linia { position: absolute; top: 0; bottom: 0; width: 2px; background: #F2CF72; left: 50%; pointer-events: none; box-shadow: 0 0 6px rgba(0,0,0,.45); }

/* ---------- Kronika ---------- */
.ap-os { list-style: none; margin: 0; padding: 0 0 0 26px; border-left: 1px solid var(--ap-zloto-linia); display: grid; gap: 20px; }
.ap-os li { position: relative; display: grid; gap: 4px; }
.ap-os li::before { content: ""; position: absolute; left: -33px; top: 6px; width: 12px; height: 12px; transform: rotate(45deg); background: var(--ap-pole); border: 1px solid var(--ap-zloto-linia); }
.ap-os li.decyzja::before { background: linear-gradient(180deg, #A3192B, #5E0B15); border-color: var(--ap-zloto-ramka); }
.ap-os time { font: 500 .74rem/1 var(--ap-f-kapitala); letter-spacing: .12em; text-transform: uppercase; color: var(--ap-braz-linia); }
.ap-os b { font: 500 1.08rem/1.3 var(--ap-f-kapitala); color: var(--ap-ink); }

/* ---------- Liczby i wykres ---------- */
.ap-liczby { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); }
.ap-liczba { background: var(--ap-pas); border: 1px solid var(--ap-zloto-ramka); box-shadow: inset 0 0 0 4px var(--ap-pas), inset 0 0 0 5px rgba(210, 173, 95, .45); padding: 22px; display: grid; gap: 6px; }
.ap-liczba b { font: 600 2.3rem/1 var(--ap-f-kapitala); color: var(--ap-zloto-tekst); }
.ap-liczba span { font-size: 1rem; color: #E8D7B0; }
.ap-wykres { width: 100%; height: auto; display: block; }
.ap-wykres text { fill: var(--ap-ink-3); font: 500 12px var(--ap-f-tekst); }
.ap-wykres .os { stroke: var(--ap-kreska); }
.ap-wykres .slupek { fill: #7A0F1C; }
.ap-wykres .slupek-2 { fill: #C8952F; }

/* ---------- Pakiety ---------- */
.ap-pakiety { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.ap-pakiet { display: grid; gap: 12px; align-content: start; background: var(--ap-pergamin-jasny); border: 1px solid #C9A45A; padding: 26px; cursor: pointer; text-align: left; font: inherit; color: inherit; }
.ap-pakiet:hover { background: #FBF4E4; }
.ap-pakiet[aria-pressed="true"] { border-color: var(--ap-karmazyn-2); box-shadow: inset 0 0 0 2px var(--ap-karmazyn-2), var(--ap-cien); }
.ap-pakiet .ap-cena { font: 600 2.4rem/1 var(--ap-f-kapitala); color: var(--ap-karmazyn-2); }
.ap-pakiet ul { margin: 0; padding-left: 20px; font-size: 1.02rem; display: grid; gap: 5px; }

/* ---------- Komunikaty ---------- */
.ap-info { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 12px; padding: 16px 18px; background: rgba(255, 252, 244, .7); border: 1px solid #C9A45A; border-left: 4px solid var(--ap-granat); font-size: 1.02rem; }
.ap-info::before { content: "i"; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--ap-granat); color: #F6EEDC; font: italic 600 1rem/1 var(--ap-f-tekst); }
.ap-info.ostrz { border-left-color: var(--ap-uwaga); }
.ap-info.ostrz::before { content: "!"; background: var(--ap-uwaga); font-style: normal; }
.ap-toast { position: fixed; z-index: 9999; left: 50%; transform: translateX(-50%); bottom: calc(22px + env(safe-area-inset-bottom, 0px)); background: var(--ap-pas); color: var(--ap-krem); padding: 14px 20px; border: 1px solid var(--ap-zloto-ramka); font: 400 1.05rem/1.4 var(--ap-f-tekst); box-shadow: 0 10px 24px rgba(0,0,0,.45); max-width: calc(100% - 32px); }
.ap-ladowanie { display: flex; align-items: center; gap: 10px; color: var(--ap-ink-3); font-size: 1.02rem; font-style: italic; }
.ap-ladowanie::before { content: ""; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--ap-kreska); border-top-color: #7A0F1C; animation: ap-krec .8s linear infinite; }
@keyframes ap-krec { to { transform: rotate(360deg); } }
.ap-pusto { text-align: center; padding: 36px 18px; color: var(--ap-ink-3); border: 1px dashed var(--ap-zloto-linia); font-style: italic; }

/* ---------- Stopka – plansza husarska przyciemniona ---------- */
.ap-stopka {
	background: linear-gradient(rgba(18, 9, 6, .86), rgba(18, 9, 6, .93)), url("../img/plansza-zloty-wiek.jpg") 30% 40% / cover no-repeat;
	border-top: 1px solid var(--ap-braz-linia); color: #D9C9A6;
}
.ap-stopka-in {
	max-width: 1536px; margin: 0 auto; padding-block: 34px 38px;
	padding-left: max(16px, env(safe-area-inset-left, 0px));
	padding-right: max(16px, env(safe-area-inset-right, 0px));
	display: flex; gap: 16px 40px; flex-wrap: wrap; justify-content: space-between; align-items: center;
}
.ap-stopka-marka { display: grid; gap: 4px; }
.ap-stopka-marka b { font: 600 1.4rem/1 var(--ap-f-kapitala); }
.ap-stopka-marka span { font: 400 .6rem/1 var(--ap-f-kapitala); letter-spacing: .16em; text-transform: uppercase; color: #EADBB6; }
.ap-stopka-tekst { max-width: 64ch; font-size: 1rem; line-height: 1.5; font-style: italic; }

/* ---------- Druk (WordPress) ---------- */
@media print {
	.ap-masthead, .ap-baner, .ap-menu, .ap-stopka, .ap-btn, .ap-nie-drukuj { display: none !important; }
	.ap-shell { display: block; padding: 0; background: none; box-shadow: none; clip-path: none; }
	.ap-pismo { max-height: none; border: 0; background: none; font-size: 12pt; }
}
@media (prefers-reduced-motion: reduce) { .anima-root *, .anima-root *::before { transition: none !important; animation: none !important; } }

/* ---------- Integracja z motywem WordPress ---------- */
.anima-page-main { max-width: none !important; padding: 0 !important; margin: 0 !important; }
.anima-page .entry-content > .anima-root, .anima-page-main .anima-root { margin-inline: 0; }