.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: 24px 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%;
	padding: 6px 10px;
	text-align: center;
	font-size: 13px;
}

.top-bar .container {
	color: inherit;
}

.top-bar__row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.top-bar a.top-bar__content {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

.top-bar div.top-bar__content {
	cursor: default;
}

.top-bar__marquee {
	overflow: hidden;
	flex: 1 1 auto;
	min-width: 0;
	max-width: 100%;
}

.top-bar__marquee-track {
	display: inline-flex;
	white-space: nowrap;
	animation: nebra-topbar-marquee 22s linear infinite;
}

@keyframes nebra-topbar-marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

.top-bar__marquee-seg {
	padding-inline-end: 3rem;
}

.top-bar__timer {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	font-size: 0.95em;
	opacity: 0.95;
}

.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
}