/* =========================================================
   INCOUNTRY DISTRIBUTION
   Premium Storefront Header V3
   ========================================================= */


/* =========================================================
   HEADER FOUNDATION
   ========================================================= */

#site-header {
	position: sticky !important;
	top: 0;
	z-index: 9990;
	width: 100%;
}

.admin-bar #site-header {
	top: 32px;
}

#site-header .ic-site-header,
#site-header .ic-site-header * {
	box-sizing: border-box;
}

.ic-site-header {
	position: relative;
	z-index: 100;
	width: 100%;
	background: #fff;
	color: var(--ic-black);
	box-shadow: none;
	transition:
		box-shadow 260ms var(--ic-ease);
}


/* =========================================================
   TOP STRIP
   ========================================================= */

#site-header .ic-top-strip {
	display: block !important;
	width: 100%;
	max-height: 36px;
	overflow: hidden;
	background:
		linear-gradient(
			90deg,
			#101217 0%,
			#171a20 62%,
			#2b1913 100%
		);
	color: rgba(255, 255, 255, 0.86);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	opacity: 1;
	transform: translateY(0);
	transition:
		max-height 260ms var(--ic-ease),
		opacity 180ms var(--ic-ease),
		transform 260ms var(--ic-ease),
		border-color 260ms var(--ic-ease);
}

.ic-top-strip-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 35px;
}

.ic-top-strip-message,
.ic-top-strip-links {
	display: flex;
	align-items: center;
}

.ic-top-strip-message {
	gap: 9px;
	font-size: 12px;
	font-weight: 550;
	letter-spacing: 0.01em;
}

.ic-status-dot {
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	border-radius: 50%;
	background: var(--ic-orange);
	box-shadow:
		0 0 0 4px rgba(255, 107, 44, 0.13);
}

.ic-top-strip-links {
	gap: 14px;
}

.ic-top-strip-links a {
	color: rgba(255, 255, 255, 0.82);
	font-size: 11.5px;
	font-weight: 550;
	text-decoration: none;
}

.ic-top-strip-links a:hover {
	color: #fff;
}

.ic-strip-divider {
	width: 1px;
	height: 12px;
	background: rgba(255, 255, 255, 0.18);
}


/* =========================================================
   MAIN HEADER
   ========================================================= */

.ic-header-main {
	position: relative;
	background:
		radial-gradient(
			circle at 92% 10%,
			rgba(255, 107, 44, 0.07),
			transparent 22%
		),
		linear-gradient(
			180deg,
			#fff 0%,
			#fff 75%,
			#fcfcfd 100%
		);
	transition:
		box-shadow 260ms var(--ic-ease),
		background-color 260ms var(--ic-ease);
}

.ic-header-main::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(214, 0, 0, 0.12),
			rgba(255, 107, 44, 0.22),
			transparent
		);
}

.ic-header-main-inner {
	display: grid;
	grid-template-columns:
		minmax(200px, 245px)
		minmax(420px, 1fr)
		auto;
	align-items: center;
	gap: clamp(24px, 3vw, 48px);
	min-height: 106px;
	transition:
		min-height 280ms var(--ic-ease),
		gap 280ms var(--ic-ease);
}


/* =========================================================
   LOGO
   ========================================================= */

.ic-header-brand {
	min-width: 0;
}

.ic-brand-link {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	text-decoration: none;
}

#site-header .ic-brand-logo {
	display: block;
	width: auto;
	max-width: 235px;
	height: auto;
	max-height: 70px;
	object-fit: contain;
	transition:
		max-width 280ms var(--ic-ease),
		max-height 280ms var(--ic-ease),
		transform 280ms var(--ic-ease);
}


/* =========================================================
   SEARCH
   ========================================================= */

.ic-header-search {
	width: 100%;
	min-width: 0;
}

.ic-search-form {
	width: 100%;
	margin: 0;
}

.ic-search-field-wrap {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 58px;
	overflow: hidden;
	background: #f6f7f9;
	border: 1px solid #e2e5e9;
	border-radius: 17px;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.8);
	transition:
		min-height 280ms var(--ic-ease),
		background-color var(--ic-transition),
		border-color var(--ic-transition),
		border-radius 280ms var(--ic-ease),
		box-shadow var(--ic-transition),
		transform var(--ic-transition);
}

.ic-search-field-wrap:focus-within {
	background: #fff;
	border-color: rgba(214, 0, 0, 0.34);
	box-shadow:
		0 0 0 4px rgba(214, 0, 0, 0.055),
		0 16px 34px rgba(17, 19, 24, 0.07);
	transform: translateY(-1px);
}

.ic-search-icon {
	position: absolute;
	left: 20px;
	z-index: 2;
	color: #7c828b;
	pointer-events: none;
	transition:
		left 280ms var(--ic-ease);
}

#site-header .ic-search-field-wrap input[type="search"] {
	width: 100%;
	height: 56px;
	margin: 0;
	padding: 0 135px 0 54px;
	color: var(--ic-black);
	background: transparent;
	border: 0;
	outline: 0;
	box-shadow: none;
	font-size: 14.5px;
	font-weight: 520;
	transition:
		height 280ms var(--ic-ease),
		padding 280ms var(--ic-ease),
		font-size 280ms var(--ic-ease);
}

.ic-search-field-wrap input[type="search"]::placeholder {
	color: #9298a0;
	opacity: 1;
}

.ic-search-field-wrap input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

#site-header .ic-search-submit {
	position: absolute;
	top: 6px;
	right: 6px;
	bottom: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 116px;
	padding: 0 20px;
	color: #fff;
	background:
		linear-gradient(
			135deg,
			#e00000 0%,
			var(--ic-red) 50%,
			#b80000 100%
		);
	border: 0;
	border-radius: 12px;
	box-shadow:
		0 9px 22px rgba(214, 0, 0, 0.19);
	font-size: 13px;
	font-weight: 750;
	cursor: pointer;
	transition:
		top 280ms var(--ic-ease),
		bottom 280ms var(--ic-ease),
		min-width 280ms var(--ic-ease),
		padding 280ms var(--ic-ease),
		border-radius 280ms var(--ic-ease),
		transform var(--ic-transition),
		box-shadow var(--ic-transition);
}

#site-header .ic-search-submit:hover {
	color: #fff;
	transform: translateY(-1px);
	box-shadow:
		0 13px 28px rgba(214, 0, 0, 0.27);
}


/* =========================================================
   HEADER ACTIONS
   ========================================================= */

.ic-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 5px;
}

.ic-header-action {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 58px;
	padding: 7px 10px;
	color: var(--ic-black);
	border-radius: 14px;
	text-decoration: none;
	white-space: nowrap;
	transition:
		min-height 280ms var(--ic-ease),
		padding 280ms var(--ic-ease),
		background-color var(--ic-transition),
		transform var(--ic-transition);
}

.ic-header-action:hover {
	color: var(--ic-black);
	background: rgba(245, 246, 248, 0.9);
	transform: translateY(-1px);
}

.ic-action-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	color: #24272d;
	background: #fff;
	border: 1px solid #e4e6e9;
	border-radius: 13px;
	box-shadow:
		0 5px 15px rgba(17, 19, 24, 0.05);
	transition:
		width 280ms var(--ic-ease),
		height 280ms var(--ic-ease),
		flex-basis 280ms var(--ic-ease),
		border-radius 280ms var(--ic-ease);
}

.ic-action-copy {
	display: flex;
	flex-direction: column;
	gap: 3px;
	line-height: 1.05;
}

.ic-action-copy small {
	color: #7a8088;
	font-size: 11px;
	font-weight: 520;
}

.ic-action-copy strong {
	color: #202329;
	font-size: 12.5px;
	font-weight: 750;
}

.ic-cart-icon {
	color: var(--ic-red);
}

.ic-cart-count {
	position: absolute;
	top: -6px;
	right: -7px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	color: #fff;
	background:
		linear-gradient(
			135deg,
			var(--ic-red),
			var(--ic-orange)
		);
	border: 2px solid #fff;
	border-radius: 999px;
	box-shadow:
		0 5px 12px rgba(214, 0, 0, 0.23);
	font-size: 9.5px;
	font-weight: 800;
	line-height: 1;
}


/* =========================================================
   MOBILE HAMBURGER
   ========================================================= */

.ic-mobile-menu-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 4px;
	width: 42px;
	height: 42px;
	padding: 0;
	background: #16191f;
	border: 0;
	border-radius: 12px;
	cursor: pointer;
	transition:
		width 280ms var(--ic-ease),
		height 280ms var(--ic-ease),
		border-radius 280ms var(--ic-ease);
}

.ic-mobile-menu-toggle span {
	display: block;
	width: 18px;
	height: 1.8px;
	background: #fff;
	border-radius: 10px;
}


/* =========================================================
   DESKTOP NAVIGATION
   ========================================================= */

.ic-desktop-navigation {
	position: relative;
	background: #fff;
	border-bottom: 1px solid #e9eaed;
	box-shadow:
		0 8px 24px rgba(17, 19, 24, 0.04);
	transition:
		box-shadow 260ms var(--ic-ease),
		border-color 260ms var(--ic-ease);
}

.ic-desktop-navigation-inner {
	display: grid;
	grid-template-columns:
		auto
		minmax(0, 1fr)
		auto;
	align-items: center;
	gap: 21px;
	min-height: 63px;
	transition:
		min-height 280ms var(--ic-ease),
		gap 280ms var(--ic-ease);
}


/* =========================================================
   CATEGORY TRIGGER
   ========================================================= */

.ic-categories {
	position: relative;
	margin: 0;
}

.ic-categories > summary,
.ic-brands-menu > summary {
	list-style: none;
}

.ic-categories > summary::-webkit-details-marker,
.ic-brands-menu > summary::-webkit-details-marker {
	display: none;
}

.ic-categories-trigger {
	display: flex;
	align-items: center;
	gap: 11px;
	min-height: 45px;
	padding: 0 18px;
	color: #fff;
	background:
		linear-gradient(
			135deg,
			#db0000 0%,
			#c00000 58%,
			#a90000 100%
		);
	border-radius: 12px;
	box-shadow:
		0 9px 24px rgba(214, 0, 0, 0.19);
	font-size: 13px;
	font-weight: 750;
	cursor: pointer;
	user-select: none;
	transition:
		min-height 280ms var(--ic-ease),
		padding 280ms var(--ic-ease),
		border-radius 280ms var(--ic-ease),
		transform var(--ic-transition),
		box-shadow var(--ic-transition);
}

.ic-categories-trigger:hover {
	transform: translateY(-1px);
	box-shadow:
		0 12px 30px rgba(214, 0, 0, 0.25);
}

.ic-category-menu-icon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	width: 18px;
}

.ic-category-menu-icon span {
	display: block;
	width: 100%;
	height: 1.7px;
	background: currentColor;
	border-radius: 20px;
}

.ic-categories-trigger > svg {
	margin-left: 3px;
	transition:
		transform var(--ic-transition);
}

.ic-categories[open] .ic-categories-trigger > svg {
	transform: rotate(180deg);
}


/* =========================================================
   CATEGORY PANEL
   ========================================================= */

.ic-category-panel {
	position: absolute;
	top: calc(100% + 12px);
	left: 0;
	z-index: 210;
	width: 350px;
	padding: 16px;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-8px);
	background:
		rgba(255, 255, 255, 0.985);
	border: 1px solid #e7e8eb;
	border-radius: 19px;
	box-shadow:
		0 28px 70px rgba(17, 19, 24, 0.17);
	transition:
		opacity var(--ic-transition),
		transform var(--ic-transition),
		visibility var(--ic-transition);
}

.ic-categories[open] .ic-category-panel {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

.ic-category-panel-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 4px 5px 13px;
	border-bottom: 1px solid #eceef0;
}

.ic-category-panel-heading > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.ic-category-panel-heading small {
	color: #8a9098;
	font-size: 10px;
	font-weight: 650;
	text-transform: uppercase;
	letter-spacing: 0.09em;
}

.ic-category-panel-heading strong {
	color: #17191e;
	font-size: 14px;
	font-weight: 800;
}

.ic-category-panel-heading > a {
	color: var(--ic-red);
	font-size: 11.5px;
	font-weight: 750;
	text-decoration: none;
}

.ic-category-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2px;
	margin: 9px 0 0;
	padding: 0;
	list-style: none;
}

.ic-category-list li {
	margin: 0;
	padding: 0;
}

.ic-category-list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	min-height: 39px;
	padding: 7px 9px;
	color: #40444b;
	border-radius: 9px;
	font-size: 12.5px;
	font-weight: 620;
	text-decoration: none;
}

.ic-category-list a:hover {
	color: var(--ic-red);
	background:
		linear-gradient(
			90deg,
			#fff4ef,
			#fff9f7
		);
}

.ic-category-list svg {
	opacity: 0.4;
	transition:
		transform var(--ic-transition),
		opacity var(--ic-transition);
}

.ic-category-list a:hover svg {
	opacity: 1;
	transform: translateX(3px);
}


/* =========================================================
   CURATED DESKTOP NAV
   Premium button / pill treatment
   ========================================================= */

.ic-desktop-nav {
	display: flex;
	align-items: center;
	min-width: 0;
	gap: clamp(5px, 0.45vw, 8px);
}

.ic-desktop-nav-link,
.ic-brands-menu > summary {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-height: 42px;
	padding: 0 clamp(9px, 0.72vw, 13px);
	color: #2e3239;
	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#f8f9fb 100%
		);
	border: 1px solid #e4e6ea;
	border-radius: 12px;
	box-shadow:
		0 3px 9px rgba(17, 19, 24, 0.045),
		inset 0 1px 0 rgba(255, 255, 255, 0.95);
	font-size: 12.25px;
	font-weight: 720;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition:
		min-height 280ms var(--ic-ease),
		padding 280ms var(--ic-ease),
		color var(--ic-transition),
		background-color var(--ic-transition),
		border-color var(--ic-transition),
		box-shadow var(--ic-transition),
		transform var(--ic-transition);
}

/* Give the two priority brands a slightly stronger merchandising presence. */
.ic-desktop-nav > .ic-desktop-nav-link:nth-of-type(1),
.ic-desktop-nav > .ic-desktop-nav-link:nth-of-type(2) {
	color: #b30000;
	background:
		linear-gradient(
			180deg,
			#fffaf7 0%,
			#fff2ec 100%
		);
	border-color: #f1d4c8;
}

.ic-desktop-nav-link::after,
.ic-brands-menu > summary::after {
	content: "";
	position: absolute;
	right: 12px;
	bottom: 5px;
	left: 12px;
	height: 2px;
	background:
		linear-gradient(
			90deg,
			var(--ic-red),
			var(--ic-orange)
		);
	border-radius: 20px;
	opacity: 0;
	transform: scaleX(0.55);
	transition:
		opacity var(--ic-transition),
		transform var(--ic-transition);
}

.ic-desktop-nav-link:hover,
.ic-brands-menu > summary:hover,
.ic-brands-menu[open] > summary {
	color: var(--ic-red);
	background:
		linear-gradient(
			180deg,
			#fff9f6 0%,
			#fff1eb 100%
		);
	border-color: #efc4b5;
	box-shadow:
		0 8px 18px rgba(214, 0, 0, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.95);
	transform: translateY(-1px);
}

.ic-desktop-nav-link:hover::after,
.ic-brands-menu[open] > summary::after,
.ic-brands-menu > summary:hover::after {
	opacity: 1;
	transform: scaleX(1);
}


/* =========================================================
   BRAND DROPDOWN
   ========================================================= */

.ic-brands-menu {
	position: relative;
	margin: 0;
}

.ic-brands-menu > summary svg {
	transition:
		transform var(--ic-transition);
}

.ic-brands-menu[open] > summary svg {
	transform: rotate(180deg);
}

.ic-brands-panel {
	position: absolute;
	top: calc(100% + 1px);
	right: 0;
	z-index: 210;
	width: 220px;
	padding: 11px;
	visibility: hidden;
	opacity: 0;
	transform: translateY(8px);
	background: #fff;
	border: 1px solid #e7e8eb;
	border-radius: 14px;
	box-shadow:
		0 22px 55px rgba(17, 19, 24, 0.14);
	transition:
		opacity var(--ic-transition),
		transform var(--ic-transition),
		visibility var(--ic-transition);
}

.ic-brands-menu[open] .ic-brands-panel {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

.ic-brands-panel-label {
	padding: 4px 7px 9px;
	color: #949aa2;
	font-size: 9.5px;
	font-weight: 750;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.ic-brands-panel a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 9px;
	color: #32363d;
	border-radius: 8px;
	font-size: 12.5px;
	font-weight: 650;
	text-decoration: none;
}

.ic-brands-panel a span {
	color: var(--ic-orange);
	transition:
		transform var(--ic-transition);
}

.ic-brands-panel a:hover {
	color: var(--ic-red);
	background: #f7f8fa;
}

.ic-brands-panel a:hover span {
	transform: translateX(3px);
}


/* =========================================================
   TRUST BADGE
   ========================================================= */

.ic-nav-trust {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #60656d;
	font-size: 11.5px;
	font-weight: 650;
	white-space: nowrap;
}

.ic-nav-trust-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 31px;
	height: 31px;
	color: var(--ic-orange);
	background: #fff3ed;
	border-radius: 9px;
}


/* =========================================================
   COMPACT STICKY STATE — DESKTOP
   ========================================================= */

@media (min-width: 768px) {

	#site-header.ic-header-is-compact .ic-site-header {
		box-shadow:
			0 14px 40px rgba(17, 19, 24, 0.09);
	}

	#site-header.ic-header-is-compact .ic-top-strip {
		max-height: 0;
		opacity: 0;
		transform: translateY(-100%);
		border-bottom-color: transparent;
	}

	#site-header.ic-header-is-compact .ic-header-main-inner {
		min-height: 72px;
		gap: clamp(18px, 2vw, 34px);
	}

	#site-header.ic-header-is-compact .ic-brand-logo {
		max-width: 185px;
		max-height: 50px;
	}

	#site-header.ic-header-is-compact .ic-search-field-wrap {
		min-height: 46px;
		border-radius: 13px;
	}

	#site-header.ic-header-is-compact
	.ic-search-field-wrap input[type="search"] {
		height: 44px;
		padding-left: 47px;
		padding-right: 112px;
		font-size: 13px;
	}

	#site-header.ic-header-is-compact .ic-search-icon {
		left: 17px;
	}

	#site-header.ic-header-is-compact .ic-search-submit {
		top: 5px;
		right: 5px;
		bottom: 5px;
		min-width: 96px;
		padding: 0 15px;
		border-radius: 10px;
	}

	#site-header.ic-header-is-compact .ic-header-action {
		min-height: 46px;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	#site-header.ic-header-is-compact .ic-action-icon {
		width: 36px;
		height: 36px;
		flex-basis: 36px;
		border-radius: 11px;
	}

	#site-header.ic-header-is-compact .ic-action-copy {
		gap: 2px;
	}

	#site-header.ic-header-is-compact
	.ic-action-copy small {
		font-size: 10px;
	}

	#site-header.ic-header-is-compact
	.ic-action-copy strong {
		font-size: 11.5px;
	}

	#site-header.ic-header-is-compact
	.ic-desktop-navigation-inner {
		min-height: 50px;
		gap: 16px;
	}

	#site-header.ic-header-is-compact
	.ic-categories-trigger {
		min-height: 37px;
		padding-inline: 15px;
		border-radius: 10px;
	}

	#site-header.ic-header-is-compact
	.ic-desktop-nav-link,
	#site-header.ic-header-is-compact
	.ic-brands-menu > summary {
		min-height: 37px;
		padding-inline: clamp(7px, 0.65vw, 11px);
		border-radius: 10px;
	}

	#site-header.ic-header-is-compact
	.ic-nav-trust-icon {
		width: 28px;
		height: 28px;
	}

}


/* =========================================================
   MOBILE OVERLAY
   ========================================================= */

.ic-mobile-overlay {
	position: fixed;
	inset: 0;
	z-index: 9998;
	visibility: hidden;
	opacity: 0;
	background: rgba(10, 12, 16, 0.62);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	transition:
		opacity 260ms var(--ic-ease),
		visibility 260ms var(--ic-ease);
}

.ic-mobile-menu-open .ic-mobile-overlay {
	visibility: visible;
	opacity: 1;
}


/* =========================================================
   MOBILE DRAWER
   ========================================================= */

.ic-mobile-drawer {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	width: min(390px, 88vw);
	visibility: hidden;
	background: #fff;
	box-shadow:
		30px 0 70px rgba(10, 12, 16, 0.2);
	transform: translateX(-103%);
	transition:
		transform 320ms var(--ic-ease),
		visibility 320ms var(--ic-ease);
}

.ic-mobile-menu-open {
	overflow: hidden;
}

.ic-mobile-menu-open .ic-mobile-drawer {
	visibility: visible;
	transform: translateX(0);
}

.ic-mobile-drawer-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 86px;
	padding: 17px 20px;
	background:
		linear-gradient(
			135deg,
			#101217,
			#1d2026
		);
}

.ic-mobile-drawer-logo {
	display: block;
	width: auto;
	max-width: 185px;
	height: auto;
	max-height: 52px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.ic-mobile-menu-close {
	position: relative;
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	padding: 0;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 11px;
	cursor: pointer;
}

.ic-mobile-menu-close span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 1.7px;
	background: #fff;
	border-radius: 10px;
}

.ic-mobile-menu-close span:first-child {
	transform:
		translate(-50%, -50%)
		rotate(45deg);
}

.ic-mobile-menu-close span:last-child {
	transform:
		translate(-50%, -50%)
		rotate(-45deg);
}

.ic-mobile-drawer-body {
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 22px 20px 28px;
}

.ic-mobile-menu-intro {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 21px;
	padding: 16px;
	background:
		linear-gradient(
			135deg,
			#fff5f0 0%,
			#fff 100%
		);
	border: 1px solid #ffe3d5;
	border-radius: 15px;
}

.ic-mobile-menu-intro .ic-eyebrow {
	margin-bottom: 6px;
	font-size: 9.5px;
}

.ic-mobile-menu-intro strong {
	max-width: 270px;
	color: #16191f;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.23;
	letter-spacing: -0.02em;
}


/* =========================================================
   MOBILE ACCORDION
   ========================================================= */

.ic-mobile-nav-section {
	border-top: 1px solid #eaebed;
}

.ic-mobile-submenu-toggle {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 57px;
	padding: 0;
	color: #1d2025;
	background: transparent;
	border: 0;
	font-size: 13.5px;
	font-weight: 750;
	text-align: left;
	cursor: pointer;
}

.ic-mobile-toggle-plus {
	position: relative;
	width: 18px;
	height: 18px;
}

.ic-mobile-toggle-plus::before,
.ic-mobile-toggle-plus::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background: #6d727a;
	border-radius: 10px;
	transform:
		translate(-50%, -50%);
	transition:
		transform var(--ic-transition);
}

.ic-mobile-toggle-plus::before {
	width: 12px;
	height: 1.5px;
}

.ic-mobile-toggle-plus::after {
	width: 1.5px;
	height: 12px;
}

.ic-mobile-submenu-toggle[aria-expanded="true"]
.ic-mobile-toggle-plus::after {
	transform:
		translate(-50%, -50%)
		rotate(90deg);
}

.ic-mobile-submenu {
	padding: 0 0 12px 13px;
}

.ic-mobile-submenu a {
	display: block;
	padding: 9px 5px;
	color: #51565e;
	font-size: 12.5px;
	font-weight: 570;
	line-height: 1.25;
	text-decoration: none;
}

.ic-mobile-submenu a:hover {
	color: var(--ic-red);
}

.ic-mobile-submenu .ic-mobile-view-all {
	color: var(--ic-red);
	font-weight: 750;
}


/* =========================================================
   MOBILE PRIMARY NAVIGATION
   ========================================================= */

.ic-mobile-core-nav {
	display: flex;
	flex-direction: column;
	padding: 7px 0;
	border-top: 1px solid #eaebed;
}

.ic-mobile-core-nav > a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 52px;
	color: #22252b;
	border-bottom: 1px solid #f1f2f4;
	font-size: 13.5px;
	font-weight: 690;
	text-decoration: none;
}

.ic-mobile-core-nav > a::after {
	content: "→";
	position: absolute;
	right: 3px;
	color: #b2b6bc;
	font-size: 15px;
	transition:
		color var(--ic-transition),
		transform var(--ic-transition);
}

.ic-mobile-core-nav > a:hover {
	color: var(--ic-red);
}

.ic-mobile-core-nav > a:hover::after {
	color: var(--ic-orange);
	transform: translateX(3px);
}


/* =========================================================
   MOBILE DRAWER FOOTER
   ========================================================= */

.ic-mobile-drawer-footer {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
	padding: 16px 20px 20px;
	background: #f7f8fa;
	border-top: 1px solid #e7e8ea;
}

.ic-mobile-drawer-footer a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 43px;
	padding: 8px;
	color: #2d3137;
	background: #fff;
	border: 1px solid #e3e5e8;
	border-radius: 10px;
	font-size: 11.5px;
	font-weight: 700;
	text-decoration: none;
}

.ic-mobile-drawer-footer a:last-child {
	grid-column: 1 / -1;
	color: #fff;
	background:
		linear-gradient(
			135deg,
			var(--ic-red),
			#b90000
		);
	border-color: transparent;
}

.ic-mobile-drawer-footer a span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	color: #fff;
	background: var(--ic-red);
	border-radius: 999px;
	font-size: 9px;
}


/* =========================================================
   ADMIN BAR
   ========================================================= */

.admin-bar .ic-mobile-drawer {
	top: 32px;
}

.admin-bar .ic-mobile-overlay {
	top: 32px;
}




/* =========================================================
   LARGE / MEDIUM DESKTOP NAV SPACE
   Keep priority brand buttons visible without crowding.
   ========================================================= */

@media (max-width: 1499px) and (min-width: 1280px) {

	.ic-desktop-navigation-inner {
		gap: 13px;
	}

	.ic-desktop-nav {
		gap: 5px;
	}

	.ic-desktop-nav-link,
	.ic-brands-menu > summary {
		padding-inline: 9px;
		font-size: 11.75px;
	}

	.ic-nav-trust {
		display: none;
	}

}


/* =========================================================
   MEDIUM DESKTOP
   ========================================================= */

@media (max-width: 1279px) {

	.ic-header-main-inner {
		grid-template-columns:
			minmax(170px, 200px)
			minmax(320px, 1fr)
			auto;
		gap: 20px;
	}

	#site-header .ic-brand-logo {
		max-width: 195px;
		max-height: 60px;
	}

	.ic-action-copy {
		display: none;
	}

	.ic-header-action {
		padding-inline: 4px;
	}

	.ic-desktop-navigation-inner {
		gap: 12px;
	}

	.ic-desktop-nav-link,
	.ic-brands-menu > summary {
		min-height: 38px;
		padding-inline: 8px;
		font-size: 11.75px;
		border-radius: 10px;
	}

	.ic-nav-trust {
		display: none;
	}

	#site-header.ic-header-is-compact .ic-brand-logo {
		max-width: 165px;
		max-height: 46px;
	}

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ic-top-strip-message {
		display: none;
	}

	.ic-top-strip-inner {
		justify-content: flex-end;
	}

	.ic-header-main-inner {
		grid-template-columns:
			minmax(150px, 170px)
			minmax(240px, 1fr)
			auto;
		min-height: 87px;
		gap: 14px;
	}

	#site-header .ic-brand-logo {
		max-width: 165px;
		max-height: 52px;
	}

	.ic-search-field-wrap {
		min-height: 50px;
		border-radius: 13px;
	}

	#site-header
	.ic-search-field-wrap input[type="search"] {
		height: 48px;
		padding-right: 51px;
		padding-left: 45px;
		font-size: 13px;
	}

	.ic-search-icon {
		left: 16px;
	}

	#site-header .ic-search-submit {
		top: 5px;
		right: 5px;
		bottom: 5px;
		width: 40px;
		min-width: 40px;
		padding: 0;
	}

	.ic-search-submit span {
		display: none;
	}

	.ic-desktop-navigation-inner {
		display: flex;
	}

	.ic-desktop-nav {
		flex: 1 1 auto;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.ic-desktop-nav::-webkit-scrollbar {
		display: none;
	}

	#site-header.ic-header-is-compact
	.ic-header-main-inner {
		min-height: 68px;
	}

	#site-header.ic-header-is-compact
	.ic-brand-logo {
		max-width: 145px;
		max-height: 43px;
	}

	#site-header.ic-header-is-compact
	.ic-search-submit {
		width: 38px;
		min-width: 38px;
		padding: 0;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	#site-header {
		top: 0;
	}

	.admin-bar #site-header {
		top: 46px;
	}

	.admin-bar .ic-mobile-drawer,
	.admin-bar .ic-mobile-overlay {
		top: 46px;
	}

	#site-header .ic-top-strip {
		display: none !important;
	}

	.ic-header-main {
		padding: 11px 0 12px;
		box-shadow:
			0 8px 22px rgba(17, 19, 24, 0.05);
		transition:
			padding 280ms var(--ic-ease),
			box-shadow 280ms var(--ic-ease);
	}

	.ic-header-main-inner {
		display: grid;
		grid-template-columns:
			auto
			minmax(0, 1fr)
			auto;
		grid-template-areas:
			"toggle brand actions"
			"search search search";
		gap: 11px;
		min-height: 0;
		transition:
			gap 280ms var(--ic-ease);
	}

	.ic-mobile-menu-toggle {
		grid-area: toggle;
		display: flex;
	}

	.ic-header-brand {
		grid-area: brand;
		display: flex;
		align-items: center;
	}

	#site-header .ic-brand-logo {
		max-width: 148px;
		max-height: 48px;
	}

	.ic-header-search {
		grid-area: search;
	}

	.ic-header-actions {
		grid-area: actions;
		gap: 2px;
	}

	.ic-account-link {
		display: none;
	}

	.ic-header-action {
		min-height: 42px;
		padding: 0;
	}

	.ic-action-icon {
		width: 40px;
		height: 40px;
		flex-basis: 40px;
		border-radius: 11px;
	}

	.ic-search-field-wrap {
		min-height: 48px;
		border-radius: 12px;
	}

	#site-header
	.ic-search-field-wrap input[type="search"] {
		height: 46px;
		padding-right: 52px;
		padding-left: 43px;
		font-size: 12.5px;
	}

	.ic-search-icon {
		left: 15px;
	}

	.ic-desktop-navigation {
		display: none;
	}


	/* ---------------------------------------------------------
	   COMPACT MOBILE STATE
	   --------------------------------------------------------- */

	#site-header.ic-header-is-compact .ic-site-header {
		box-shadow:
			0 12px 30px rgba(17, 19, 24, 0.1);
	}

	#site-header.ic-header-is-compact .ic-header-main {
		padding-top: 7px;
		padding-bottom: 8px;
	}

	#site-header.ic-header-is-compact
	.ic-header-main-inner {
		gap: 7px 10px;
	}

	#site-header.ic-header-is-compact
	.ic-mobile-menu-toggle {
		width: 38px;
		height: 38px;
		border-radius: 10px;
	}

	#site-header.ic-header-is-compact
	.ic-brand-logo {
		max-width: 132px;
		max-height: 42px;
	}

	#site-header.ic-header-is-compact
	.ic-header-action {
		min-height: 38px;
	}

	#site-header.ic-header-is-compact
	.ic-action-icon {
		width: 37px;
		height: 37px;
		flex-basis: 37px;
		border-radius: 10px;
	}

	#site-header.ic-header-is-compact
	.ic-search-field-wrap {
		min-height: 43px;
		border-radius: 11px;
	}

	#site-header.ic-header-is-compact
	.ic-search-field-wrap input[type="search"] {
		height: 41px;
		padding-left: 40px;
		padding-right: 48px;
		font-size: 12px;
	}

	#site-header.ic-header-is-compact
	.ic-search-icon {
		left: 14px;
		width: 18px;
		height: 18px;
	}

	#site-header.ic-header-is-compact
	.ic-search-submit {
		top: 4px;
		right: 4px;
		bottom: 4px;
		width: 35px;
		min-width: 35px;
		border-radius: 9px;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

	#site-header .ic-brand-logo {
		max-width: 130px;
	}

	.ic-mobile-menu-toggle {
		width: 39px;
		height: 39px;
	}

	.ic-action-icon {
		width: 38px;
		height: 38px;
		flex-basis: 38px;
	}

	.ic-header-main-inner {
		gap: 9px;
	}

	#site-header.ic-header-is-compact
	.ic-brand-logo {
		max-width: 118px;
	}

	#site-header.ic-header-is-compact
	.ic-mobile-menu-toggle {
		width: 36px;
		height: 36px;
	}

	#site-header.ic-header-is-compact
	.ic-action-icon {
		width: 35px;
		height: 35px;
		flex-basis: 35px;
	}

}


/* =========================================================
   WORDPRESS ADMIN BAR — RESPONSIVE OFFSET
   ========================================================= */

@media (max-width: 782px) {

	.admin-bar #site-header {
		top: 46px;
	}

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

	.ic-mobile-drawer,
	.ic-mobile-overlay,
	.ic-site-header,
	.ic-top-strip,
	.ic-header-main,
	.ic-header-main-inner,
	.ic-brand-logo,
	.ic-search-field-wrap,
	.ic-search-field-wrap input[type="search"],
	.ic-search-submit,
	.ic-header-action,
	.ic-action-icon,
	.ic-mobile-menu-toggle,
	.ic-desktop-navigation-inner,
	.ic-categories-trigger,
	.ic-desktop-nav-link,
	.ic-brands-menu > summary {
		transition: none !important;
	}

}/* =========================================================
   INCOUTRY BRAND WARM NAVIGATION STRIP
   ========================================================= */

#site-header .ic-desktop-navigation {
	background:
		linear-gradient(
			90deg,
			#ffe4d4 0%,
			#fff0e7 50%,
			#ffdfcc 100%
		) !important;

	border-top: 1px solid rgba(255, 91, 31, 0.18) !important;
	border-bottom: 1px solid rgba(255, 91, 31, 0.22) !important;

	box-shadow:
		0 8px 26px rgba(145, 67, 32, 0.07) !important;
}