/* Стили только для страницы /opt/.
   Подключается из /opt/index.php через SetAdditionalCSS.
   Классы навешивает шаблон баннера ferrus_main_banner при BLOCK_MODIFIER="opt". */

/* Специфичность селекторов здесь намеренно выше, чем в базовом
   style.css компонента ferrus_main_banner (.main-banner.main-banner--opt
   вместо просто .main-banner--opt): opt-overrides.css подключается через
   SetAdditionalCSS РАНЬШЕ стиля самого компонента, поэтому при одинаковой
   специфичности побеждали базовые правила и переопределения не работали. */

.main-banner.main-banner--opt {
	min-height: 0;
	padding: 70px 0;
}

.main-banner.main-banner--opt .main-banner__content {
	padding-top: 0;
}

.main-banner.main-banner--opt .main-banner__content p {
	margin-bottom: 52px;
}

.main-banner__button.main-banner__button--opt {
	box-sizing: border-box;
	padding: 22px 56px;
	font-size: 1.2em;
	font-weight: 700;
}

@media (max-width: 1023px) {
	.main-banner.main-banner--opt {
		padding: 60px 0;
	}
}

@media (max-width: 767px) {
	.main-banner.main-banner--opt {
		padding: 56px 0;
	}

	.main-banner.main-banner--opt .main-banner__content {
		padding-top: 0;
	}

	.main-banner__button.main-banner__button--opt {
		padding: 18px 12px;
		font-size: 1em;
	}
}

@media (max-width: 520px) {
	.main-banner__button.main-banner__button--opt {
		padding: 16px 6px;
		font-size: 0.92em;
	}
}