/* Przyciski z prefiksem .z-zg – reset.css motywu Hello (ładowany później) nadpisywał kolory. */
/* Okno zgody ZONDA – przyciemniona nakładka blokuje stronę, dopóki klient nie wybierze. */
.z-zg {
	position: fixed;
	inset: 0;
	z-index: 100000;
	padding: 12px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background: rgba(4, 8, 9, 0.62);
	overscroll-behavior: contain;
}
html.z-zg-open, html.z-zg-open body { overflow: hidden; }
.z-zg[hidden] { display: none; }
.z-zg__box {
	width: 100%;
	max-width: 1160px;
	max-height: calc(100vh - 24px);
	overflow-y: auto;
	padding: 18px 20px;
	background: var(--c-black, #040809);
	color: var(--c-snow, #FFFBFC);
	border: 2px solid var(--c-black, #040809);
	box-shadow: 4px 4px 0 var(--c-orange, #EF4923);
	font-family: var(--f-body, 'Barlow', system-ui, sans-serif);
	font-size: 15px;
	line-height: 1.5;
	display: grid;
	gap: 12px;
}
.z-zg__title {
	margin: 0;
	font-family: var(--f-display, 'Barlow Condensed', 'Arial Narrow', sans-serif);
	font-weight: 800;
	font-size: 22px;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--c-yellow, #FFF94F);
}
.z-zg__text { margin: 0; color: var(--c-on-dark-2, #E8E3E4); }
.z-zg__text a { color: var(--c-yellow, #FFF94F); text-decoration: underline; }
.z-zg__prefs fieldset { margin: 0; padding: 0; border: 0; display: grid; gap: 8px; }
.z-zg__legend { font-weight: 600; margin-bottom: 4px; }
.z-zg__opt { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.z-zg__opt input { width: 20px; height: 20px; margin: 2px 0 0; flex: none; accent-color: var(--c-orange, #EF4923); }
.z-zg__opt input:disabled { cursor: not-allowed; }
.z-zg__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.z-zg .z-zg__btn {
	min-height: 44px;
	padding: 10px 18px;
	border: 2px solid var(--c-snow, #FFFBFC);
	border-radius: 0;
	background: transparent;
	color: var(--c-snow, #FFFBFC);
	font-family: var(--f-display, 'Barlow Condensed', 'Arial Narrow', sans-serif);
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
}
.z-zg .z-zg__btn:hover { background: var(--c-yellow, #FFF94F); border-color: var(--c-yellow, #FFF94F); color: var(--c-black, #040809); }
.z-zg .z-zg__btn--primary { background: var(--c-orange, #EF4923); border-color: var(--c-orange, #EF4923); color: var(--c-black, #040809); }
.z-zg .z-zg__btn--link {
	min-height: 44px;
	border-color: transparent;
	text-decoration: underline;
	padding-inline: 8px;
}
.z-zg .z-zg__btn--link:hover { background: transparent; border-color: transparent; color: var(--c-yellow, #FFF94F); }
.z-zg .z-zg__btn:focus-visible { outline: 3px solid var(--c-yellow, #FFF94F); outline-offset: 2px; }
.z-zg .z-zg__btn[hidden] { display: none; }

@media (max-width: 600px) {
	.z-zg { padding: 0; }
	.z-zg__box { box-shadow: none; padding: 16px; font-size: 14px; }
	.z-zg .z-zg__actions .z-zg__btn:not(.z-zg__btn--link) { flex: 1 1 100%; }
}