html.desktop {
	--spacing-edge-v: 28px;
	--spacing-edge-h: 28px;
	--site-header-height: 100px;
}

/* -----------------------------------------------------
*  Header
*  ----------------------------------------------------- */

.desktop site-header {
    height: var(--site-header-height);
}
.desktop #header-mobile {
	display: none;
}
.desktop #header-desktop {
	display: block;
}
#header-desktop {
	flex: 1;
}
#header-desktop section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-basis: 100%;
}
#header-desktop .middle {
	/*min-height: 100px;*/
}
#header-desktop .bottom {
	background: var(--color-secondary);
}

#header-desktop .middle .left {
	gap: var(--spacing-h);
}

/* -----------------------------------------------------
*  Desktop Menu
*  ----------------------------------------------------- */

#header-desktop .logo img {
	width: 150px;
	height: auto;
	filter: drop-shadow(0px 0px 5px hsl(0deg 0% 0% / 20%));
}

#header-desktop .cart .count {
	color: var(--color-text-dark-blue);
}

site-header nav {
	display: flex;
	gap: var(--spacing-edge-h);
	font-size: 18px;
}

site-header nav a {
	position: relative;
	height: 47px;
	display: flex;
	align-items: center;
	outline: 0;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px #186f9a;
	font-weight: 700;
	transition: .1s;
}
site-header nav a:hover {
	text-shadow: 1px 1px 10px #68b1d4;
	text-decoration: none;
}

#header-desktop .header-checkout {
	padding: 9px 18px;
}
#header-desktop .header-checkout:hover {
	background: #ffdc7a;
}