.header-site {
	transition: all 0s ease;
	position: sticky;
	top: 0;
	&.header--sticky {
		transition: all 0.2s linear;
		transform: translateY(-100%);
		&.header--visible {
			transform: translateY(0);
		}
	}
}

header {
	width: 100%;
	background-color: var(--color-body);
}

.header__inner {
	padding: 20px 0;
	box-sizing: border-box;
	transition: padding 0.6s ease;
}

.header__bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 50px;
}

@media (max-width: 1000px) {
	.header__bottom {
		gap: 25px;
	}
}

@media (max-width: 900px) {
	.header__desktop {
		display: none;
	}
	.header__inner {
		padding: 15px 0;
	}
	header.header--sticky .header__inner {
		padding: 15px;
	}
}