/* Текст раздела под товарами: короткий текст открыт целиком, блок подбора с кнопками */
.sectionText .textBlockExpand p,
.sectionText .textBlockExpand li{line-height:1.6;color:#333}
.sectionText .textBlockExpand h2{font-weight:400;color:#222;margin-top:34px}
.sectionTextOpen .textBlockExpand{display:block;max-height:none;-webkit-line-clamp:none;overflow:visible}
.sectionTextOpen .textBlockExpandsButton{display:none}
/* было max-height:2999px — у длинных текстов на телефоне конец не показывался даже после «Подробнее» */
.sectionText.textBlockExpandsShow .textBlockExpand{max-height:none}
.sectionTextCta{margin-top:36px;padding:26px 30px 28px;background:#f4f4f4;border-left:3px solid #b71a25}
.sectionText .sectionTextCta h2{margin-top:0}
.sectionTextCtaButtons{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
/* ссылки в тексте красные (.textBlockExpand a) — кнопкам возвращаем их цвета */
.sectionTextCtaButtons .button{text-decoration:none}
.sectionTextCtaButtons .buttonPrimary,
.sectionTextCtaButtons .buttonPrimary:hover{color:#fff}
.sectionTextCtaButtons .buttonOutline{height:50px;line-height:normal;padding:2px 28px 0;border-radius:10px;font-size:14px;color:#222;background:#fff}
/* на широком экране кнопки стоят справа от текста плашки */
@media (min-width:1024px){
    .sectionTextCta{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:center;padding:30px 36px}
    .sectionTextCta > h2,
    .sectionTextCta > p{grid-column:1}
    .sectionTextCta > p{margin-bottom:0}
    .sectionTextCtaButtons{grid-column:2;grid-row:1/span 2;flex-direction:column;margin-top:0}
    .sectionTextCtaButtons .button{min-width:240px}
}
@media (max-width:767px){
    .sectionTextCta{padding:20px 18px 22px}
    .sectionTextCtaButtons .button{flex:1 1 100%}
}
