/* === STOPKA + KONTAKT === */

.kontakt-siatka {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: start;
}
.kontakt-lista { list-style: none; display: grid; gap: 16px; }
.kontakt-lista li { display: flex; gap: 14px; align-items: flex-start; }
.kontakt-lista .ikona {
	flex: 0 0 42px; width: 42px; height: 42px;
	border-radius: 10px;
	background: var(--akcent-jasny);
	display: grid; place-items: center;
}
.kontakt-lista .ikona svg { width: 20px; height: 20px; }
.kontakt-lista .tytul { font-weight: 700; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--tekst-2); }
.kontakt-lista .wartosc { font-size: 1.05rem; font-weight: 600; }
.kontakt-lista .wartosc small { display: block; font-weight: 400; color: var(--tekst-2); }

.karta-mapy {
	border-radius: var(--promien);
	overflow: hidden;
	border: 1px solid var(--linia);
	box-shadow: var(--cien);
}
.karta-mapy iframe { width: 100%; height: 320px; border: 0; display: block; }

.stopka {
	background: var(--petrol-ciemny);
	color: #a8c4d0;
	margin-top: 64px;
}
.stopka .gorna {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	gap: 36px;
	padding: 48px 0 36px;
}
.stopka h4 { color: var(--biel); font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 14px; }
.stopka ul { list-style: none; display: grid; gap: 8px; }
.stopka a { color: #cfe2ea; }
.stopka a:hover { color: var(--akcent); }
.stopka .logo { color: var(--biel); margin-bottom: 12px; }
.stopka .logo .napis { font-size: 1.3rem; }
.stopka .logo-obraz { background: #fff; padding: 8px 10px; border-radius: 8px; width: 140px; }
.stopka .logo-obraz.stopka { display: inline-block; }
.stopka p { font-size: 0.92rem; max-width: 380px; }
.stopka .dolna {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	padding: 16px 0;
	font-size: 0.82rem;
	display: flex;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

@media (max-width: 820px) {
	.kontakt-siatka { grid-template-columns: 1fr; }
	.stopka .gorna { grid-template-columns: 1fr; gap: 28px; }
}