.site-header {

	position: sticky;

	top: 0;

	z-index: var(--z-sticky);

	background-color: var(--color-white);

	border-bottom: 1px solid var(--color-border);

	transition: background-color var(--transition-normal), border-color var(--transition-normal);

	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);

}



.header-main-row {

	padding: 12px 0;

}



.site-header-container {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: var(--spacing-md);

}



.site-branding {

	display: flex;

	align-items: center;

	font-family: var(--font-family-display);

	font-weight: 700;

	font-size: 1.35rem;

	/* animation: slideInFromLeft 2s ease-out forwards; */
	animation: slideInFromLeft 5s linear infinite;
	width: 120px;

	flex-shrink: 0;
	overflow: hidden;

}

.header-logo-branding img{
	width: 120px;
}

/* @keyframes slideInFromLeft {

	0% {

		transform: translateX(-100%);

		opacity: 0;

	}

	100% {

		transform: translateX(0);

		opacity: 1;

	}

} */

@keyframes slideInFromLeft {

	0% {
		transform: translateX(-220%);
		opacity: 0;
	}

	20% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}



.site-branding a {

	color: var(--color-text-title);

	text-decoration: none;

}



.site-branding img {

	max-height: 75px;

	width: auto;

	object-fit: contain;

}



.header-search-wrapper {

	flex: 1;

	max-width: 650px;

	margin: 0 var(--spacing-md);

}



.header-product-search-form {

	display: flex !important;

	align-items: center !important;

	border: 1px solid var(--color-border-input) !important;

	border-radius: 0px !important;

	background-color: var(--color-white) !important;

	height: 42px !important;

	padding: 0 14px !important;

	width: 100% !important;

	box-shadow: none !important;

	box-sizing: border-box !important;

}



.header-product-search-form:focus-within {

	border-color: var(--color-border-focus) !important;

	box-shadow: none !important;

}



.search-category-dropdown {

	position: relative;

	display: inline-flex;

	align-items: center;

	height: 100%;

}



.search-cat-toggle {

	background: transparent !important;

	border: none !important;

	padding: 0 4px 0 0 !important;

	font-size: 14px !important;

	font-weight: 400 !important;

	color: var(--color-dark) !important;

	cursor: pointer;

	display: flex !important;

	align-items: center !important;

	gap: 6px;

	height: 100%;

	outline: none !important;

	box-shadow: none !important;

	white-space: nowrap;

}



.search-cat-toggle .cat-chevron-icon {

	width: 12px;

	height: 12px;

	stroke: var(--color-text-dark-gray);

	transition: transform var(--transition-fast);

}



.search-category-dropdown.is-open .cat-chevron-icon {

	transform: rotate(180deg);

}



.search-cat-list {

	position: absolute;

	top: calc(100% + 8px);

	left: -14px;

	background-color: var(--color-white);

	border: 1px solid var(--color-border-subtle);

	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);

	border-radius: 4px;

	min-width: 200px;

	margin: 0;

	padding: 6px 0;

	list-style: none;

	display: none;

	flex-direction: column;

	z-index: 999;

}



.search-category-dropdown.is-open .search-cat-list {

	display: flex;

}



.search-cat-list .cat-item {

	width: 100%;

	border-bottom: 1px solid var(--color-border-light);

}



.search-cat-list .cat-item:last-child {

	border-bottom: none;

}



.search-cat-list .cat-link {

	display: flex;

	align-items: center;

	padding: 10px 16px;

	color: var(--color-text-dark-gray);

	font-size: 13.5px;

	font-weight: 500;

	text-decoration: none;

	transition: color var(--transition-fast), background-color var(--transition-fast);

}



.search-cat-list .all-cat-link,

.search-cat-list .cat-item:first-child .cat-link {

	color: var(--color-accent-orange);

	font-weight: 600;

}



.search-cat-list .cat-link:hover,

.search-cat-list .cat-item.active .cat-link {

	background-color: var(--color-bg-alt);

	color: var(--color-accent-orange);

}



.search-cat-list .cat-count {

	color: var(--color-text-secondary);

	margin-left: 4px;

	font-size: 12.5px;

}



.search-divider {

	display: inline-block !important;

	width: 1px !important;

	height: 20px !important;

	background-color: var(--color-border-subtle) !important;

	margin: 0 16px !important;

	padding: 0 !important;

	border: none !important;

	flex-shrink: 0 !important;

}



.header-search-input,

.header-product-search-form input[type="search"].header-search-input {

	flex: 1 !important;

	border: none !important;

	border-radius: 0 !important;

	outline: none !important;

	background: transparent !important;

	box-shadow: none !important;

	font-size: 14px !important;

	color: var(--color-dark) !important;

	padding: 0 !important;

	height: 100% !important;

	width: 100% !important;

}



.header-search-input:focus {

	border: none !important;

	box-shadow: none !important;

	outline: none !important;

}



.header-search-input::placeholder {

	color: var(--color-text-muted-light) !important;

	font-weight: 400 !important;

}



.header-search-submit,

.header-product-search-form button.header-search-submit {

	border: none !important;

	background: transparent !important;

	color: var(--color-dark) !important;

	cursor: pointer;

	padding: 0 0 0 10px !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	box-shadow: none !important;

	height: 100% !important;

}



.header-search-submit svg {

	width: 18px !important;

	height: 18px !important;

	stroke: var(--color-dark) !important;

	stroke-width: 1.8px !important;

}



.header-actions {

	display: flex;

	align-items: center;

	gap: var(--spacing-sm);

}



.header-action-btn {

	background: none;

	border: none;

	padding: 8px;

	color: var(--color-text-dark-gray);

	cursor: pointer;

	border-radius: var(--radius-full);

	display: flex;

	align-items: center;

	justify-content: center;

	transition: background-color var(--transition-fast), color var(--transition-fast);

}



.header-action-btn:hover {

	color: var(--color-accent-orange);

}



.header-action-btn svg,

.account-link svg {

	width: 22px;

	height: 22px;

	stroke: currentColor;

}



.ib-account-dropdown-wrap {

	position: relative;

	display: flex;

	align-items: center;

}



.ib-account-dropdown {

	position: absolute;

	top: 100%;

	right: -10px;

	min-width: 170px;

	background-color: var(--color-white);

	border: 1px solid var(--color-border-subtle);

	border-radius: 0;

	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);

	padding: 10px 0;

	display: none;

	flex-direction: column;

	z-index: 999;

	margin-top: 12px;

}



.ib-account-dropdown-wrap:hover .ib-account-dropdown {

	display: flex;

}



.ib-account-dropdown::before {

	content: '';

	position: absolute;

	top: -7px;

	right: 18px;

	width: 12px;

	height: 12px;

	background-color: var(--color-white);

	border-top: 1px solid var(--color-border-subtle);

	border-left: 1px solid var(--color-border-subtle);

	transform: rotate(45deg);

	z-index: 1;

}



.ib-account-dropdown::after {

	content: '';

	position: absolute;

	top: -14px;

	left: 0;

	right: 0;

	height: 14px;

}



.ib-account-dropdown-link {

	display: block;

	padding: 8px 20px;

	font-size: 14px;

	font-weight: 400;

	color: var(--color-text-dark-gray);

	text-decoration: none;

	transition: color 0.15s ease;

	white-space: nowrap;

	line-height: 1.5;

}



.ib-account-dropdown-link:hover {

	color: var(--color-accent-orange);

}



.ib-account-dropdown-sep {

	height: 1px;

	background-color: var(--color-border-sep);

	margin: 6px 0;

}



.ib-logout-link {

	color: var(--color-text-dark-gray);

}



.ib-logout-link:hover {

	color: var(--color-accent-orange);

}



.cart-icon-wrapper {

	position: relative;

	display: flex;

	align-items: center;

}



.cart-badge-count {

	position: absolute;

	top: -7px;

	right: -8px;

	background-color: var(--color-accent-orange);

	color: var(--color-white);

	font-size: 11px;

	font-weight: 700;

	height: 18px;

	min-width: 18px;

	padding: 0 5px;

	border-radius: var(--radius-full);

	display: flex;

	align-items: center;

	justify-content: center;

	line-height: 1;

}



.header-nav-row {

	background-color: var(--color-bg-light);

}



.main-navigation {

	display: none;

}



@media (min-width: 992px) {

	.main-navigation {

		display: flex;

		justify-content: start;

	}



	.main-navigation ul {

		display: flex;

		list-style: none;

		margin: 0;

		padding: 0;

		flex-wrap: nowrap;

		justify-content: space-between;

		width: 100%;

		gap: clamp(8px, 1.5vw, 32px);

	}



	.main-navigation li {

		position: relative;

		display: flex;

		align-items: center;

		white-space: nowrap;

	}



	.main-navigation a {

		color: var(--color-dark-bg);

		font-weight: 600;

		font-size: clamp(0.72rem, 0.82vw, 0.8125rem);

		letter-spacing: 0.03em;

		text-transform: uppercase;

		padding: 19px 0px;

		display: flex;

		align-items: center;

		transition: color var(--transition-fast);

		text-decoration: none;

		white-space: nowrap;

	}



	.main-navigation a:hover,

	.main-navigation li.current-menu-item>a,

	.main-navigation li.current-menu-ancestor>a {

		color: var(--color-primary);

	}



	.main-navigation .menu-item-has-children>a::after {

		content: ' +';

		font-size: 0.85em;

		margin-left: 5px;

		font-weight: 400;

		color: inherit;

	}



	.main-navigation ul ul {

		position: absolute;

		top: 100%;

		left: 0;

		display: none;

		flex-direction: column;

		background-color: var(--color-dark-bg);

		border: 1px solid var(--color-primary);

		border-top: 3px solid var(--color-primary);

		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);

		border-radius: 0 0 6px 6px;

		padding: 15px 10px;

		min-width: max-content;

		z-index: var(--z-dropdown);

		gap: 0;

	}



	.main-navigation ul ul li {

		width: 100%;

	}



	.main-navigation ul ul a {

		padding: 12px 20px;

		width: 100%;

		text-transform: uppercase;

		font-weight: 600;

		font-size: 0.78125rem;

		letter-spacing: 0.06em;

		color: #d4c9b0;

		transition: color var(--transition-fast), background-color var(--transition-fast);

	}



	.main-navigation ul ul a:hover {

		color: var(--color-primary) !important;

		background: rgba(201, 168, 76, 0.08) !important;

		border-left: 3px solid var(--color-primary) !important;

	}



	.main-navigation li:hover>ul {

		display: flex;

	}

}



.mobile-menu-toggle {

	display: none;

}



@media (min-width: 1200px) {

	.mobile-menu-toggle {

		display: none !important;

	}



	.header-nav-row {

		display: block !important;

	}



	.header-search-wrapper {

		display: flex !important;

	}



	.header-actions .account-link,

	.header-actions .ib-account-dropdown-wrap {

		display: flex !important;

	}

}



@media (max-width: 1199px) {

	.site-header {

		position: sticky;

		top: 0;

		z-index: 1000;

	}



	.header-main-row {

		padding: 10px 0;

		border-bottom: 1px solid var(--color-border-dark);

	}



	.site-header-container {

		display: flex;

		align-items: center;

		justify-content: space-between;

		position: relative;

		min-height: 48px;

	}



	.mobile-menu-toggle {

		display: flex !important;

		align-items: center;

		justify-content: center;

		background: transparent !important;

		border: none !important;

		padding: 4px;

		color: var(--color-dark) !important;

		cursor: pointer;

		z-index: 2;

		outline: none !important;

		box-shadow: none !important;

	}



	.mobile-menu-toggle svg {

		width: 26px !important;

		height: 26px !important;

		stroke-width: 2px !important;

	}



	.site-branding {

		position: absolute;

		/* left: 50%; */
		left: 40%;

		transform: translateX(-50%);

		display: flex;

		align-items: center;

		justify-content: center;

		z-index: 1;

	}



	header#masthead .site-branding img {

		max-height: 44px;

		width: auto;

		object-fit: contain;

	}



	.header-search-wrapper {

		display: none !important;

	}



	.header-nav-row {

		display: none !important;

	}



	.header-actions {

		display: flex !important;

		align-items: center;

		gap: 8px;

		z-index: 2;

	}



	.header-actions .account-link,

	.header-actions .ib-account-dropdown-wrap {

		display: none !important;

	}



	.header-actions .cart-toggle {

		display: flex !important;

		padding: 4px;

		background: transparent;

		border: none;

		color: var(--color-dark);

		position: relative;

	}



	.header-actions .cart-toggle svg {

		width: 24px !important;

		height: 24px !important;

	}

}



.header-search-bar {

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	background-color: var(--color-surface);

	border-bottom: 1px solid var(--color-border);

	padding: var(--spacing-sm) 0;

	transform: translateY(-20px);

	opacity: 0;

	visibility: hidden;

	pointer-events: none;

	transition: transform var(--transition-normal), opacity var(--transition-normal), visibility var(--transition-normal);

}



.header-search-bar.is-open {

	transform: translateY(0);

	opacity: 1;

	visibility: visible;

	pointer-events: auto;

}



.search-container {

	display: flex;

	align-items: center;

	gap: var(--spacing-sm);

}



.search-container form {

	flex-grow: 1;

	display: flex;

}



.search-container input[type="search"] {

	flex-grow: 1;

	padding: var(--spacing-2xs) var(--spacing-sm);

	border: 1px solid var(--color-border);

	border-radius: var(--radius-sm);

	background-color: var(--color-background);

	color: var(--color-text);

}



.search-close-btn {

	background: none;

	border: none;

	cursor: pointer;

	color: var(--color-text-muted);

}



.mobile-drawer,

.mini-cart-drawer {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: var(--z-drawer);

	opacity: 0;

	visibility: hidden;

	transition: opacity var(--transition-normal), visibility var(--transition-normal);

}



.mobile-drawer.is-open,

.mini-cart-drawer.is-open {

	opacity: 1;

	visibility: visible;

}



.mobile-drawer-overlay,

.mini-cart-drawer-overlay {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.45);

}



.mobile-drawer-content,

.mini-cart-drawer-content {

	position: absolute;

	top: 0;

	height: 100%;

	width: 82%;

	max-width: 320px;

	background-color: var(--color-white);

	box-shadow: 4px 0 25px rgba(0, 0, 0, 0.15);

	display: flex;

	flex-direction: column;

	transition: transform var(--transition-normal) ease;

}



.mobile-drawer-content {

	left: 0;

	transform: translateX(-100%);

}



.mini-cart-drawer-content {

	right: 0;

	transform: translateX(100%);

}



.mobile-drawer.is-open .mobile-drawer-content,

.mini-cart-drawer.is-open .mini-cart-drawer-content {

	transform: translateX(0);

}



.mobile-drawer-header {

	padding: 16px 20px 8px 20px;

	border-bottom: none;

	display: flex;

	align-items: center;

	justify-content: flex-start;

}



.mini-cart-drawer-header {

	padding: var(--spacing-sm) var(--spacing-md);

	border-bottom: 1px solid var(--color-border);

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.drawer-title {

	font-family: var(--font-family-display);

	font-weight: 700;

	color: var(--color-text-title);

	font-size: var(--font-body-large);

}



.mobile-drawer-close {

	background: none;

	border: none;

	color: var(--color-dark);

	cursor: pointer;

	padding: 4px;

	display: flex;

	align-items: center;

	justify-content: center;

}



.mobile-drawer-close svg {

	width: 22px;

	height: 22px;

	stroke-width: 2px;

}



.mini-cart-drawer-close {

	background: none;

	border: none;

	color: var(--color-text);

	cursor: pointer;

	padding: var(--spacing-3xs);

}



.mobile-drawer-nav {

	padding: 8px 24px 30px 24px;

	overflow-y: auto;

	flex: 1;

}



.mobile-drawer-nav ul {

	list-style: none;

	padding: 0;

	margin: 0;

}



.mobile-drawer-nav li {

	margin-bottom: 0;

	border-bottom: 1px solid var(--color-border-light);

}



.mobile-drawer-nav li:last-child {

	border-bottom: none;

}



.mobile-drawer-nav a {

	color: var(--color-text-dark-gray);

	font-weight: 500;

	font-size: 15px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 14px 0;

	text-decoration: none;

	transition: color var(--transition-fast);

}



.mobile-drawer-nav a:hover,

.mobile-drawer-nav .current-menu-item>a,

.mobile-drawer-nav .current-menu-ancestor>a {

	color: var(--color-gold-accent);

}



.mobile-drawer-nav .menu-item-has-children>a::after {

	content: '';

	display: inline-block;

	width: 7px;

	height: 7px;

	border-right: 1.8px solid #999999;

	border-top: 1.8px solid #999999;

	transform: rotate(45deg);

	margin-left: 12px;

	transition: transform var(--transition-fast), border-color var(--transition-fast);

}



.mobile-drawer-nav .menu-item-has-children.is-open>a::after {

	transform: rotate(135deg);

	border-color: var(--color-gold-accent);

}



.mobile-drawer-nav .menu-item-has-children>ul {

	display: none;

	padding-left: 16px;

	list-style: none;

}



.mobile-drawer-nav .menu-item-has-children.is-open>ul {

	display: block;

}



.mobile-drawer-nav .menu-item-has-children>ul li {

	border-bottom: none;

}



.mobile-drawer-nav .menu-item-has-children>ul a {

	padding: 10px 0;

	font-size: 14px;

	color: var(--color-text-gray);

}