/*
	Страховка для анимаций появления.

	В theme.css живёт правило, которое прячет всё, что должно выезжать:

		[data-custom-animations=true]:not(.ca-initvalues-applied) { opacity: 0 !important; }

	Раньше класс ca-initvalues-applied навешивал theme.min.js. Теперь это делает
	otso-motion.js. Беда в том, что при такой схеме любая поломка JS оставляет
	половину главной невидимой — а это 16 блоков, включая весь текст баннера.

	Поэтому правило переписано так, чтобы прятать контент только когда JS заведомо
	жив: класс otso-js ставит крошечный встроенный скрипт в <head> (см. _Layout.cshtml),
	до первой отрисовки. Нет JS, выключен JS, упал скрипт — контент просто виден.

	Файл подключается ПОСЛЕ theme.css, иначе не перебьёт его !important.
*/

[data-custom-animations="true"]:not(.ca-initvalues-applied) {
	opacity: 1 !important;
}

html.otso-js [data-custom-animations="true"]:not(.ca-initvalues-applied) {
	opacity: 0 !important;
}

/*
	Кому укачивает — тому без движения. Блоки сразу на месте и видимы:
	otso-motion.js в этом режиме только снимает начальные значения.
*/
@media (prefers-reduced-motion: reduce) {
	html.otso-js [data-custom-animations="true"]:not(.ca-initvalues-applied) {
		opacity: 1 !important;
	}
}