/* Start:/local/templates/topman/components/bitrix/news.detail/module_page/style.css?178682945715021*/
/* Страница модуля (news.detail/module_page) — по макету «Лендинг SEO-фильтр» */

.mp { display: flex; flex-direction: column; background: #FFFFFF; }
.mp section { padding-left: var(--content-pad); padding-right: var(--content-pad); }
.mp-section { padding-top: 155px; }
.mp-support { padding-bottom: 155px; }

.mp-h2 { margin: 0; font-weight: 600; font-size: 40px; line-height: 44px; letter-spacing: -0.05em; text-wrap: pretty; }
.mp-h2--narrow { max-width: 1000px; }
.mp-h2--sm { font-size: 32px; line-height: 36px; }
.mp-kicker { font-size: 14px; line-height: 16px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: #5011D4; }
.mp-label { font-size: 14px; line-height: 16px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.4; }
.mp-lead { margin: 0; max-width: 1000px; font-size: 22px; line-height: 28px; font-weight: 450; letter-spacing: 0.02em; text-wrap: pretty; }
.mp-text { margin: 0; font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: -0.02em; text-wrap: pretty; }
.mp-muted { margin: 0; font-size: 14px; line-height: 18px; font-weight: 400; letter-spacing: -0.02em; opacity: 0.6; text-wrap: pretty; }
.mp-hr { height: 1px; background: rgba(30,0,93,0.15); }

.mp-btn { width: 390px; max-width: 100%; height: 80px; border-radius: 110px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 16px; line-height: 16px; font-weight: 500; letter-spacing: -0.02em; transition: background .25s ease, color .25s ease; }
.mp-btn--primary { background: #1E005D; color: #FFFFFF; }
.mp-btn--primary:hover { background: #5011D4; color: #FFFFFF; }
.mp-btn--outline { background: #FFFFFF; border: 1px solid #5011D4; color: #5011D4; }
.mp-btn--outline:hover { background: #5011D4; color: #FFFFFF; }

.mp-2col { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; }
.mp-2col--start { align-items: start; }
.mp-3col { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 40px; }
.mp-col { display: flex; flex-direction: column; gap: 24px; }
.mp-col--lg { gap: 40px; }
.mp-block { display: flex; flex-direction: column; gap: 16px; }

/* 01 Первый экран */
.mp-hero { min-height: 750px; padding-top: 130px; padding-bottom: 80px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(80,17,212,0.1) 93.09%), #FFFFFF; display: flex; flex-direction: column; justify-content: center; gap: 40px; }
.mp-hero__title { margin: 0; max-width: 1240px; font-weight: 700; font-size: 70px; line-height: 70px; letter-spacing: -0.05em; text-transform: uppercase; text-wrap: pretty; }
.mp-hero__text { margin: 0; max-width: 900px; font-size: 22px; line-height: 28px; font-weight: 450; letter-spacing: 0.02em; text-wrap: pretty; }
.mp-hero__actions { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; margin-top: 8px; }

/* 02 Тезисы */
.mp-theses { padding-top: 80px; background: #FFFFFF; display: flex; flex-direction: column; gap: 40px; }
.mp-theses__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 20px; }
.mp-thesis { display: flex; flex-direction: column; gap: 12px; }
.mp-thesis__num { font-weight: 700; font-size: 40px; line-height: 40px; letter-spacing: -0.05em; color: #5011D4; }
.mp-thesis__text { font-size: 16px; line-height: 22px; font-weight: 500; letter-spacing: -0.02em; text-wrap: pretty; }
.mp-facts { font-size: 14px; line-height: 18px; font-weight: 400; letter-spacing: -0.02em; opacity: 0.5; }

/* 03 Что решает */
.mp-solves { display: flex; flex-direction: column; gap: 80px; }
.mp-solves__texts { display: flex; flex-direction: column; gap: 22px; }
.mp-solves__texts p { margin: 0; font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: -0.02em; text-wrap: pretty; }
.mp-adv { gap: 20px; }
.mp-adv__card { border-radius: 40px; background: rgba(80,17,212,0.1); padding: 40px; display: flex; flex-direction: column; gap: 20px; transition: background .3s ease; }
.mp-adv__card:hover { background: rgba(80,17,212,0.18); }
.mp-adv__num { font-weight: 700; font-size: 40px; line-height: 40px; letter-spacing: -0.05em; color: #5011D4; }
.mp-adv__title { font-weight: 600; font-size: 32px; line-height: 36px; letter-spacing: -0.05em; text-wrap: pretty; }
.mp-adv__text { margin: 0; font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: -0.02em; text-wrap: pretty; }

/* 04 Аккордеон «Что умеет» */
.mp-features { display: flex; flex-direction: column; gap: 40px; }
.mp-acc { display: flex; flex-direction: column; border-top: 0.5px solid rgba(30,0,93,0.25); }
.mp-acc__item { border-bottom: 0.5px solid rgba(30,0,93,0.25); }
.mp-acc__head { width: 100%; border: 0; background: none; cursor: pointer; padding: 30px 0; display: flex; flex-direction: row; align-items: center; gap: 24px; text-align: left; font-family: inherit; color: #1E005D; transition: color .2s ease; }
.mp-acc__head:hover { color: #5011D4; }
.mp-acc__num { width: 40px; flex-shrink: 0; font-size: 14px; line-height: 16px; font-weight: 500; letter-spacing: -0.02em; opacity: 0.4; }
.mp-acc__title { flex-grow: 1; font-weight: 600; font-size: 32px; line-height: 36px; letter-spacing: -0.05em; text-wrap: pretty; }
.mp-acc__icon { width: 24px; height: 24px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: transform .3s ease; }
.mp-acc__item.is-open .mp-acc__icon { transform: rotate(135deg); }
.mp-acc__body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s cubic-bezier(.22,1,.36,1); }
.mp-acc__item.is-open .mp-acc__body { grid-template-rows: 1fr; }
.mp-acc__clip { min-height: 0; overflow: hidden; opacity: 0; transform: translateY(-8px); transition: opacity .35s ease .05s, transform .4s cubic-bezier(.22,1,.36,1); }
.mp-acc__item.is-open .mp-acc__clip { opacity: 1; transform: translateY(0); }
.mp-acc__inner { padding: 0 0 40px 64px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px 40px; align-items: start; }
.mp-acc__lead { margin: 0; font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: -0.02em; text-wrap: pretty; }
.mp-acc__list { display: flex; flex-direction: column; gap: 10px; }
.mp-bullet { display: flex; flex-direction: row; gap: 12px; align-items: flex-start; font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: -0.02em; }
.mp-bullet__dot { width: 5px; height: 5px; margin-top: 8px; flex-shrink: 0; border-radius: 5px; background: #5011D4; }
.mp-bullet__dot--dim { background: rgba(30,0,93,0.4); }
.mp-features__note { margin: 0; font-size: 16px; line-height: 22px; font-weight: 500; letter-spacing: -0.02em; color: #5011D4; text-wrap: pretty; }

/* 05 Как работает */
.mp-steps { display: flex; flex-direction: column; gap: 60px; }
.mp-steps__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 20px; }
.mp-step { display: flex; flex-direction: column; gap: 16px; padding-top: 24px; border-top: 1px solid rgba(30,0,93,0.25); }
.mp-step__num { font-weight: 700; font-size: 70px; line-height: 70px; letter-spacing: -0.05em; color: rgba(80,17,212,0.25); }
.mp-step__title { font-weight: 600; font-size: 22px; line-height: 26px; letter-spacing: -0.05em; }
.mp-step__text { margin: 0; font-size: 14px; line-height: 18px; font-weight: 400; letter-spacing: -0.02em; text-wrap: pretty; }

/* 06 Фиолетовая полоса */
.mp-band { border-radius: 0 0 80px 0; overflow: hidden; background: linear-gradient(90deg, #1E005D 0%, #5011D4 100%); padding: 80px; display: flex; flex-direction: column; gap: 40px; }
.mp-band__title { margin: 0; font-weight: 700; font-size: 70px; line-height: 70px; letter-spacing: -0.05em; text-transform: uppercase; color: #FFFFFF; text-wrap: pretty; }
.mp-band__text { margin: 0; max-width: 900px; font-size: 22px; line-height: 28px; font-weight: 450; letter-spacing: 0.02em; color: #FFFFFF; text-wrap: pretty; }
.mp-chips { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; }
.mp-chip { height: 40px; padding: 0 20px; border-radius: 100px; border: 1px solid rgba(255,255,255,0.35); display: flex; align-items: center; font-size: 14px; line-height: 16px; font-weight: 500; letter-spacing: -0.02em; color: #FFFFFF; }

/* 07 Установка */
.mp-install { display: flex; flex-direction: column; gap: 80px; }
.mp-install__cols { gap: 60px 40px; }
.mp-rows { display: flex; flex-direction: column; }
.mp-row { padding: 16px 0; display: flex; flex-direction: row; gap: 20px; align-items: baseline; border-bottom: 0.5px solid rgba(30,0,93,0.15); }
.mp-row__num { width: 24px; flex-shrink: 0; font-size: 14px; line-height: 22px; font-weight: 500; color: #5011D4; }
.mp-row__text { font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: -0.02em; }
.mp-code { margin: 0; border-radius: 20px; background: #1E005D; color: #FFFFFF; padding: 24px; overflow-x: auto; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 13px; line-height: 20px; white-space: pre-wrap; word-break: break-word; }
.mp-note { border-radius: 20px; background: rgba(80,17,212,0.1); padding: 20px 24px; }
.mp-note p { margin: 0; font-size: 14px; line-height: 18px; font-weight: 500; letter-spacing: -0.02em; color: #5011D4; text-wrap: pretty; }

/* 08 Требования и эксплуатация */
.mp-req { display: flex; flex-direction: column; gap: 60px; }
.mp-req .mp-2col { gap: 60px 40px; }
.mp-kv { display: flex; flex-direction: column; border-top: 0.5px solid rgba(30,0,93,0.15); }
.mp-kv--strong { border-top: 1px solid rgba(30,0,93,0.25); }
.mp-kv__row { padding: 12px 0; display: flex; flex-direction: row; gap: 24px; justify-content: space-between; align-items: baseline; border-bottom: 0.5px solid rgba(30,0,93,0.15); }
.mp-kv--strong .mp-kv__row { padding: 16px 0; }
.mp-kv__key { width: 150px; flex-shrink: 0; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: -0.02em; opacity: 0.5; }
.mp-kv--strong .mp-kv__key { width: 180px; }
.mp-kv__val { flex-grow: 1; text-align: right; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: -0.02em; }
.mp-kv--strong .mp-kv__val { font-size: 16px; }
.mp-cards { display: flex; flex-direction: column; gap: 20px; }
.mp-card { border-radius: 20px; background: rgba(80,17,212,0.1); padding: 28px 32px; display: flex; flex-direction: column; gap: 12px; }
.mp-card__title { font-weight: 600; font-size: 22px; line-height: 26px; letter-spacing: -0.05em; }
.mp-card__text { margin: 0; font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: -0.02em; text-wrap: pretty; }

/* 09 Что учитывать */
.mp-limits { display: flex; flex-direction: column; gap: 40px; }
.mp-limits__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 40px; }
.mp-limit { padding: 16px 0; display: flex; flex-direction: row; gap: 12px; align-items: flex-start; border-bottom: 0.5px solid rgba(30,0,93,0.15); font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: -0.02em; }
.mp-limit > span:last-child { opacity: 0.7; }

/* 10 Стоимость */
.mp-price { border-radius: 40px; overflow: hidden; min-height: 440px; background: linear-gradient(160deg, #5011D4 0%, rgba(190,158,255,0.8363) 26%, rgba(233,222,255,0.72) 44%, #FFFFFF 70%); padding: 80px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: end; }
.mp-price__left, .mp-price__right { display: flex; flex-direction: column; gap: 20px; }
.mp-price__right { align-items: flex-start; }
.mp-price__value { font-weight: 700; font-size: 70px; line-height: 70px; letter-spacing: -0.05em; color: #1E005D; white-space: nowrap; }
.mp-price__note { margin: 0; max-width: 420px; font-size: 14px; line-height: 18px; font-weight: 450; letter-spacing: -0.02em; color: #1E005D; opacity: 0.75; text-wrap: pretty; }

/* 11 Документация и сведения */
.mp-support { display: flex; flex-direction: column; gap: 60px; }
.mp-doclist { display: flex; flex-direction: column; }
.mp-doclist a { padding: 20px 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 0.5px solid rgba(30,0,93,0.25); font-size: 22px; line-height: 26px; font-weight: 400; transition: color .2s ease; }
.mp-support__email { font-weight: 600; font-size: min(32px, 7.8vw); line-height: 1.15; letter-spacing: -0.05em; overflow-wrap: anywhere; }
.mp-reg-note { margin: 0; font-size: 14px; line-height: 18px; font-weight: 400; letter-spacing: -0.02em; opacity: 0.5; text-wrap: pretty; }

/* Узкие экраны (320–359px): ужимаем то, что не помещается */
@media (max-width: 359px) {
	.mp-kv__key { width: 96px; }
	.mp-kv--strong .mp-kv__key { width: 96px; }
	.mp-kv__row { gap: 16px; }
	.mp-kv__val { overflow-wrap: break-word; min-width: 0; }
	.mp-hero__title { font-size: min(40px, 11.5vw); line-height: 1; }
	.mp-band__title { font-size: min(40px, 11.5vw); line-height: 1; }
	.mp-h2 { font-size: min(28px, 8.2vw); line-height: 1.1; }
	.mp-adv__title { font-size: 26px; line-height: 30px; }
	.mp-acc__num { width: 28px; }
	.mp-band { padding: 24px; }
	.mp-price { padding: 24px; }
}

/* Заголовки набираются TT Firs Neue (шрифт уже в шаблоне сайта) */
.mp-h2, .mp-hero__title, .mp-band__title, .mp-thesis__num, .mp-adv__num, .mp-adv__title,
.mp-acc__title, .mp-step__num, .mp-step__title, .mp-card__title, .mp-price__value, .mp-support__email {
	font-family: "TT Firs Neue", "Onest", system-ui, sans-serif;
}

/* Мобильная версия (макет 390) */
@media (max-width: 767px) {
	.mp-section { padding-top: 55px; }
	.mp-support { padding-bottom: 55px; }
	.mp-h2 { font-size: 28px; line-height: 30px; }
	.mp-h2--sm { font-size: 24px; line-height: 28px; }
	.mp-hero { min-height: 0; padding-top: 80px; padding-bottom: 40px; }
	.mp-hero__title { font-size: 40px; line-height: 40px; }
	.mp-btn { width: 100%; }
	.mp-theses { padding-top: 55px; }
	.mp-theses__grid { grid-template-columns: minmax(0, 1fr); }
	.mp-solves { gap: 40px; }
	.mp-2col { grid-template-columns: minmax(0, 1fr); }
	.mp-3col { grid-template-columns: minmax(0, 1fr); }
	.mp-adv__card { border-radius: 20px; padding: 24px; }
	.mp-acc__head { padding: 20px 0; }
	.mp-acc__title { font-size: 22px; line-height: 26px; }
	.mp-acc__inner { padding-left: 0; padding-bottom: 24px; grid-template-columns: minmax(0, 1fr); }
	.mp-steps__grid { grid-template-columns: minmax(0, 1fr); }
	.mp-limits__grid { grid-template-columns: minmax(0, 1fr); }
	.mp-band { border-radius: 0 0 30px 0; padding: 30px; }
	.mp-band__title { font-size: 40px; line-height: 40px; }
	.mp-install { gap: 40px; }
	.mp-price { border-radius: 20px; min-height: 0; padding: 30px; grid-template-columns: minmax(0, 1fr); align-items: start; }
	.mp-price__value { font-size: 40px; line-height: 40px; }
}

/* End */
/* /local/templates/topman/components/bitrix/news.detail/module_page/style.css?178682945715021 */