.site-header {
	position: sticky; 
	top: 0; 
	z-index: 999;
	width: 100%; 
	display: flex; 
	align-items: center;
	justify-content: center; 
	background: var(--bg_dark)
}

.site-header .header-container{
	max-width: var(--max_width);
	width: 96%; 
	display: flex; 
	align-items: center; 
	justify-content: space-between; 
	padding: 10px
}

@media(max-width: 900px){
	.site-header{
		box-shadow: 0 0 4px #ccc;
	}
}


.header-icons .cart-contents {
	position: relative
}

.header-icon {
	width: 24px;
	height: 24px;
	display: flex;
	cursor: pointer;
}

.header-icons .js-cart-count {
    width: 17px;
    height: 17px;
    background: var(--primary_color);
    display: flex;
    aspect-ratio: 1;
    align-items: center;
    justify-content: center;
    color: var(--primary_text_color);
    border-radius: 20px;
    font-size: 11px;
    position: absolute;
    top: -7px;
    left: -8px;
}

.header-icons.start {
display: flex; align-items: center; justify-content: flex-start; gap: 14px; flex: 1
}
.header-icons.end {
display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex: 1
}

.top-bar {
	width: 100%; 
	background: var(--primary_color); 
	padding: 6px 10px; 
	text-align: center; 
	font-size: 13px 
}

.top-bar .container {
	color: var(--primary_text_color); 
}

.site-header .site-logo {
display: flex; align-items: center; justify-content: center; flex: 0 0 auto
}

.site-header .site-logo .logo, .site-header  .custom-logo-link  {
    max-width: 135px;
    height: auto;
	display: flex
}

.site-header .site-logo .logo img, .site-header .custom-logo {
max-width: 100px; height: auto
}