/* Контакты: инфо-карточки + форма, карта */
.contacts__crumbs { padding-block: 40px; }


.ct-map {
	margin-top: 0;
	padding: 80px 24px 24px;
	border-radius: 32px;
	background: #fff;
	display: flex; flex-direction: column; gap: 40px;
}
.ct-map__title { color: #081b40; }
.ct-map__box { position: relative; height: 800px; border-radius: 18px; overflow: hidden; background: #ebc58a; }
.ct-map__frame {
	width: 100%; height: 100%; border: 0;
	filter: sepia(.55) saturate(1.6) hue-rotate(-12deg) brightness(1.02);
}
.ct-map__card {
	position: absolute; top: 20px; right: 20px; width: 320px;
	display: flex; flex-direction: column; gap: 12px;
	padding: 12px; border-radius: 4px; background: var(--c-white);
}
.ct-map__label { font-size: 12px; line-height: 1.2; font-weight: 300; margin-bottom: 8px; }
.ct-map__city { font-weight: 500; font-size: 14px; letter-spacing: -.01em; color: var(--c-accent); }
.ct-map__addr { font-weight: 500; font-size: 16px; line-height: 1.2; padding-bottom: 12px; border-bottom: 1px solid #ebebeb; }
.ct-map__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.tag-chip--warm { background: var(--c-warm-50); font-weight: 400; font-size: 12px; line-height: 1.2; }

@media (max-width: 1023px) {
	.contacts__crumbs { padding-block: 40px 20px; }
	.ct-map { padding: 40px var(--gutter) 24px; border-radius: 24px; gap: 24px; }
	.ct-map__box { height: auto; display: flex; flex-direction: column; }
	.ct-map__frame { height: 300px; }
	.ct-map__card { position: static; width: auto; border-radius: 0 0 4px 4px; margin: -40px 12px 12px; box-shadow: 0 4px 25px rgba(160, 160, 160, .25); }
}
