.stickyHeader.shrunk {
    height: 58px; /* Minimalna wysokość po przewinięciu */
    background-color: rgba(0, 0, 0, 1); /* Zmiana koloru dla efektu */
}

.header {
	display: flex;
	justify-content: center;
	background-color: #ffffff;
	color: white;
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: var(--header-height);
}

.headerOffset{
	height: var(--header-height);
}
.headerShadow{
	position: fixed;
	max-width: 100%;
	width: 100%;
	height: 57px;
	z-index: 998;
	background-position-x: 50%;
	background-position-y: 0%;
	top:0%;
	background-repeat: no-repeat;
	background-size: 1310px auto;
	pointer-events: none;
}
.containerLinks{
	display: flex;
	z-index: 999;
}
.logo{
	display: grid;
    place-items: center; /* Wyśrodkowanie w obu osiach */
	overflow: hidden;

}

.logoImage{
	max-width: 100%;
	width: 100%;
	height: auto;
    max-height: auto;
	vertical-align: middle;
	margin: auto;
	transition: opacity 0.2s ease-in-out; /* Płynna zmiana przezroczystości */
	position:relative;
    top: 0;
    left: 0;
}

.logoDefault {
    opacity: 1;
	display: block
}

.logoScrolled {
    opacity: 0;
	display: none
}