/**
 * NOMA: «pinned last block».
 * Последний блок главной (.noma-pin) закрепляется у низа экрана (fixed/bottom:0),
 * футер (location footer) наезжает на него сверху. Логику тоггла даёт noma-pin.js.
 * Активно только на мобайле (≤767px) и не в редакторе Elementor.
 */

@media (max-width: 767px) {
	body.noma-pin-active .noma-pin.is-pinned {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		padding-bottom: env(safe-area-inset-bottom, 0px);
		/* свой композиторный слой — наезд футера без перерисовки, плавнее на мобайле */
		will-change: transform;
	}

	/* Футер скользит вверх ПОВЕРХ замёрзшего блока. */
	body.noma-pin-active .elementor-location-footer {
		position: relative;
		z-index: 2;
		will-change: transform;
	}

	/* Плейсхолдер держит высоту блока, ушедшего в fixed (без прыжка). */
	.noma-pin-placeholder {
		width: 100%;
	}

	/* Плавность — только дешёвые свойства, не position/height. */
	.noma-pin {
		transition: opacity 0.2s ease;
	}
}

/* В редакторе/превью Elementor блок остаётся в потоке (иначе мешает редактировать). */
.elementor-editor-active .noma-pin,
.elementor-editor-preview .noma-pin {
	position: static !important;
}

@media (prefers-reduced-motion: reduce) {
	.noma-pin {
		transition: none;
	}
}