.nav-newsletter
{
	background-color:#806065;
	position: absolute;
    z-index: 1001;
    width: 100%;
	transition: background-color 0.2s;
	text-decoration:none;
	box-shadow: 0px 0px 10px 0px #806065;
}

.nav-newsletter:hover
{
	background-color:#b89198;
}

.nav-urlop
{
	background-color:#e50629;
	position: relative;
    width: 100%;
	z-index: 9;
}

.nav-urlop-heading
{
	color:white;
	text-align:center;
	font-weight: 800;
	margin: 0px;
	padding:10px 10px 5px 10px;
}

.nav-newsletter p
{
	font-size:13px;
	font-weight:700;
	text-align:center;
	margin:0px;
	padding:5px;
	color:white;
}

#nav-div-primary
{
	display:flex;
	justify-content:center;
	position:fixed;
	width:100%;
	height: 120px;
    background-color: rgba(0, 0, 0, 0);
    transition: height 0.3s ease, background-color 0.3s ease, margin-top 0.3s ease;
    z-index: 1000;
    margin-top: 30px;
	top:0px; /* atrybut dla urlopu - na urlopie ustawic 30pc, po urlopie ustawic 0px */

}

/* Efekt backdrop */
#nav-div-primary.backdrop {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

/* Zmniejszenie wysokości i zmiana tła po zescrollowaniu */
#nav-div-primary.scrolled {
    height: 80px;
    margin-top: 0px;
	top:0px;

}


#nav-second-div
{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	max-width:1260px;
	flex-wrap:wrap;
}



#nav
{
	width:40%;
    flex: 1 1 469px;

}

.primary-menu-class {
    list-style-type: none;
    display: flex;
    gap: 20px;
}

.primary-menu-class li {
    font-family: Mulish;
    font-weight: 500;
    font-size: 15px;
    color: #3a3845;
    display: flex;
    transition: transform 0.2s ease-in-out;
}

.primary-menu-class li a {
    color: #3a3845;
    text-decoration: none;
}

.primary-menu-class li:hover {
    transform: translateY(-10px);
}


#nav-img
{
	width:20%;
	display:flex;
	justify-content:center;
	flex: 1 1 235px;
}

#nav-img img
{
	width:150px;
}

#nav-icons-tab
{
	width:40%;
	display:flex;
	gap:20px;
	justify-content: center;
    align-items: center;
    flex: 1 1 470px;
}

#nav-icons-tab .menu-hover
{
	text-decoration:none;
	color:#3a3845;
	padding-bottom:0px;
	transition: transform 0.2s ease-in-out;
}

#nav-icons-tab .menu-hover:hover
{
	transform: translateY(-10px);
}

#nav-icons-tab img
{
	padding-right:5px;
}




@media (max-width:1174px)
{
	
	#nav-div-primary
	{
		position:absolute;
	}
	.slogan
	{
/*		margin-top:220px !important; atrybut dla urlopu, po urlopie nalezy zakomentowac */
	}
	
	#nav
	{
		display:none;
	}
	
	#nav-img
	{
		width:100%;
	}
	
	#nav-icons-tab
	{
		display:none;
	}
}

@media (max-width:767px)
{
	#nav-div-primary
	{
/*		top:60px; atrybut dla urlopu, po urlopie nalezy zakomentowac */
	}
}



#cart-icon {
    cursor: pointer;
	color:#3a3845;
	transition: transform 0.2s ease-in-out;
}

#cart-icon:hover
{
	transform: translateY(-10px);
}