.cookie-odkaz { padding: 1rem; text-align: center; font-size: .78rem; }
.cookie-odkaz a { color: var(--muted); }
.cookie-lista[hidden] { display: none; }
.cookie-lista {
	position: fixed;
	z-index: 25;
	left: 1rem;
	right: 1rem;
	bottom: calc(var(--footer-height) + env(safe-area-inset-bottom) + .75rem);
	max-width: 48rem;
	max-height: calc(100dvh - var(--footer-height) - env(safe-area-inset-bottom) - 2rem);
	margin-inline: auto;
	overflow-y: auto;
	padding: 1.1rem 1.25rem;
	border: 1px solid var(--line-strong);
	border-radius: .65rem;
	background: #20262b;
	color: var(--text);
	box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .45);
}
.cookie-lista h2 { margin: 0 0 .45rem; font-size: 1rem; }
.cookie-lista p { margin: 0; color: #d8dde2; font-size: .85rem; line-height: 1.5; }
.cookie-lista-akce { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .9rem; }
.cookie-lista-akce a { color: var(--text); font-size: .82rem; text-underline-offset: .2rem; }
.cookie-lista-akce button {
	flex-shrink: 0;
	min-height: 2.75rem;
	padding: .65rem 1.2rem;
	border: 1px solid var(--accent);
	border-radius: .35rem;
	background: var(--accent);
	color: #071009;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}
.cookie-lista a:focus-visible, .cookie-lista button:focus-visible, .cookie-odkaz a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
html.no-footer .cookie-lista { bottom: calc(env(safe-area-inset-bottom) + .75rem); max-height: calc(100dvh - 2rem); }
@media (max-width: 480px) {
	.cookie-lista { left: .65rem; right: .65rem; padding: 1rem; }
	.cookie-lista-akce { gap: .75rem; }
}