.shfe-sticky-header {
	position: fixed;
	top: var(--shfe-top, 0px);
	left: 0;
	right: 0;
	width: 100%;
	z-index: var(--shfe-zindex, 999);
	will-change: transform, box-shadow;
}

.shfe-sticky-header.shfe-animate {
	transition: transform var(--shfe-duration, 300ms) ease,
		box-shadow var(--shfe-duration, 300ms) ease,
		background-color var(--shfe-duration, 300ms) ease;
}

.shfe-sticky-header.shfe-hidden {
	transform: translateY(-100%);
}

.shfe-sticky-header.shfe-stuck.shfe-shadow-enabled {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

/* Колір фону при скролі (застосовується лише коли контейнер вже "прилип", тобто scrollY > 0) */
.shfe-sticky-header.shfe-bg-swap.shfe-stuck {
	background-color: var(--shfe-bg-stuck-color, #ffffff) !important;
}

/* Коли на поточному пристрої функція вимкнена — контейнер повертається у звичайний потік */
.shfe-sticky-header.shfe-device-disabled {
	position: static !important;
	transform: none !important;
	box-shadow: none !important;
}

/* Невеликий відступ під шапкою, щоб контент не "стрибав" під фіксованим елементом.
   За потреби додайте власний клас/паддінг до наступного за шапкою елемента. */