/* ТЗ-129 ч. 4 (27.09): блок «Рассчитать свой заказ помогут наши менеджеры» (чанк help) — свои стили одним файлом.
   Раньше правила .help* жили копиями в CSS каждой страницы (main, text, category, product … — 16 копий), и шаблоны,
   чьи файлы копии не несли (отгрузки, отгрузка, проект, сертификаты — ТЗ-126 В7/В8), показывали форму голым текстом.
   Здесь — вариант главной (с сеткой в две колонки от 1241 px). Подключается шаблонами без своей копии; там, где копия есть,
   правила совпадают и файл не нужен. */
.help__title{font-weight:600;font-size:32px;line-height:130%;text-transform:uppercase}
.help__link{font-weight:600;font-size:20px;line-height:130%}
.help__subtitle{font-weight:400;font-size:16px;line-height:140%}
.help__text{font-weight:400;font-size:14px;line-height:140%}
.help{display:flex;gap:74px}
.help__info{padding:32px;display:flex;flex-direction:column;flex-grow:1;gap:32px;max-width:686px;background-color:#001960;border-radius:12px;color:#fff}
.help__title{margin-bottom:-12px;max-width:565px}
.help__contacts{display:flex;gap:60px}
.help__contact{display:flex;flex-direction:column;flex-shrink:0;gap:12px}
.help__socials{gap:12px}
.help__socials img{width:32px;height:32px;border-radius:50%}
.help__form{align-self:flex-start;flex-grow:1;max-width:640px}
@media screen and (min-width:1241px){
	.help{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.help__form{max-width:none}
}
@media screen and (max-width:1240px){
	.help{gap:40px}
	.help__contacts{flex-wrap:wrap;gap:20px}
	.help__contact{gap:6px}
	.help__form{max-width:calc((100% - 40px)/2)}
}
@media screen and (max-width:992px){
	.help__title{font-size:28px}
	.help__link{font-size:16px}
	.help__subtitle{font-size:14px}
	.help__text{font-size:13px}
	.help{gap:20px}
	.help__form{max-width:calc((100% - 20px)/2)}
}
@media screen and (max-width:640px){
	.help__title{font-size:24px;margin-bottom:-16px}
	.help{gap:40px;flex-direction:column}
	.help__info{margin:0 -10px;padding:40px 20px;gap:28px;width:100vw;border-radius:0}
	.help__form{max-width:unset}
}
