/* Baner cookies – pływająca karta (lewy dół), nie zasłania treści; na telefonie pełna szerokość u dołu. */
.krom-cookies {
	position: fixed; left: 24px; bottom: 24px; z-index: 9999; width: min(400px, calc(100vw - 48px));
	padding: 20px 22px; background: #fff; color: #2e2e2e; border: 1px solid #d9dce8; border-radius: 16px;
	box-shadow: 0 12px 40px rgba(22, 6, 107, .16), 0 2px 6px rgba(22, 6, 107, .06);
	font: 15px/1.55 "Noto Sans", system-ui, sans-serif;
	animation: krom-cookies-wejscie .28s ease-out both;
}
.krom-cookies[hidden] { display: none; }
.krom-cookies__glowa { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.krom-cookies__ikona { flex: none; width: 40px; height: 40px; border-radius: 12px; background: #f4f7fe; color: #0d6fdc; display: grid; place-items: center; }
.krom-cookies__ikona svg { width: 22px; height: 22px; }
.krom-cookies__tytul { margin: 0; font-weight: 700; font-size: 17px; color: #16066b; }
.krom-cookies__tekst { margin: 0 0 16px; color: #55596b; }
.krom-cookies__akcje { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.krom-cookies__ok { min-height: 44px; padding: 0 22px; border: 0; border-radius: 10px; background: #0d6fdc; color: #fff; font: inherit; font-weight: 700; cursor: pointer; transition: background .15s; }
.krom-cookies__ok:hover { background: #095bb4; }
.krom-cookies__ok:focus-visible, .krom-cookies__link:focus-visible { outline: 3px solid #0d6fdc; outline-offset: 3px; }
.krom-cookies__link { color: #0d6fdc; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.krom-cookies__link:hover { color: #095bb4; }
@keyframes krom-cookies-wejscie { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .krom-cookies { animation: none; } }
@media (max-width: 600px) {
	.krom-cookies { left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); width: auto; padding: 18px; }
	.krom-cookies__ok { flex: 1; }
}