/**
 * IAK Wholesale header — design system overrides
 * Loaded after style.css
 */

:root {
	--iak-header-h: 4rem;
	--iak-cat-nav-h: 3rem;
	--iak-brand-red: #a1282b;
	--iak-brand-red-accent: #c13538;
	--iak-ink: #191c1f;
	--iak-ink-2: #5f6c72;
	--iak-ink-mute: #8b959c;
	--iak-line: #e4e7e9;
	--iak-bg-cream: #faf8f5;
	--iak-bg-soft: #f5f6f7;
	--iak-radius-md: 0.5rem;
	--iak-radius-lg: 0.75rem;
	--iak-shadow-menu: 0 1rem 2.5rem rgba(25, 28, 31, 0.12), 0 0.25rem 0.75rem rgba(25, 28, 31, 0.06);
}

/*
 * Sticky site header
 * - Wrapper must stay open through page content (see header.twig; do not close #wrapper in header).
 * - overflow-x on #wrapper/body breaks sticky; use clip instead of hidden.
 * - Legacy theme CSS sets #header { position: fixed } — overridden below.
 */
.iak-sticky-site-header {
	position: sticky;
	top: 0;
	z-index: 9900;
	width: 100%;
	background: #fff;
}

.iak-sticky-site-header.is-scrolled {
	box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.08);
}

.iak-sticky-site-header .announcement-bar {
	transition: all 0.3s ease-in-out;
	max-height: 200px;
	overflow: hidden;
}

.iak-sticky-site-header.is-scrolled .announcement-bar {
	max-height: 0;
}

body.iak-layout,
#wrapper.iak-layout.wrapper-fluid {
	overflow-x: clip;
	overflow-y: visible;
}

body.iak-layout #header.iak-header,
body.iak-layout #header.iak-header.scrolled {
	position: relative !important;
	top: auto !important;
	transform: none !important;
}

#header.iak-header,
.iak-header.header {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	width: 100%;
	z-index: 1;
	background: #fff;
	border-bottom: 1px solid var(--iak-line);
	transition: box-shadow 0.2s ease;
}

#header.iak-header.scrolled,
.iak-header.header.scrolled {
	margin-top: 0;
	box-shadow: none;
}

.iak-sticky-site-header.is-scrolled #header.iak-header {
	border-bottom-color: transparent;
}

.announcement-bar {
	background: var(--iak-brand-red) !important;
	font-size: 0.75rem;
}

.announcement-bar__inner {
	max-width: 90rem;
	min-height: 2rem;
	padding: 0 1.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.announcement-bar__left,
.announcement-bar__right {
	display: flex;
	align-items: center;
	min-width: 0;
}

.announcement-bar__left {
	flex: 1 1 auto;
	gap: 0.75rem;
}

.announcement-bar__right {
	flex: 0 0 auto;
	gap: 0.75rem;
}

.announcement-bar__item {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	white-space: nowrap;
}

.announcement-bar__item span {
	overflow: hidden;
	text-overflow: ellipsis;
}

.announcement-bar__login {
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 600;
	white-space: nowrap;
}

.announcement-bar__marquee {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	position: relative;
}

.announcement-bar__marquee-track {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: max-content;
}

.announcement-bar__marquee-group {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: 1.25rem;
	padding-right: 1.25rem;
	white-space: nowrap;
}

.announcement-bar__marquee-track .announcement-bar__divider_main {
	margin-right: 1.25rem;
}

.announcement-bar__marquee-group[aria-hidden="true"] {
	display: none;
}

.announcement-bar__marquee .announcement-bar__item {
	flex-shrink: 0;
}

.announcement-bar__marquee .announcement-bar__item span {
	overflow: visible;
	text-overflow: unset;
	max-width: none;
}

.announcement-bar__marquee .announcement-bar__divider {
	opacity: 0.55;
	flex-shrink: 0;
}

@keyframes iakAnnouncementMarquee {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		transform: translate3d(-50%, 0, 0);
	}
}

@media (min-width: 1025px) {
	.announcement-bar__marquee {
		overflow: visible;
	}

	.announcement-bar__marquee-track {
		animation: none;
		width: auto;
		min-width: 0;
	}

	.announcement-bar__marquee-group {
		padding-right: 0;
	}

	.announcement-bar__marquee-track .announcement-bar__divider_main,
	.announcement-bar__marquee-group[aria-hidden="true"] {
		display: none !important;
	}
}

/* Main row */
.iak-header .header-middle {
	background: #fff !important;
	border-bottom: 1px solid var(--iak-line);
}

.iak-header .header-middle-content {
	max-width: 90rem;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 1.5rem;
	min-height: var(--iak-header-h);
	padding: 0 1.5rem;
}

.iak-header .logo-img {
	width: auto;
	height: 50px;
    max-height: 115px;
	object-fit: contain;
}

.iak-header .logo-img--theme-dark {
	display: none;
}

[data-theme="dark"] .iak-header .logo-img--theme-light {
	display: none;
}

[data-theme="dark"] .iak-header .logo-img--theme-dark {
	display: block;
}

.iak-header .header-search {
	flex: 1;
	max-width: 47.5rem;
	width: 100%;
	margin: 0 auto;
}

.iak-header .search-form {
	position: relative;
	display: flex;
	align-items: center;
	background: #fff;
	border: 1px solid var(--iak-line);
	border-radius: var(--iak-radius-md);
	padding: 0 0.75rem;
	min-height: 2.875rem;
	box-shadow: none;
	justify-content: flex-start;
}

.iak-header .search-form:focus-within {
	border-color: var(--iak-brand-red-accent);
	box-shadow: 0 0 0 3px rgba(193, 53, 56, 0.12);
}

.iak-header .search-form__icon {
	display: flex;
	color: var(--iak-ink-mute);
	flex-shrink: 0;
	margin-right: 0.5rem;
}

.iak-header .search-input {
	flex: 1;
	border: none;
	outline: none;
	background: transparent;
	font-size: 0.875rem;
	color: var(--iak-ink);
	padding: 0.625rem 0;
	min-width: 0;
	max-width: calc(100% - 66px);
}

.iak-header .search-input::placeholder {
	color: var(--iak-ink-mute);
}

.iak-header .search-form__kbd {
	display: inline-flex;
	align-items: center;
	font-family: inherit;
	font-size: 0.6875rem;
	color: var(--iak-ink-mute);
	border: 1px solid var(--iak-line);
	border-radius: 0.25rem;
	padding: 0.125rem 0.375rem;
	background: var(--iak-bg-soft);
	margin-left: 0.5rem;
	flex-shrink: 0;
}

.iak-header .search-btn {
	display: none;
}

/* Action buttons */
.iak-header .header-actions {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
	justify-content: flex-end;
}

.iak-header .header-actions .header-btn--compare .theme-tooltip {
	display: none !important;
}

.iak-header .header-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	height: 2.25rem;
	padding: 0 0.875rem;
	border-radius: var(--iak-radius-md);
	font-family: var(--font-primary, 'Public Sans', sans-serif);
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1;
	text-decoration: none !important;
	color: var(--iak-ink) !important;
	border: 1px solid transparent;
	transition: background 0.2s, border-color 0.2s, color 0.2s;
	white-space: nowrap;
}

.iak-header .header-btn--ghost {
	background: #fff;
	border-color: var(--iak-line);
}

.iak-header .header-btn--ghost:hover {
	background: var(--iak-bg-soft);
	border-color: #d0d5d9;
	color: var(--iak-ink) !important;
}

.iak-header .header-btn--compare {
	position: relative;
}

.iak-header .header-compare-badge {
	position: absolute;
	top: -0.25rem;
	right: -0.25rem;
	display: none;
	align-items: center;
	justify-content: center;
	min-width: 1.125rem;
	height: 1.125rem;
	padding: 0 0.25rem;
	border-radius: 999px;
	background: var(--iak-brand-red-accent);
	border: 2px solid #fff;
	font-size: 0.625rem;
	font-weight: 700;
	line-height: 1;
	color: #fff !important;
}

.iak-header .header-btn--cart,
.iak-header .header-cart-wrap .header-btn--cart {
	background: var(--iak-brand-red-accent) !important;
	border-color: var(--iak-brand-red-accent) !important;
	color: #fff !important;
	padding-right: 0.625rem;
}

.iak-header .header-btn--cart svg,
.iak-header .header-cart-wrap .header-btn--cart svg {
	position: relative;
    top: -1px;
}

.iak-header .header-btn--cart:hover {
	background: var(--iak-brand-red) !important;
	border-color: var(--iak-brand-red) !important;
	color: #fff !important;
}

.iak-header .header-cart-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.375rem;
	height: 1.25rem;
	padding: 0 0.375rem;
	margin-left: 0.25rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.22);
	font-size: 0.75rem;
	font-weight: 700;
	color: #fff !important;
	position: static !important;
	border: none !important;
}

.iak-header .header-actions-legacy {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

.iak-header .header-actions__mobile {
	display: none;
	align-items: center;
	gap: 0.25rem;
}

.iak-header .shopping_cart .shopcart,
.iak-header .shopping_cart .theme-tooltip {
	display: none;
}

/* Category nav row */
.iak-header .header-bottom {
	background: var(--iak-bg-cream) !important;
	box-shadow: none !important;
	border-bottom: 1px solid var(--iak-line);
}

.iak-header .header-bottom-content {
	max-width: 90rem;
	display: flex;
	align-items: center;
	gap: 0.25rem;
	min-height: var(--iak-cat-nav-h);
	padding: 0 1.5rem;
}

.iak-header .header-cat-nav {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	flex: 1;
	min-width: 0;
}

.iak-header .header-cat-scroll {
	display: flex;
	align-items: center;
	gap: 0.125rem;
	flex: 1;
	min-width: 0;
	position: relative;
}

.iak-header .header-cat-scroll__track {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	position: relative;
}

.iak-header .header-cat-scroll__track::before,
.iak-header .header-cat-scroll__track::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1.5rem;
	z-index: 1;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.iak-header .header-cat-scroll__track::before {
	left: 0;
	background: linear-gradient(to right, var(--iak-bg-cream) 15%, transparent);
}

.iak-header .header-cat-scroll__track::after {
	right: 0;
	background: linear-gradient(to left, var(--iak-bg-cream) 15%, transparent);
}

.iak-header .header-cat-scroll.is-scrollable:not(.is-at-start) .header-cat-scroll__track::before {
	opacity: 1;
}

.iak-header .header-cat-scroll.is-scrollable:not(.is-at-end) .header-cat-scroll__track::after {
	opacity: 1;
}

.iak-header .header-cat-scroll__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 1.625rem;
	height: 1.625rem;
	padding: 0;
	border: 1px solid var(--iak-line);
	border-radius: 999px;
	background: #fff;
	color: var(--iak-ink-2);
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s, color 0.15s, opacity 0.15s;
}

.iak-header .header-cat-scroll__btn:hover:not(:disabled) {
	background: var(--iak-bg-soft);
	border-color: #d0d5d9;
	color: var(--iak-ink);
}

.iak-header .header-cat-scroll__btn:disabled {
	opacity: 0.35;
	cursor: default;
}

.iak-header .header-cat-scroll:not(.is-scrollable) .header-cat-scroll__btn {
	display: none;
}

.iak-header .header-cat-links {
	display: flex;
	align-items: center;
	gap: 0.125rem;
	min-width: 0;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-ms-overflow-style: none;
	-webkit-overflow-scrolling: touch;
}

.iak-header .header-cat-links::-webkit-scrollbar {
	display: none;
}

.iak-header .header-cat-link {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.1rem 0.65rem;
	border-radius: var(--iak-radius-md);
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--iak-ink-2) !important;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background 0.15s, color 0.15s;
}

.iak-header .header-cat-link:hover {
	background: rgba(25, 28, 31, 0.05);
	color: var(--iak-ink) !important;
}

.iak-header .header-cat-links .header-cat-link.active,
.iak-header a.header-cat-link.active {
	color: var(--iak-brand-red-accent) !important;
	font-weight: 700;
	background: rgba(193, 53, 56, 0.12);
}

.iak-header .header-cat-link--accent.active,
.iak-header .header-cat-link--new.active {
	background: rgba(193, 53, 56, 0.12);
}

.iak-header .category-nav-list .parent-category-link.active {
	background: rgba(193, 53, 56, 0.1);
	color: var(--iak-brand-red-accent) !important;
}

.iak-header .header-cat-link--accent {
	color: var(--iak-brand-red-accent) !important;
	font-weight: 700;
}

.iak-header .header-cat-link--accent:hover {
	background: rgba(193, 53, 56, 0.08);
}

.iak-header .header-cat-nav__end {
	display: flex;
	align-items: center;
	gap: 0.125rem;
	flex-shrink: 0;
	margin-left: auto;
}

.iak-header .header-mobile-extra {
	display: none;
}

/* Mobile drawer (hidden on desktop) */
.iak-header .mobile-drawer__header,
.iak-header .mobile-drawer__body {
	display: none;
}

/* Shop all trigger */
.iak-header .category-dropdown-wrapper {
	position: relative;
	flex-shrink: 0;
}

.iak-header .category-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	height: 1.875rem;
	padding: 0 0.75rem;
	background: var(--iak-ink) !important;
	color: #fff !important;
	border: none;
	border-radius: var(--iak-radius-md);
	font-size: 0.75rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s;
}

.iak-header .category-btn:hover,
.iak-header .category-dropdown-wrapper.active .category-btn {
	background: #2d3236 !important;
	color: #fff !important;
}

.iak-header .category-btn .category-arrow {
	display: none;
}

/* Mega menu */
.iak-header .category-dropdown {
	width: min(72rem, calc(100vw - 3rem));
	max-width: calc(100vw - 3rem);
	left: 0;
	margin-top: 0.5rem;
	padding: 0;
	border-radius: var(--iak-radius-lg);
	border: 1px solid var(--iak-line);
	box-shadow: var(--iak-shadow-menu);
	overflow: hidden;
	min-height: 20rem;
}

.iak-header .category-dropdown__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1.25rem;
	background: var(--iak-bg-soft);
	border-bottom: 1px solid var(--iak-line);
}

.iak-header .category-dropdown__title {
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--iak-ink-mute);
}

.iak-header .category-dropdown__view-all {
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--iak-brand-red-accent) !important;
	text-decoration: none !important;
}

.iak-header .category-dropdown__view-all:hover {
	text-decoration: underline !important;
}

.iak-header .category-dropdown-content {
	display: grid;
	grid-template-columns: 17.5rem minmax(0, 1fr);
	gap: 0;
	padding: 0;
	min-height: 22rem;
}

.iak-header .category-nav {
	padding: 0.75rem;
	border-right: 1px solid var(--iak-line);
	background: var(--iak-bg-soft);
}

.iak-header .category-nav-list {
	max-height: 24rem;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 0.25rem;
}

.iak-header .category-nav-list li a,
.iak-header .category-nav-list .parent-category-link {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.5rem;
	font-size: 0.8125rem;
	line-height: 1.35;
	padding: 0.625rem 0.75rem;
	border-radius: var(--iak-radius-md);
	color: var(--iak-ink-2);
	text-transform: none;
	text-decoration: none !important;
	white-space: normal;
}

.iak-header .parent-category-link__label {
	flex: 1;
	min-width: 0;
	word-break: break-word;
}

.iak-header .category-nav-list li a .nav-item-arrow,
.iak-header .parent-category-link .nav-item-arrow {
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
	margin-top: 0.125rem;
	opacity: 0;
	transition: opacity 0.15s ease;
}

.iak-header .category-nav-list li a:hover,
.iak-header .category-nav-list li a.active,
.iak-header .parent-category-link:hover,
.iak-header .parent-category-link.active {
	background: #fff;
	color: var(--iak-brand-red-accent) !important;
}

.iak-header .category-nav-list li a:hover .nav-item-arrow,
.iak-header .category-nav-list li a.active .nav-item-arrow,
.iak-header .parent-category-link:hover .nav-item-arrow,
.iak-header .parent-category-link.active .nav-item-arrow {
	opacity: 1;
}

.iak-header .category-panel {
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: #fff;
}

.iak-header .category-panel__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.25rem 0.75rem;
	border-bottom: 1px solid var(--iak-line);
}

.iak-header .category-panel__heading {
	min-width: 0;
}

.iak-header .category-panel__title {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--iak-ink);
	line-height: 1.3;
}

.iak-header .category-panel__count {
	margin: 0.125rem 0 0;
	font-size: 0.75rem;
	color: var(--iak-ink-mute);
}

.iak-header .category-panel__view {
	flex-shrink: 0;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--iak-brand-red-accent) !important;
	text-decoration: none !important;
	white-space: nowrap;
}

.iak-header .category-panel__view:hover {
	text-decoration: underline !important;
}

.iak-header .category-dropdown .category-products-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(8.75rem, 1fr)) !important;
	grid-template-rows: none !important;
	grid-auto-rows: auto !important;
	gap: 0.75rem;
	padding: 1rem 1.25rem 1.25rem;
	background: #fff;
	align-content: start;
	max-height: none;
	flex: 1;
	overflow: visible !important;
}

.iak-header .category-subcat-card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.5rem;
	padding: 0.625rem;
	border: 1px solid var(--iak-line);
	border-radius: var(--iak-radius-md);
	background: #fff;
	text-decoration: none !important;
	color: inherit !important;
	transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
	min-height: 7.5rem;
}

.iak-header .category-subcat-card:hover {
	border-color: rgba(193, 53, 56, 0.35);
	box-shadow: 0 0.375rem 1rem rgba(25, 28, 31, 0.08);
	transform: translateY(-2px);
}

.iak-header .category-subcat-card__media {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 4.75rem;
	border-radius: 0.375rem;
	background: var(--iak-bg-soft);
	overflow: hidden;
}

.iak-header .category-subcat-card__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 0.375rem;
}

.iak-header .category-subcat-card__initial {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 999px;
	background: rgba(193, 53, 56, 0.1);
	color: var(--iak-brand-red-accent);
	font-size: 0.9375rem;
	font-weight: 700;
}

.iak-header .category-subcat-card__name {
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.35;
	color: var(--iak-ink);
	text-align: center;
	text-transform: uppercase;
}

.iak-header .category-dropdown .category-product-item,
.iak-header .category-dropdown .category-promo-card {
	display: none !important;
}

.iak-header .category-dropdown .category-children-placeholder {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 12rem;
	padding: 2rem;
}

.iak-header .category-dropdown .category-placeholder-text {
	font-size: 0.875rem;
	color: var(--iak-ink-mute);
	text-align: center;
}

/* Mobile search bar */
.iak-header .mobile-search-bar {
	background: #fff !important;
	border-bottom: 1px solid var(--iak-line);
}

.iak-header .mobile-search-close {
	color: var(--iak-ink);
}

[data-theme="dark"] .iak-header .mobile-search-close {
	color: #fff !important;
}

.iak-header .mobile-search-toggle {
	color: var(--iak-ink);
}

.iak-header .hamburger-line {
	background: var(--iak-ink);
}

/* Cart dropdown position */
.iak-header .shoppingcart-box {
	border-radius: var(--iak-radius-lg);
	border: 1px solid var(--iak-line);
	box-shadow: var(--iak-shadow-menu);
}

/* ——— Responsive ——— */
@media (max-width: 1100px) {
	.iak-header .header-btn__label {
		display: none;
	}

	.iak-header .header-btn {
		padding: 0 0.625rem;
	}

	.iak-header .header-btn--cart .header-btn__label {
		display: inline;
	}
}

@media (max-width: 1024px) {
	.iak-sticky-site-header .announcement-bar,
	.announcement-bar {
		font-size: 0.6875rem;
		line-height: 1.2;
	}

	/* Override style.css @991px rules that wrap/stack/hide announcement items */
	.iak-sticky-site-header .announcement-bar__inner,
	.announcement-bar__inner,
	.announcement-bar__inner.top-header-content {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 0.625rem !important;
		padding: 0.4375rem 0.75rem !important;
		min-height: 2rem;
		width: 100%;
	}

	.iak-sticky-site-header .announcement-bar__left,
	.announcement-bar__left {
		order: 0 !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
		width: auto !important;
		padding: 0 !important;
		overflow: hidden !important;
		justify-content: flex-start !important;
	}

	.iak-sticky-site-header .announcement-bar__right,
	.announcement-bar__right {
		order: 0 !important;
		flex: 0 0 auto !important;
		width: auto !important;
		padding: 0 !important;
		border-bottom: none !important;
		justify-content: flex-end !important;
		gap: 0.5rem !important;
	}

	.iak-sticky-site-header .announcement-bar__divider,
	.announcement-bar__divider {
		display: inline !important;
	}

	.iak-sticky-site-header .announcement-bar__item,
	.announcement-bar__item,
	.iak-sticky-site-header .announcement-bar__item:last-of-type,
	.announcement-bar__item:last-of-type {
		display: inline-flex !important;
		flex-shrink: 0;
		font-size: 0.6875rem;
	}

	.announcement-bar__marquee {
		display: block;
		width: 100%;
		height: 1.125rem;
		-webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
		mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
	}

	.announcement-bar__marquee-track {
		animation: iakAnnouncementMarquee 28s linear infinite;
		will-change: transform;
	}

	.announcement-bar__marquee-track:hover {
		animation-play-state: paused;
	}

	.announcement-bar__marquee-group[aria-hidden="true"] {
		display: flex !important;
	}

	.announcement-bar__login {
		font-size: 0.6875rem;
	}

	.announcement-bar__tier,
	.announcement-bar__user {
		display: none !important;
	}

	.iak-header .mobile-overlay {
		display: block;
		z-index: 9999;
		pointer-events: none;
		opacity: 0;
		visibility: hidden;
	}

	.iak-header .mobile-overlay.active {
		pointer-events: auto;
		opacity: 1;
		visibility: visible;
	}

	.iak-header .header-middle-content {
		display: grid !important;
		grid-template-columns: 1fr auto !important;
		flex-wrap: nowrap !important;
		align-items: center;
		padding: 0.625rem 1rem;
		gap: 0.75rem;
		min-height: 3.5rem;
	}

	.iak-header .header-logo {
		grid-column: 1;
		justify-self: start;
		min-width: 0;
	}

	.iak-header .header-actions {
		grid-column: 2;
		justify-self: end;
		gap: 0.375rem;
		position: relative;
		z-index: 1060;
	}

	.iak-header .logo-img {
		width: auto !important;
		height: 2.125rem !important;
		max-height: 2.125rem !important;
		object-fit: contain !important;
	}

	.iak-header .header-btn {
		height: 2.375rem;
	}

	.iak-header .header-btn--compare {
		width: 2.375rem;
		min-width: 2.375rem;
		padding: 0;
	}

	.iak-header .header-btn--compare .header-btn__label {
		display: none !important;
	}

	.iak-header .header-btn--cart {
		padding: 0 0.625rem;
		height: 2.375rem;
	}

	.iak-header .header-actions__mobile {
		display: flex;
		align-items: center;
		gap: 0.375rem;
	}

	.iak-header .mobile-search-toggle,
	.iak-header .mobile-menu-toggle {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 2.375rem;
		height: 2.375rem;
		padding: 0;
		border: 1px solid var(--iak-line);
		border-radius: var(--iak-radius-md);
		background: #fff;
	}

	.iak-header .mobile-search-toggle svg,
	.iak-header .mobile-menu-toggle .hamburger-line {
		filter: none;
	}

	.iak-header .mobile-search-toggle .icon-img {
		filter: none !important;
	}

	.iak-header .header-search.desktop-search {
		display: none;
	}

	.iak-header .header-btn--account {
		display: none;
	}

	.iak-header .mobile-menu-toggle {
		position: relative;
		z-index: 1060;
		justify-content: space-around;
        padding: 5px;
	}

	.iak-header .mobile-menu-toggle.active .hamburger-line:nth-child(1),
	.iak-header .mobile-menu-toggle.active .hamburger-line:nth-child(2),
	.iak-header .mobile-menu-toggle.active .hamburger-line:nth-child(3) {
		transform: none;
		opacity: 1;
	}

	.iak-header .search-form__kbd {
		display: none;
	}

	.iak-header .header-cat-nav,
	.iak-header .header-cat-nav__end,
	.iak-header .header-mobile-extra {
		display: none !important;
	}

	.iak-header .header-bottom {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: min(22.5rem, 92vw);
		height: 100vh;
		height: 100dvh;
		z-index: 1050;
		transform: translateX(-100%) !important;
		transition: transform 0.32s cubic-bezier(0.2, 0.7, 0.2, 1);
		overflow: hidden;
		box-shadow: 0.25rem 0 2rem rgba(0, 0, 0, 0.14);
		border-right: 1px solid var(--iak-line);
		display: flex !important;
		flex-direction: column;
		background: #fff !important;
		visibility: hidden;
		pointer-events: none;
	}

	.iak-header .header-bottom.active {
		transform: translateX(0) !important;
		visibility: visible;
		pointer-events: auto;
		z-index: 99999 !important;
	}

	.iak-header .mobile-drawer__header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-shrink: 0;
		padding: 1rem 1.25rem;
		background: #fff;
		border-bottom: 1px solid var(--iak-line);
	}

	.iak-header .mobile-drawer__title {
		margin: 0;
		font-size: 1.0625rem;
		font-weight: 700;
		color: var(--iak-ink);
	}

	.iak-header .mobile-drawer__logo {
		display: inline-flex;
		align-items: center;
		line-height: 0;
	}

	.iak-header .mobile-drawer__logo .logo-img {
		height: 2rem;
		max-height: 2rem;
	}

	.iak-header .mobile-drawer__close {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 2.25rem;
		height: 2.25rem;
		padding: 0;
		border: 1px solid var(--iak-line);
		border-radius: 999px;
		background: var(--iak-bg-soft);
		color: var(--iak-ink);
		cursor: pointer;
		transition: background 0.15s, border-color 0.15s;
	}

	.iak-header .mobile-drawer__close:hover {
		background: #fff;
		border-color: #d0d5d9;
	}

	.iak-header .header-bottom-content {
		flex: 1;
		flex-direction: column;
		align-items: stretch;
		padding: 0;
		gap: 0;
		min-height: 0;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.iak-header .mobile-drawer__body {
		display: flex;
		flex-direction: column;
		gap: 0;
		padding: 0.75rem 0 1.25rem;
	}

	.iak-header .mobile-drawer__section {
		padding: 0 1rem;
	}

	.iak-header .mobile-drawer__section + .mobile-drawer__section {
		margin-top: 0.5rem;
		padding-top: 0.5rem;
		border-top: 1px solid var(--iak-line);
	}

	.iak-header .mobile-drawer__label {
		margin: 0 0 0.375rem;
		padding: 0 0.25rem;
		font-size: 0.6875rem;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: var(--iak-ink-mute);
	}

	.iak-header .mobile-drawer__list {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.iak-header .mobile-drawer__link {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.75rem;
		padding: 0.8125rem 0.75rem;
		border-radius: var(--iak-radius-md);
		font-size: 0.9375rem;
		font-weight: 500;
		line-height: 1.35;
		color: var(--iak-ink) !important;
		text-decoration: none !important;
		transition: background 0.15s, color 0.15s;
	}

	.iak-header .mobile-drawer__link-text {
		flex: 1;
		min-width: 0;
		word-break: break-word;
	}

	.iak-header .mobile-drawer__chevron {
		flex-shrink: 0;
		color: var(--iak-ink-mute);
		transition: transform 0.2s ease;
	}

	.iak-header .mobile-drawer__link.active,
	.iak-header .mobile-drawer__link:hover {
		background: rgba(193, 53, 56, 0.08);
		color: var(--iak-brand-red-accent) !important;
	}

	.iak-header .mobile-drawer__link.active .mobile-drawer__chevron,
	.iak-header .parent-category-link.active .mobile-drawer__chevron {
		color: var(--iak-brand-red-accent);
		transform: rotate(90deg);
	}

	.iak-header .mobile-drawer__section--promos .mobile-drawer__link {
		gap: 0.625rem;
		justify-content: flex-start;
	}

	.iak-header .mobile-drawer__link--accent {
		color: var(--iak-brand-red-accent) !important;
		font-weight: 600;
	}

	.iak-header .mobile-drawer__phone {
		display: flex;
		flex-direction: column;
		gap: 0.125rem;
		margin: 1rem 1rem 0;
		padding: 0.875rem 1rem;
		border-radius: var(--iak-radius-md);
		background: var(--iak-bg-soft);
		border: 1px solid var(--iak-line);
		text-decoration: none !important;
	}

	.iak-header .mobile-drawer__phone-label {
		font-size: 0.75rem;
		color: var(--iak-ink-mute);
	}

	.iak-header .mobile-drawer__phone-number {
		font-size: 1rem;
		font-weight: 700;
		color: var(--iak-brand-red-accent);
	}

	.iak-header .category-mobile-children-wrap {
		list-style: none;
		margin: 0.25rem 0 0.375rem;
		padding: 0.25rem 0;
		background: var(--iak-bg-soft);
		border-radius: var(--iak-radius-md);
		border: 1px solid var(--iak-line);
		display: block !important;
		animation: iakDrawerReveal 0.2s ease;
	}

	@keyframes iakDrawerReveal {
		from {
			opacity: 0;
			transform: translateY(-0.25rem);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.iak-header .mobile-drawer__list > li {
		display: block;
	}

	.iak-header .category-mobile-children-list,
	.iak-header .category-mobile-grandchildren-list {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.iak-header .category-mobile-child a,
	.iak-header .category-mobile-grandchild a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0.6875rem 0.875rem;
		font-size: 0.875rem;
		font-weight: 500;
		color: var(--iak-ink-2) !important;
		text-decoration: none !important;
	}

	.iak-header .category-mobile-child a:hover,
	.iak-header .category-mobile-grandchild a:hover {
		background: rgba(193, 53, 56, 0.06);
		color: var(--iak-brand-red-accent) !important;
	}

	.iak-header .category-mobile-grandchildren-wrap {
		margin: 0.125rem 0.375rem 0.375rem;
		padding: 0.125rem 0;
		background: #fff;
		border-radius: var(--iak-radius-md);
		border: 1px solid var(--iak-line);
	}

	.iak-header .category-mobile-grandchild a {
		padding-left: 1.25rem;
		font-size: 0.8125rem;
	}

	.iak-header .header-btn.header-btn--cart .header-btn__label {
		display: none !important;
	}
}

@media (max-width: 575px) {
	.iak-header .header-middle-content {
		padding: 0 1rem;
		gap: 0.75rem;
		display: flex !important;
        flex-direction: row-reverse;
	}

	.iak-header .logo-img {
		height: 2rem;
	}

	.iak-header .header-btn--compare,
	.iak-header .header-btn--cart .header-btn__label {
		display: none;
	}
}

/* Dark mode */
[data-theme="dark"] .iak-header.header,
[data-theme="dark"] #header.iak-header {
	background: #1a1a2e;
	border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .iak-header .header-middle {
	background: #1a1a2e !important;
	border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .iak-header .header-bottom {
	background: var(--dm-surface-2) !important;
}

@media (max-width: 1024px) {
	[data-theme="dark"] .iak-header .mobile-drawer__header {
		background: #1a1a2e !important;
	}

	[data-theme="dark"] .iak-header .mobile-drawer__link {
		color: #e8eaed !important;
	}

	[data-theme="dark"] .iak-header .mobile-drawer__phone {
		background: #22223a;
		border-color: rgba(255, 255, 255, 0.12);
	}

	[data-theme="dark"] .iak-header .category-mobile-children-wrap {
		background: #22223a;
		border-color: rgba(255, 255, 255, 0.12);
	}
}

[data-theme="dark"] .iak-header .search-form,
[data-theme="dark"] .iak-header .header-btn--ghost {
	background: #22223a;
	border-color: rgba(255, 255, 255, 0.12);
	color: #e8eaed !important;
}

[data-theme="dark"] .iak-header .header-btn--ghost:hover {
	background: #fff;
	border-color: #fff;
	color: #22223a !important;
}

[data-theme="dark"] .iak-header .search-input {
	color: #e8eaed;
}

[data-theme="dark"] .iak-header .header-cat-link {
	color: #b8c0c8 !important;
}

[data-theme="dark"] .iak-header .header-cat-link:hover {
	background: rgba(255, 255, 255, 0.06) !important;
	color: #e8eaed !important;
}

[data-theme="dark"] .iak-header .header-cat-links .header-cat-link.active,
[data-theme="dark"] .iak-header a.header-cat-link.active {
	color: #f07174 !important;
	background: rgba(193, 53, 56, 0.18) !important;
}

[data-theme="dark"] .iak-header .category-dropdown {
	background: #1e1e36 !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.45), 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .iak-header .category-dropdown__header {
	background: #22223a !important;
	border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .iak-header .category-dropdown__title {
	color: #9aa3ab !important;
}

[data-theme="dark"] .iak-header .category-dropdown__view-all {
	color: #f07174 !important;
}

[data-theme="dark"] .iak-header .category-dropdown-content {
	background: #1e1e36 !important;
}

[data-theme="dark"] .iak-header .category-nav {
	background: #1a1a2e !important;
	border-right-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .iak-header .category-nav-list li a,
[data-theme="dark"] .iak-header .category-nav-list .parent-category-link {
	color: #b8c0c8 !important;
}

[data-theme="dark"] .iak-header .category-nav-list li a:hover,
[data-theme="dark"] .iak-header .category-nav-list li a.active,
[data-theme="dark"] .iak-header .parent-category-link:hover,
[data-theme="dark"] .iak-header .parent-category-link.active {
	background: rgba(193, 53, 56, 0.14) !important;
	color: #f07174 !important;
}

[data-theme="dark"] .iak-header .parent-category-link.active .nav-item-arrow,
[data-theme="dark"] .iak-header .parent-category-link:hover .nav-item-arrow {
	color: #f07174;
}

[data-theme="dark"] .iak-header .parent-category-link .nav-item-arrow path {
	stroke: currentColor !important;
}

[data-theme="dark"] .iak-header .category-panel {
	background: #1e1e36 !important;
}

[data-theme="dark"] .iak-header .category-panel__header {
	background: #1e1e36 !important;
	border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .iak-header .category-panel__title {
	color: #e8eaed !important;
}

[data-theme="dark"] .iak-header .category-panel__count {
	color: #9aa3ab !important;
}

[data-theme="dark"] .iak-header .category-panel__view {
	color: #f07174 !important;
}

[data-theme="dark"] .iak-header .category-dropdown .category-products-grid {
	background: #1e1e36 !important;
}

[data-theme="dark"] .iak-header .category-subcat-card {
	background: #22223a !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .iak-header .category-subcat-card:hover {
	background: #2a2a45 !important;
	border-color: rgba(193, 53, 56, 0.45) !important;
	box-shadow: 0 0.375rem 1rem rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .iak-header .category-subcat-card__media {
	background: #1a1a2e !important;
}

[data-theme="dark"] .iak-header .category-subcat-card__name {
	color: #e8eaed !important;
}

[data-theme="dark"] .iak-header .category-subcat-card__initial {
	background: rgba(193, 53, 56, 0.22) !important;
	color: #f07174 !important;
}

[data-theme="dark"] .iak-header .category-dropdown .category-placeholder-text {
	color: #9aa3ab !important;
}

[data-theme="dark"] .iak-header .category-dropdown-wrapper.active .category-btn,
[data-theme="dark"] .iak-header .category-btn:hover {
	background: #2d3236 !important;
	color: #fff !important;
}

[data-theme="dark"] .iak-sticky-site-header {
	background: #1a1a2e;
}

[data-theme="dark"] .iak-header .header-cat-scroll__track::before {
	background: linear-gradient(to right, #222238 15%, transparent);
}

[data-theme="dark"] .iak-header .header-cat-scroll__track::after {
	background: linear-gradient(to left, #222238 15%, transparent);
}

[data-theme="dark"] .iak-header .header-cat-scroll__btn {
	background: #22223a;
	border-color: rgba(255, 255, 255, 0.12);
	color: #b8c0c8;
}

/* Remove legacy fixed-header top offsets (header is in normal flow with sticky) */
body.iak-layout .shop-banner-part {
	margin-top: 0 !important;
}

body.iak-layout #information-contact,
body.iak-layout #account-affiliate,
body.iak-layout #product-compare,
body.iak-layout #account-completeprofile,
body.iak-layout #account-uploadcsv {
	margin-top: 0 !important;
}

@media (min-width: 48rem) and (max-width: 64.0625rem) {
	body.iak-layout #product-product {
		margin-top: 0 !important;
	}
}

@media (min-width: 64.0625rem) and (max-width: 90rem) {
	body.iak-layout #product-product {
		margin-top: 0 !important;
	}
}

@media (max-width: 1024px) {
	body.iak-layout .shop-banner-part {
		margin: 0 !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.announcement-bar__marquee-track {
		animation: none !important;
	}
}

/* ─── Smart search dropdown (B2B Redesign prototype) ─────────── */
.iak-ss-wrapper { position: relative; }
.iak-ss-container { display: none; }
.iak-ss-container.iak-ss-open { display: block; }
.iak-ss-drawer {
	position: absolute; top: calc(100% + 8px); left: 0; right: 0;
	background: var(--iakg-card, #fff); border: 1px solid var(--iakg-line, #e6e2dc);
	border-radius: 14px; box-shadow: 0 18px 50px rgba(20,20,23,.18), 0 4px 12px rgba(20,20,23,.08);
	overflow: hidden auto; max-height: 460px; z-index: 1200;
	font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}
.iak-ss-group {
	padding: 9px 16px 5px; font-size: 10.5px; font-weight: 700; text-transform: uppercase;
	letter-spacing: .08em; color: var(--iakg-mute, #848688); background: rgba(20,20,23,.03);
}
.iak-ss-row {
	display: flex; align-items: center; gap: 12px; padding: 9px 14px;
	text-decoration: none; color: var(--iakg-ink, #18181a); cursor: pointer; border: 0;
}
.iak-ss-row:hover, .iak-ss-row.is-active { background: rgba(20,20,23,.05); }
.iak-ss-thumb {
	width: 40px; height: 40px; border-radius: 8px; overflow: hidden; flex-shrink: 0;
	background: #fff; display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid var(--iakg-line, #e6e2dc);
}
.iak-ss-thumb img { width: 100%; height: 100%; object-fit: contain; }
.iak-ss-thumb-ph { color: var(--iakg-mute, #848688); }
.iak-ss-thumb--cat { background: #FDDCC3; color: #A1282B; border: 0; }
.iak-ss-body { flex: 1; min-width: 0; text-align: left; }
.iak-ss-name { display: block; font-size: 13.5px; font-weight: 600; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iak-ss-meta { font-size: 11px; color: var(--iakg-mute, #848688); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iak-ss-sku { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.iak-ss-price { font-size: 13px; font-weight: 700; flex-shrink: 0; color: var(--iakg-ink, #18181a); }
.iak-ss-chevron { color: var(--iakg-mute, #848688); flex-shrink: 0; }
.iak-ss-mark { background: #FDDCC3; color: inherit; padding: 0; border-radius: 2px; }
.iak-ss-footer {
	display: flex; align-items: center; justify-content: center; gap: 7px; padding: 11px 14px;
	border-top: 1px solid var(--iakg-line, #e6e2dc); color: var(--iakg-accent, #C13538);
	font-weight: 600; font-size: 13px; text-decoration: none; cursor: pointer;
}
.iak-ss-footer:hover { background: rgba(193,53,56,.06); }
.iak-ss-empty { padding: 26px 20px; text-align: center; color: var(--iakg-mute, #848688); font-size: 14px; }
.iak-ss-empty strong { color: var(--iakg-ink-2, #2c2c2e); }
.iak-ss-loading-msg { padding: 22px 20px; text-align: center; color: var(--iakg-mute, #848688); font-size: 13px; }

/* Clear (✕) button toggles with the ⌘K hint */
.search-form--has-text .search-form__kbd { display: none; }
.iak-ss-clear { display: none; }
.search-form--has-text .iak-ss-clear {
	display: inline-flex; align-items: center; justify-content: center;
	position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
	width: 26px; height: 26px; border: 0; background: transparent;
	color: var(--iakg-mute, #848688); cursor: pointer; border-radius: 6px;
}
.search-form--has-text .iak-ss-clear:hover { background: rgba(20,20,23,.06); color: var(--iakg-ink, #18181a); }

/* Dark mode */
[data-theme="dark"] .iak-ss-group { background: rgba(255,255,255,.04); }
[data-theme="dark"] .iak-ss-row:hover, [data-theme="dark"] .iak-ss-row.is-active { background: rgba(255,255,255,.06); }
[data-theme="dark"] .iak-ss-thumb { background: #232325; }
[data-theme="dark"] .iak-ss-thumb--cat { background: rgba(241,137,87,.18); color: #F26B5F; }
[data-theme="dark"] .iak-ss-mark { background: rgba(241,137,87,.28); }
[data-theme="dark"] .iak-ss-footer:hover { background: rgba(224,82,79,.12); }
.iak-ss-thumb--article { background: rgba(20,20,23,.05); color: var(--iakg-ink-2, #2c2c2e); border: 0; }
[data-theme="dark"] .iak-ss-thumb--article { background: rgba(255,255,255,.08); color: var(--iakg-ink-2, #e4e4e7); }