/* Нижняя панель связи (только телефон, до 700 px). Цвета — токены a3-tokens.css,
   тёмная тема подхватывается сама (и по системной, и по data-theme="night"). */
.a3-conv { display: none; }

@media (max-width: 700px) {
	body.a3-has-conv { padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)); }
	.a3-conv {
		display: flex;
		gap: var(--a3-space-2);
		position: fixed;
		left: 0; right: 0; bottom: 0;
		z-index: 90;
		padding: var(--a3-space-2) var(--a3-space-3) calc(var(--a3-space-2) + env(safe-area-inset-bottom, 0px));
		background: var(--a3-bg);
		border-top: 1px solid var(--a3-line-strong);
		box-shadow: 0 -6px 20px rgba(10, 20, 28, 0.10);
		transform: translateY(0);
		transition: transform var(--a3-transition), opacity var(--a3-transition);
	}
	.a3-conv.is-hidden { transform: translateY(110%); opacity: 0; pointer-events: none; }
	.a3-conv__btn {
		flex: 1 1 0;
		min-width: 0;
		min-height: 48px;
		display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
		padding: 4px 6px;
		border: 1px solid var(--a3-line-strong);
		border-radius: var(--a3-radius-sm);
		background: var(--a3-bg-alt);
		color: var(--a3-text);
		font-family: var(--a3-font);
		font-size: var(--a3-fs-caption);
		font-weight: var(--a3-fw-medium);
		line-height: 1.1;
		text-decoration: none;
		-webkit-tap-highlight-color: transparent;
	}
	.a3-conv__btn--call { background: var(--a3-accent); border-color: var(--a3-accent); color: var(--a3-on-accent); }
	.a3-conv__btn:active { background: var(--a3-bg-sunken); }
	.a3-conv__btn--call:active { background: var(--a3-accent-hover); }
	.a3-conv__btn:focus-visible { outline: 2px solid var(--a3-link); outline-offset: 2px; }
}
@media (prefers-reduced-motion: reduce) { .a3-conv { transition: none; } }

/* Волна 2 (21.10.2026): якорь формы и блок «Посчитаем ваш дом». */
#a3-lead-form { scroll-margin-top: calc(var(--a3-header-h, 72px) + 16px); }
.a3-midcta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--a3-space-5);
	margin-block: var(--a3-space-6);
	padding: var(--a3-space-5) var(--a3-space-6);
	background: var(--a3-bg-alt);
	border: 1px solid var(--a3-line);
	border-left: 4px solid var(--a3-accent);
	border-radius: var(--a3-radius-lg);
}
.a3-section > .a3-wrap > .a3-midcta { margin-block: 0; }
.a3-prose > .a3-midcta { margin-block: var(--a3-space-7); }
.a3-prose .a3-midcta .a3-btn { color: var(--a3-on-accent); text-decoration: none; }
.a3-midcta__text { display: flex; flex-direction: column; gap: var(--a3-space-1); min-width: 0; }
.a3-midcta__title { font-size: var(--a3-fs-h3, 1.25rem); font-weight: var(--a3-fw-semibold); color: var(--a3-text); line-height: 1.25; }
.a3-midcta__lead { color: var(--a3-text-muted); }
.a3-midcta__actions { display: flex; flex-direction: column; align-items: center; gap: var(--a3-space-2); flex: 0 0 auto; }
.a3-midcta__wa { font-size: var(--a3-fs-caption); color: var(--a3-link); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 700px) {
	.a3-midcta { flex-direction: column; align-items: stretch; gap: var(--a3-space-4); padding: var(--a3-space-4); }
	.a3-midcta__actions { align-items: stretch; text-align: center; }
	.a3-midcta__btn { width: 100%; justify-content: center; text-align: center; }
	.a3-midcta__wa { padding-block: var(--a3-space-2); }
}
@media print { .a3-midcta { display: none; } }