/* ★ МОБИЛЬНАЯ ЛИПКАЯ НИЖНЯЯ CTA (макет 02/08/09, канон §21.5). Только мобильные ≤768. */
.okna-mcta {
	display: none;
}
.okna-mcta__spacer {
	display: none;
}
@media (max-width: 768px) {
	.okna-mcta {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 900;
		display: flex;
		gap: 9px;
		padding: 8px 12px;
		background: rgba(255, 255, 255, .96);
		border-top: 1px solid #e8ecf2;
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
		box-sizing: border-box;
		/* ★ safe-area (v2.5 §A1.1): на iPhone bottom:0 уводит кнопку под домашнюю полосу — добавляем env
		   в нижний паддинг; спейсер (ниже) растёт на ту же величину, чтобы футер не ушёл под панель. */
		padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
		/* ★ ПЛАВНЫЙ ВЪЕЗД снизу на загрузке (правка владельца 22.08): постоянная CTA не «появляется
		   рывком из ниоткуда», а мягко выезжает .32s — как замена нижней панели браузера. Единый
		   вид для всех страниц (okna-mcta сквозная). Скролл не трогаем — панель остаётся постоянной. */
		animation: oknaMctaIn .32s ease both;
	}
	@media (prefers-reduced-motion: reduce) {
		.okna-mcta { animation: none; }
	}
	/* ★ FIX: TT1/design.css `a{color:var(--blue)}` перебивал белый текст кнопки (кнопка — <a>).
	   Усилен селектор + scoped !important (аналог hero CTA, только для этой панели). */
	a.okna-mcta__btn,
	.okna-mcta__btn {
		position: relative;
		overflow: hidden;
		flex: 1 1 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 44px;
		background: #1c5bd6;
		color: #ffffff !important;
		border: none;
		border-radius: 8px;
		font-size: 14.5px;
		font-weight: 700;
		text-decoration: none;
		cursor: pointer;
	}
	a.okna-mcta__btn:visited,
	.okna-mcta__btn:visited {
		color: #ffffff !important;
	}
	a.okna-mcta__btn:hover,
	.okna-mcta__btn:hover {
		color: #ffffff !important;
		background: #1c5bd6;
	}
	.okna-mcta__btn > span:first-child {
		position: relative;
		z-index: 1;
	}
	.okna-mcta__btn:active {
		background: #1448aa;
		transform: translateY(1px);
	}
	.okna-mcta__shine {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 40%;
		background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, .55) 50%, transparent 100%);
		transform: translateX(-160%) skewX(-20deg);
		animation: oknaMctaShine 5s ease-in-out infinite;
		pointer-events: none;
	}
	.okna-mcta__tel {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		background: #ffffff;
		border: 2px solid #1c5bd6;
		border-radius: 8px;
		box-sizing: border-box;
	}
	.okna-mcta__spacer {
		display: block;
		height: calc(66px + env(safe-area-inset-bottom, 0px)); /* следует за env-ростом панели */
	}
}
@keyframes oknaMctaShine {
	0%   { transform: translateX(-160%) skewX(-20deg); }
	60%  { transform: translateX(-160%) skewX(-20deg); }
	100% { transform: translateX(260%) skewX(-20deg); }
}
@keyframes oknaMctaIn {
	/* ПОСТОЯННАЯ панель (не .is-shown-переключаемая): visibility в keyframe НЕ трогаем — при `both`+пауза
	   анимации сквозная CTA исчезла бы. A11y-ловушки скрытого фокуса тут нет: панель постоянно видима,
	   за экраном лишь ~0.32с выезда на загрузке (транзиент). Персистентная правами — у .st-bar/.okna-cartbar. */
	from { transform: translateY(110%); }
	to   { transform: translateY(0); }
}