/* =========================================================================
   magneb6.css
   Доп. стили для страницы «Магний» (magneb6.php).
   Дополняет основной style.css, не дублирует существующие правила.
   Файл подключается только на этой странице.
   ========================================================================= */

.mgn-video-cta {
	display: inline;
}

@media (min-width: 651px) {

	/* =====================================================================
	   1. ТЕКСТОВЫЕ АБЗАЦЫ (вводный, перед видео, «Что можно сделать»)
	   ===================================================================== */

	.mgn-intro-section .descr,
	.mgn-video-section .descr,
	.mgn-now-section .descr {
		font-size: 40px;
		line-height: 38px;
		text-align: left;
		margin: 0;
	}

	.mgn-intro-section .descr p,
	.mgn-video-section .descr p,
	.mgn-now-section .descr p {
		margin: 0;
	}

	.mgn-intro-section {
		padding-top: 46px;
	}

	.mgn-intro-section .descr p + p {
		margin-top: 38px;
	}

	.mgn-video-section {
		padding-top: 44px;
	}

	.mgn-video-section .cols {
		margin: 44px 85px 20px;
	}


	/* =====================================================================
	   2. ЧТО МОЖНО СДЕЛАТЬ УЖЕ СЕЙЧАС? + КАРТОЧКА МАГНЕ В6
	   ===================================================================== */

	.mgn-now-section {
		background: #fff;
		padding: 36px 0 50px;
	}

	.mgn-now-section .blocktitle {
		display: block;
		margin: 0;
		font-size: 96px;
		line-height: 96px;
		font-weight: 300;
		text-transform: uppercase;
	}

	.mgn-br-mobile {
		display: none;
	}

	.mgn-now-section .descr {
		margin-top: 21px;
	}

	.mgn-now-section .descr p + p {
		margin-top: 29px;
	}

	.mgn-now-section .m2-section .wrap {
		margin-top: 36px;
		padding-top: 0;
		padding-bottom: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.mgn-now-section .m2-section a.btn {
		margin-top: 20px;
		background: #F2EEE8;
	}


	/* =====================================================================
	   3. ИСТОЧНИКИ - код материала
	   ===================================================================== */

	.mgn-mat-code {
		font-size: 20px;
		margin-top: 20px;
	}
}


/* =========================================================================
   4. MOBILE - @media(max-width: 650px)
   ========================================================================= */

@media (max-width: 650px) {

	/* Хиро: переносы в заголовке только для десктопа */
	.top-section h1.blocktitle br {
		display: none;
	}

	/* Текстовые абзацы */
	.mgn-intro-section .descr p,
	.mgn-video-section .descr p,
	.mgn-now-section .descr p {
		margin: 0;
	}

	.mgn-intro-section .descr p + p,
	.mgn-now-section .descr p + p {
		margin-top: 27px;
	}

	.mgn-intro-section {
		padding-top: 49px;
	}

	/* Тест */
	.mgn-test-section .wrap {
		height: 334px;
		padding-top: 26px;
	}

	.mgn-test-section a.btn {
		display: block;
		margin-top: 14px;
		padding: 13.5px 10px;
		line-height: 18px;
		letter-spacing: 0.05em;
		text-align: center;
	}

	/* Видео */
	.mgn-video-section {
		padding-top: 50px;
	}

	.mgn-video-cta {
		display: block;
		margin-top: 27px;
	}

	.mgn-video-section .cols {
		margin: 50px 0 0;
		gap: 50px;
	}

	.mgn-video-section .cols .col .est {
		margin-top: 20px;
		padding-left: 52px;
		font-size: 30px;
		line-height: 32px;
		background-size: 32px 32px;
	}

	.mgn-video-section .cols .col .title {
		margin-top: 18px;
		line-height: 18px;
	}

	.mgn-video-section .cols .col p {
		margin: 28px 0 0;
	}

	/* Что можно сделать уже сейчас? + карточка Магне В6 */
	.mgn-now-section {
		margin-top: 47px;
		padding-top: 47px;
		background: linear-gradient(to bottom, #fff calc(100% - 85px), transparent calc(100% - 85px));
	}

	.mgn-now-section .blocktitle {
		display: block;
		margin: 0;
		font-size: 30px;
		line-height: 30px;
		font-weight: 300;
		text-transform: uppercase;
	}

	.mgn-now-section .descr {
		margin-top: 13px;
	}

	.mgn-now-section .m2-section .wrap {
		margin-top: 40px;
		padding: 25px 0 34px;
	}

	.mgn-now-section .m2-section .blocktitle {
		text-align: left;
	}

	.mgn-now-section .m2-section a.btn {
		display: block;
		height: auto;
		margin-top: 15px;
		padding: 9.5px 10px;
		line-height: 22px;
		letter-spacing: 0.05em;
		text-align: center;
		white-space: normal;
	}

	/* Источники */
	.mgn-sources-section .wrap {
		font-size: 10px;
		line-height: 10px;
	}

	.mgn-sources-section p {
		margin-bottom: 15px;
	}

	.mgn-sources-section ol li {
		margin-bottom: 12px;
	}

	.mgn-mat-code {
		margin-top: 20px;
		font-size: 10px;
	}
}