.fskc-privacy-notice {
	position: fixed;
	z-index: 10020;
	left: 50%;
	bottom: 16px;
	transform: translate(-50%, 12px);
	display: flex;
	align-items: center;
	gap: 10px;
	width: min(640px, calc(100% - 24px));
	padding: 10px 12px;
	border: 1px solid rgba(22, 22, 26, .12);
	border-radius: 12px;
	background: rgba(255, 255, 255, .97);
	box-shadow: 0 8px 26px rgba(22, 22, 26, .14);
	color: #34343c;
	font-size: 13px;
	line-height: 1.35;
	opacity: 0;
	transition: opacity .2s ease, transform .2s ease;
	backdrop-filter: blur(8px);
}

.fskc-privacy-notice[hidden] { display: none !important; }
.fskc-privacy-notice.is-visible { opacity: 1; transform: translate(-50%, 0); }
.fskc-privacy-notice__text { flex: 1 1 auto; min-width: 0; }
/* Заголовок в строку с текстом: плашка занимает на строку меньше. */
.fskc-privacy-notice__text strong { display: inline; margin-right: 4px; color: #16161a; }
.fskc-privacy-notice__text span { margin-right: 4px; }
.fskc-privacy-notice__text a { color: #126f3e; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
/* Кнопки держим вместе: на узком экране переносятся целиком, а не по одной. */
.fskc-privacy-notice__actions { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; }
.fskc-privacy-notice__ok {
	flex: 0 0 auto;
	border: 0;
	border-radius: 8px;
	padding: 8px 14px;
	background: #14874a;
	color: #fff;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}
.fskc-privacy-notice__ok:hover { background: #106d3c; }
/*
 * Вторая кнопка плашки-выбора («Отказаться») — спокойная, без заливки:
 * отказ не должен выглядеть менее доступным, чем согласие.
 */
.fskc-privacy-notice__decline {
	flex: 0 0 auto;
	border: 1px solid #c9cdd4;
	border-radius: 8px;
	padding: 7px 12px;
	background: #fff;
	color: #3c3c46;
	font: inherit;
	cursor: pointer;
}
.fskc-privacy-notice__decline:hover { border-color: #a9aeb8; color: #16161a; }
.fskc-privacy-notice__ok:focus-visible,
.fskc-privacy-notice__decline:focus-visible,
.fskc-privacy-notice__close:focus-visible { outline: 3px solid rgba(20, 135, 74, .25); outline-offset: 2px; }
.fskc-privacy-notice--consent .fskc-privacy-notice__actions { margin-left: auto; }
.fskc-privacy-notice__close {
	position: absolute;
	top: 4px;
	right: 5px;
	width: 26px;
	height: 26px;
	border: 0;
	background: transparent;
	color: #6d6d78;
	font: 21px/1 Arial, sans-serif;
	cursor: pointer;
}

@media (max-width: 560px) {
	/* На телефоне — по ширине экрана, текст сверху, кнопки во всю строку. */
	.fskc-privacy-notice {
		left: 10px;
		right: 10px;
		bottom: 10px;
		width: auto;
		flex-wrap: wrap;
		transform: translateY(12px);
		padding: 10px 11px;
		border-radius: 11px;
		font-size: 12.5px;
	}
	.fskc-privacy-notice.is-visible { transform: translateY(0); }
	.fskc-privacy-notice__text { flex: 1 1 100%; }
	.fskc-privacy-notice__actions { flex: 1 1 100%; gap: 8px; }
	.fskc-privacy-notice__ok,
	.fskc-privacy-notice__decline { flex: 1 1 0; padding: 9px 10px; }
	.fskc-privacy-notice--consent .fskc-privacy-notice__actions { margin-left: 0; }
	/* Крестик — только у информационной плашки; она выше, ей нужен отступ. */
	.fskc-privacy-notice:not(.fskc-privacy-notice--consent) { padding-right: 34px; }
}

@media (prefers-reduced-motion: reduce) {
	.fskc-privacy-notice { transition: none; }
}