/* ---------- Hero ---------- */
.contacts-hero{margin-top:8px}
.contacts-stamp{display:inline-flex;align-items:center;margin-bottom:18px}
.contacts-stamp__pill{
	display:inline-flex;align-items:center;height:44px;padding:0 24px 0 20px;
	background:var(--ui-white);border:3px solid #1a6b2e;border-radius:999px;
	color:#0d0f10;font-size:19px;font-weight:900;line-height:1;white-space:nowrap;
}
.contacts-stamp__icon{
	display:flex;align-items:center;justify-content:center;flex-shrink:0;
	width:38px;height:38px;margin-left:-18px;border-radius:11px;background:#8fe000;
}
.contacts-stamp__icon svg{width:20px;height:20px}
.contacts-hero__title{margin:0 0 10px;font-size:46px;line-height:1.15;font-weight:700;color:#151922}
.contacts-hero__accent{color:#82674F}
.contacts-hero__lead{margin:0;max-width:640px;font-size:18px;line-height:1.5;color:#5B616B}

/* ---------- Layout ---------- */
.contacts-layout{margin-top:36px;display:grid;grid-template-columns:1.17fr 1fr;gap:28px;align-items:start}
.contacts-list{display:flex;flex-direction:column;gap:16px}

/* Общие плашки: телефоны, почта, адрес */
.contacts-tile{
	display:flex;align-items:center;gap:20px;padding:24px 28px;
	background:var(--ui-gray);border-radius:18px;text-decoration:none;color:inherit;
}
.contacts-tile__icon{flex-shrink:0;width:34px;height:34px}
.contacts-tile__text{display:flex;flex-direction:column;gap:6px;min-width:0}
.contacts-tile__label{font-size:27px;line-height:1.2;font-weight:600;color:#151922}
.contacts-tile__value{font-size:38px;line-height:1.15;font-weight:600;color:#151922;white-space:nowrap}
.contacts-tile--wide .contacts-tile__label{font-size:16px;font-weight:500;color:#6A6F78}
.contacts-tile--wide .contacts-tile__value{font-size:27px;font-weight:500;white-space:normal}
.contacts-tile__value--email{overflow-wrap:anywhere;white-space:normal}
.contacts-tile--phone-directory{align-items:flex-start}
.contacts-phone-directory{display:grid;gap:16px;flex:1;min-width:0}
.contacts-phone-group{display:grid;gap:4px}
.contacts-phone-group__label{font-size:16px;line-height:1.35;font-weight:500;color:#6A6F78}
.contacts-phone-group__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 20px}
.contacts-phone-group__phone{font-size:23px;line-height:1.3;font-weight:600;color:#151922;text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.contacts-phone-group__phone:hover{text-decoration:underline;text-underline-offset:4px}

/* Соцсети */
.contacts-social{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.contacts-social__tile{
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
	padding:24px 12px;border-radius:18px;text-decoration:none;text-align:center;min-width:0;
}
.contacts-social__icon{width:32px;height:32px;margin-bottom:4px}
.contacts-social__tile--telegram{background:#E3F2FD}
.contacts-social__tile--whatsapp{background:#E6F7EA}
.contacts-social__tile--instagram{background:#FBE7F1}
.contacts-social__label{font-size:17px;font-weight:700}
.contacts-social__tile--telegram .contacts-social__label{color:#1170AE}
.contacts-social__tile--whatsapp .contacts-social__label{color:#128C4A}
.contacts-social__tile--instagram .contacts-social__label{color:#A31770}
.contacts-social__value{font-size:14px;color:#5B616B}

.contacts-legal{margin:4px 0 0;font-size:13px;line-height:1.5;color:#9AA0A8}

/* ---------- Форма ---------- */
.contacts-form-card{
	padding:32px;background:var(--ui-white);border:1px solid var(--ui-border);border-radius:24px;
	scroll-margin-top:88px;
}
.contacts-form-card .lead-brand{display:none}
/* Специфичность выше, чем у .lead-form .btn[type=submit] в lead-forms.css */
.contacts-form-card .lead-form .btn[type=submit]{background:#202124;color:#fff}
.contacts-form-card .lead-form .btn[type=submit]:hover{background:#34363a}

@media (max-width:1100px){
	.contacts-hero__title{font-size:38px}
	.contacts-tile__value{font-size:32px}
}

@media (max-width:900px){
	.contacts-layout{grid-template-columns:1fr}
	.contacts-hero__title{font-size:32px}
	.contacts-social{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:640px){
	.contacts-hero__title{font-size:27px}
	.contacts-hero__lead{font-size:16px}
	.contacts-tile{padding:20px 22px;gap:16px}
	.contacts-tile__label{font-size:20px}
	.contacts-tile__value{font-size:26px;white-space:normal}
	.contacts-tile--wide .contacts-tile__value{font-size:20px}
	.contacts-phone-group__list{grid-template-columns:1fr}
	.contacts-phone-group__phone{font-size:21px}
	.contacts-social{grid-template-columns:1fr 1fr}
	.contacts-social__tile--instagram{grid-column:1 / span 2}
	.contacts-form-card{padding:22px}
}