/* Фаза 1. Кнопки мессенджеров (Figma: поп-апы 738:39809 / 738:39862 — сетка 2×2; серая форма 738:37335 — в ряд) */
.nsoc_grid { display: grid; gap: 8px; margin: 0; padding-top: 20px; }
.nsoc_grid .smcol { padding: 0; max-width: none; flex: none; margin: 0; }
.nsoc_grid .nsoc svg { margin-right: 8px; }
.nsoc_grid--grid { grid-template-columns: 1fr 1fr; }
.nsoc_grid--grid .smcol:last-child:nth-child(odd) { grid-column: 1 / -1; } /* без ВК: Max на всю ширину */
.nsoc_grid--row { grid-auto-flow: column; grid-auto-columns: 1fr; }
.soc_vk { background: #0077FF; }
.mymodal_block .nsoc_grid { padding-top: 0; padding-bottom: 20px; }

@media (max-width: 767px) {
	.nsoc_grid--row { grid-auto-flow: row; grid-template-columns: 1fr 1fr; }
	.nsoc_grid--row .smcol:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

/* Поп-апы: блок «Для чего Вам нужен адрес?» и серая подсказка «Комментария» (Figma 738:39809, 738:39862) */
.address_purpose { border: 0; padding: 0; margin: 0 0 16px; min-width: 0; }
.address_purpose legend { padding: 0; margin-bottom: 8px; }
/* плашка 40px: рамка 1 + отступ 9 = 10 от края, как в макете; чекбокс 12/10, текст с 44 */
.myform .address_purpose_item { display: block; min-height: 0; background: #fff; border: 1px solid #E4E4E4; border-radius: 8px; padding: 9px 11px 9px 43px; margin: 0 0 8px; font-size: 14px; line-height: 20px; color: #2F2F2F; cursor: pointer; }
.myform .address_purpose_item:last-child { margin-bottom: 0; }
.address_purpose_item span { left: 11px; top: 9px; }
/* поле «Комментарий» под трёхстрочную подсказку (Figma 738:39836): было 55px и моноширинный шрифт браузера */
.mymodal_block textarea { height: 150px; padding: 13px 17px; font-family: 'Gilroy'; font-weight: 300; font-size: 14px; line-height: 16px; resize: vertical; }
.mymodal_block textarea::placeholder { color: #808080; opacity: 1; }

/* «Услуги компании» (744:40512) — только десктоп, мобильная вёрстка остаётся из mobile.css */
@media (min-width: 768px) {
	.ser_block { gap: 24px; }
	.ser_footer { margin-left: 0; }
	.ser_body h3 { font-family: 'Actay Wide'; font-weight: bold; font-size: 22px; line-height: 26px; margin-bottom: 8px; }
	.ser_body p { font-size: 18px; line-height: 20px; }
	.ser_footer .button { height: 48px; padding: 0 24px; border-radius: 8px; font-family: 'Gilroy Bold'; font-weight: bold; font-size: 16px; line-height: 22px; text-transform: none; }
	/* карточка консультации (744:40520): «Оставить заявку» и телефон прижаты к низу, отступ 24 */
	.ser_form_block { display: flex; flex-direction: column; }
	.ser_form_body { flex: 1; display: flex; flex-direction: column; }
	.ser_form_body .f_flex { margin-top: auto; }
}