/* Cookie-баннер: «наклейка» внизу экрана, не модальный. Кнопки равного веса — две заливки бренда.
   Подключается только с ID счётчика (inc/metrika.php). */
.cookie-banner {
	position: fixed;
	inset: auto var(--gutter) calc(0.75rem + env(safe-area-inset-bottom)) var(--gutter);
	z-index: 95;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--space-sm) var(--space-md);
	align-items: center;
	max-width: 46rem;
	padding: var(--space-md) var(--space-lg);
	background: var(--color-white);
	color: var(--color-ink);
	border: var(--border-strong);
	border-radius: var(--radius-md);
	box-shadow: 0.35rem 0.35rem 0 var(--color-ink), 0 18px 30px -16px rgb(17 17 17 / 0.45);
	opacity: 0;
	transform: translateY(0.75rem);
	transition: opacity 0.3s var(--ease-out), transform 0.3s var(--ease-out), bottom 0.4s var(--ease-out);
}

.cookie-banner.is-shown {
	opacity: 1;
	transform: none;
}

/* Липкая «Подать заявку» на мобиле видна — баннер встаёт над ней */
body:has(.sticky-cta.is-shown) .cookie-banner {
	bottom: calc(0.75rem + 52px + 0.75rem + env(safe-area-inset-bottom));
}

/* Мобильная полоса: без иконки, текст и кнопки плотнее — закрывает ~20% экрана, а не треть */
@media (max-width: 767px) {
	.cookie-banner {
		inset-inline: 0.5rem;
		grid-template-columns: 1fr;
		gap: var(--space-sm);
		padding: 0.75rem var(--space-md);
		box-shadow: 0.2rem 0.2rem 0 var(--color-ink);
	}

	.cookie-banner .cookie-banner__icon {
		display: none;
	}

	.cookie-banner .cookie-banner__text {
		font-size: 0.875rem;
		line-height: 1.35;
	}

	.cookie-banner .btn {
		min-height: 44px;
		padding-block: 0.5rem;
	}
}

.cookie-banner__icon {
	display: grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	background: var(--color-pink);
	border: var(--border-strong);
	border-radius: 50%;
	color: var(--color-ink);
	font-size: 1.25rem;
	rotate: -8deg;
}

.cookie-banner__text {
	margin: 0;
	font-size: var(--fs-small);
	line-height: 1.45;
}

.cookie-banner__text a {
	color: var(--color-red-deep);
	font-weight: 700;
}

.cookie-banner__actions {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-sm);
}

.cookie-banner .btn {
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	font-size: 0.9375rem;
}

.cookie-banner__decline {
	background: var(--color-green);
	box-shadow: 0 8px 18px -8px rgb(0 92 25 / 0.7);
}

@media (hover: hover) {
	.cookie-banner__decline:hover {
		background: var(--color-green-deep);
		box-shadow: 0 12px 22px -8px rgb(0 92 25 / 0.75);
	}
}

.cookie-banner :focus-visible {
	outline: var(--focus-ring);
	outline-offset: 3px;
}

@media (min-width: 768px) {
	.cookie-banner {
		right: auto;
		grid-template-columns: auto 1fr auto;
	}

	.cookie-banner__actions {
		grid-column: auto;
	}
}

/* «Настройки cookie» в футере — кнопка, выглядит как соседние ссылки */
.site-footer__cookie {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0;
	background: none;
	border: 0;
	color: inherit;
	font: inherit;
	font-size: var(--fs-small);
	cursor: pointer;
}

@media (hover: hover) {
	.site-footer__cookie:hover {
		text-decoration: underline;
	}
}