/**
 * GKN KALA header + mega menu V8.5.0
 * Faithful RTL marketplace header, tablet master/detail and mobile tree shell.
 */

.gkn-site-header[data-gkn-header-version="85"] {
	--gkn85-red: #ef3340;
	--gkn85-red-strong: #d92333;
	--gkn85-red-soft: #fff2f3;
	--gkn85-ink: #191b28;
	--gkn85-copy: #404352;
	--gkn85-muted: #747886;
	--gkn85-line: #e4e6ec;
	--gkn85-soft: #f7f8fa;
	background: #fff;
}

.gkn-site-header[data-gkn-header-version="85"] .gkn-header-main {
	min-height: 82px;
	gap: clamp(18px, 2.2vw, 36px);
}

.gkn-site-header[data-gkn-header-version="85"] .gkn-brand__image {
	width: clamp(128px, 10.5vw, 156px);
	height: auto;
}

.gkn-site-header[data-gkn-header-version="85"] .gkn-search__form {
	min-height: 52px;
	border-color: #dfe2e9;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 2px 9px rgba(25, 27, 40, .035);
}

.gkn-site-header[data-gkn-header-version="85"] .gkn-search__filter {
	border-radius: 10px;
	background: var(--gkn85-soft);
}

.gkn-site-header[data-gkn-header-version="85"] .gkn-search__submit {
	min-width: 104px;
	border-radius: 10px;
	background: var(--gkn85-red);
	box-shadow: 0 8px 20px rgba(239, 51, 64, .16);
}

.gkn-site-header[data-gkn-header-version="85"] .gkn-primary-nav {
	min-height: 54px;
}

.gkn-site-header[data-gkn-header-version="85"] .gkn-primary-nav__categories[aria-expanded="true"] {
	color: var(--gkn85-red-strong);
}

.gkn-site-header[data-gkn-header-version="85"] :is(.gkn-header-action, .gkn-primary-nav__categories, .gkn-search__filter):focus-visible {
	outline: 3px solid rgba(11, 103, 178, .32);
	outline-offset: 2px;
}

.gkn-category-drawer[data-gkn-mega-version="85"] {
	--gkn85-red: #ef3340;
	--gkn85-red-strong: #d92333;
	--gkn85-red-soft: #fff2f3;
	--gkn85-ink: #191b28;
	--gkn85-copy: #404352;
	--gkn85-muted: #747886;
	--gkn85-line: #e4e6ec;
	--gkn85-soft: #f7f8fa;
	position: fixed !important;
	z-index: 1660 !important;
	inset: 0 !important;
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	max-height: none !important;
	direction: rtl !important;
	text-align: right !important;
	overflow: hidden !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"][hidden],
.gkn-category-drawer[data-gkn-mega-version="85"] [hidden] {
	display: none !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"],
.gkn-category-drawer[data-gkn-mega-version="85"] *,
.gkn-category-drawer[data-gkn-mega-version="85"] *::before,
.gkn-category-drawer[data-gkn-mega-version="85"] *::after {
	box-sizing: border-box;
}

.gkn-category-drawer[data-gkn-mega-version="85"] a {
	text-decoration: none !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-drawer-backdrop {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: rgba(24, 26, 35, .34) !important;
	box-shadow: none !important;
	opacity: 0;
	cursor: default;
	transition: opacity .18s ease;
}

.gkn-category-drawer[data-gkn-mega-version="85"].is-open .gkn-drawer-backdrop {
	opacity: 1;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel {
	position: absolute !important;
	display: flex !important;
	min-width: 0 !important;
	min-height: 0 !important;
	flex-direction: column !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--gkn85-line) !important;
	background: #fff !important;
	color: var(--gkn85-copy) !important;
	font-family: inherit !important;
	direction: rtl !important;
	text-align: right !important;
	overflow: hidden !important;
	overscroll-behavior: contain;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel > header {
	position: relative;
	z-index: 10;
	display: flex;
	min-height: 66px;
	flex: 0 0 auto;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	padding: 10px 14px;
	border: 0;
	border-bottom: 1px solid var(--gkn85-line);
	background: #fff;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel > header > div {
	display: grid;
	min-width: 0;
	gap: 1px;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__eyebrow {
	color: var(--gkn85-red);
	font-size: 10px;
	font-weight: 800;
	line-height: 1.6;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel > header strong {
	color: var(--gkn85-ink);
	font-size: 16px;
	font-weight: 950;
	line-height: 1.65;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel > header small {
	color: var(--gkn85-muted);
	font-size: 10.5px;
	font-weight: 600;
	line-height: 1.7;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel > header button {
	display: grid;
	width: 44px;
	height: 44px;
	min-width: 44px;
	place-items: center;
	margin: 0;
	padding: 0;
	border: 1px solid var(--gkn85-line);
	border-radius: 11px;
	background: var(--gkn85-soft);
	color: #424654;
	font: inherit;
	cursor: pointer;
	touch-action: manipulation;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-shell {
	display: none;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-cascade {
	display: grid !important;
	min-width: 0 !important;
	min-height: 0 !important;
	flex: 1 1 auto !important;
	overflow: hidden !important;
	background: #fff !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-cascade__roots {
	display: flex !important;
	min-width: 0 !important;
	min-height: 0 !important;
	flex-direction: column !important;
	gap: 2px !important;
	margin: 0 !important;
	padding: 10px 8px !important;
	border: 0 !important;
	border-inline-end: 1px solid var(--gkn85-line) !important;
	background: #fff !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	scrollbar-width: thin;
	overscroll-behavior: contain;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-route-path,
.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-purchase-help {
	display: none !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-root {
	position: relative !important;
	display: grid !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 48px !important;
	grid-template-columns: 30px minmax(0, 1fr) 16px !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 5px 8px !important;
	border: 1px solid transparent !important;
	border-radius: 9px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #30333f !important;
	font: inherit !important;
	text-align: right !important;
	cursor: pointer !important;
	touch-action: manipulation;
	transition: border-color .14s ease, background-color .14s ease, color .14s ease;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-root::before {
	position: absolute;
	top: 8px;
	right: -8px;
	bottom: 8px;
	width: 3px;
	border-radius: 3px;
	background: var(--gkn85-red);
	content: "";
	opacity: 0;
	transition: opacity .14s ease;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-root:is(:hover, :focus-visible, .is-active) {
	border-color: #ffd4d8 !important;
	background: var(--gkn85-red-soft) !important;
	color: var(--gkn85-red-strong) !important;
	outline: 0 !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-root:is(:hover, :focus-visible, .is-active)::before {
	opacity: 1;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-root__media {
	display: grid !important;
	width: 30px !important;
	height: 30px !important;
	min-width: 30px !important;
	place-items: center !important;
	border: 0 !important;
	background: transparent !important;
	color: #575b68 !important;
	overflow: hidden !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-root__media img {
	display: none !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-root__line-icon {
	display: block !important;
	font-size: 20px !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-root__copy {
	display: block !important;
	min-width: 0 !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-root__copy b {
	display: block;
	overflow: hidden;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.7;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-root__copy small {
	display: none !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-root > i {
	color: #9a9da8;
	font-size: 12px;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-cascade__content {
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 0 18px 18px !important;
	background: #fff !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	scrollbar-width: thin;
	overscroll-behavior: contain;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel {
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	animation: gkn85-panel-enter .16s ease both;
}

@keyframes gkn85-panel-enter {
	from { opacity: 0; transform: translateX(5px); }
	to { opacity: 1; transform: none; }
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__header {
	position: sticky !important;
	z-index: 5 !important;
	top: 0 !important;
	display: flex !important;
	min-width: 0 !important;
	min-height: 62px !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin: 0 0 14px !important;
	padding: 8px 0 10px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--gkn85-line) !important;
	background: rgba(255, 255, 255, .98) !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__back {
	display: none !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__intro {
	display: flex !important;
	min-width: 0 !important;
	align-items: center !important;
	gap: 9px !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__visual {
	display: grid !important;
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
	place-items: center !important;
	overflow: hidden !important;
	border: 1px solid var(--gkn85-line) !important;
	border-radius: 10px !important;
	background: var(--gkn85-soft) !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__visual img {
	display: block !important;
	width: 40px !important;
	height: 40px !important;
	object-fit: contain !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__intro > div {
	display: grid;
	min-width: 0;
	gap: 1px;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__intro strong {
	display: block;
	overflow: hidden;
	color: var(--gkn85-ink);
	font-size: 15px;
	font-weight: 950;
	line-height: 1.65;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__intro small {
	display: block;
	color: var(--gkn85-muted);
	font-size: 10px;
	font-weight: 600;
	line-height: 1.65;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__header > a {
	display: inline-flex !important;
	min-height: 40px !important;
	flex: 0 0 auto !important;
	align-items: center !important;
	gap: 5px !important;
	padding: 7px 12px !important;
	border: 1px solid #ffc7cd !important;
	border-radius: 9px !important;
	background: #fff !important;
	color: var(--gkn85-red-strong) !important;
	font-size: 10.5px !important;
	font-weight: 900 !important;
	white-space: nowrap !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__body {
	display: grid !important;
	min-width: 0 !important;
	align-items: start !important;
	gap: 24px !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__groups {
	display: grid !important;
	min-width: 0 !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	align-items: start !important;
	gap: 15px 28px !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 0 9px !important;
	border: 0 !important;
	border-bottom: 1px solid #f0f1f4 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group__heading {
	display: flex !important;
	min-width: 0 !important;
	align-items: center !important;
	gap: 4px !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group__title {
	display: flex !important;
	min-width: 0 !important;
	min-height: 36px !important;
	flex: 1 1 auto !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 6px 8px !important;
	border: 0 !important;
	border-inline-start: 3px solid var(--gkn85-red) !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #242733 !important;
	font-size: 11.5px !important;
	font-weight: 900 !important;
	line-height: 1.7 !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group__title span {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group__title i {
	flex: 0 0 auto;
	color: var(--gkn85-red);
	font-size: 12px;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group__toggle {
	display: none;
	width: 40px;
	height: 40px;
	min-width: 40px;
	place-items: center;
	padding: 0;
	border: 1px solid var(--gkn85-line);
	border-radius: 9px;
	background: #fff;
	color: #606371;
	font: inherit;
	cursor: pointer;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group__toggle i {
	transition: transform .14s ease;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group__toggle[aria-expanded="true"] i {
	transform: rotate(180deg);
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group__description,
.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group__visual,
.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group__guide {
	display: none !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group nav {
	display: grid !important;
	min-width: 0 !important;
	gap: 1px !important;
	margin: 0 !important;
	padding: 2px 0 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] :is(.gkn-mega-group nav a, .gkn-mega-group__all) {
	display: flex !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 30px !important;
	align-items: center !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 4px 9px !important;
	border: 0 !important;
	border-radius: 7px !important;
	background: transparent !important;
	color: #5f6370 !important;
	font-size: 10.5px !important;
	font-weight: 600 !important;
	line-height: 1.75 !important;
	transition: background-color .13s ease, color .13s ease, padding .13s ease;
}

.gkn-category-drawer[data-gkn-mega-version="85"] :is(.gkn-mega-group nav a, .gkn-mega-group__all)::before {
	width: 4px;
	height: 4px;
	min-width: 4px;
	border-radius: 50%;
	background: #b4b7c0;
	content: "";
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group nav a > span {
	display: block !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: inherit !important;
	font: inherit !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] :is(.gkn-mega-group nav a, .gkn-mega-group__all):is(:hover, :focus-visible) {
	padding-inline-start: 13px !important;
	background: var(--gkn85-red-soft) !important;
	color: var(--gkn85-red-strong) !important;
	outline: 0 !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__showcase {
	display: grid !important;
	min-width: 0 !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 0 0 18px !important;
	border: 0 !important;
	border-inline-start: 1px solid var(--gkn85-line) !important;
	background: #fff !important;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__showcase > div {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__showcase > div > a {
	display: grid;
	min-width: 0;
	min-height: 132px;
	grid-template-rows: 94px auto;
	align-items: center;
	justify-items: center;
	gap: 4px;
	padding: 7px;
	border: 1px solid var(--gkn85-line);
	border-radius: 10px;
	background: #fff;
	color: #2c2f3b;
	font-size: 10px;
	font-weight: 800;
	text-align: center;
	transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__showcase > div > a:is(:hover, :focus-visible) {
	border-color: #ffbcc4;
	box-shadow: 0 8px 20px rgba(24, 27, 39, .08);
	outline: 0;
	transform: translateY(-1px);
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__showcase img {
	display: block;
	width: 100%;
	height: 94px;
	object-fit: contain;
}

.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__guide {
	display: flex;
	min-height: 42px;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 8px 10px;
	border: 1px solid #ffc5cc;
	border-radius: 9px;
	background: #fff;
	color: var(--gkn85-red-strong);
	font-size: 10px;
	font-weight: 900;
}

.gkn-category-drawer[data-gkn-mega-version="85"] :is(a, button, summary, input):focus-visible {
	position: relative;
	z-index: 8;
	outline: 3px solid rgba(11, 103, 178, .34) !important;
	outline-offset: 1px !important;
}

/* Desktop marketplace dropdown. */
@media (min-width: 1200px) {
	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel,
	.gkn-site-header.is-condensed + .gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel {
		top: var(--gkn-drawer-top, 142px) !important;
		right: 50% !important;
		bottom: auto !important;
		left: auto !important;
		width: min(1400px, calc(100vw - 40px)) !important;
		height: min(620px, calc(100dvh - var(--gkn-drawer-top, 142px) - 16px)) !important;
		border-radius: 0 0 18px 18px !important;
		box-shadow: 0 26px 70px rgba(23, 25, 34, .18), 0 5px 16px rgba(23, 25, 34, .07) !important;
		opacity: 0;
		transform: translate(50%, -7px) scale(.997) !important;
		transform-origin: top center;
		transition: opacity .18s ease, transform .18s ease !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"].is-open .gkn-category-drawer__panel {
		opacity: 1;
		transform: translate(50%, 0) scale(1) !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel > header {
		display: none !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-cascade {
		grid-template-columns: 236px minmax(0, 1fr) !important;
		border-radius: 0 0 18px 18px !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__body {
		grid-template-columns: minmax(0, 1fr) 344px !important;
	}
}

/* Tablet: stable master/detail layout with visible content on open. */
@media (min-width: 768px) and (max-width: 1199px) {
	body.gkn-drawer-open {
		overflow: hidden;
	}

	.gkn-site-header[data-gkn-header-version="85"] .gkn-header-main {
		min-height: 76px;
		padding-inline-end: 72px;
	}

	.gkn-site-header[data-gkn-header-version="85"] .gkn-brand__image {
		width: 126px;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel,
	.gkn-site-header.is-condensed + .gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel {
		top: max(78px, env(safe-area-inset-top)) !important;
		right: clamp(82px, 8.5vw, 104px) !important;
		bottom: auto !important;
		left: auto !important;
		width: min(760px, calc(100vw - 110px)) !important;
		height: min(640px, calc(100dvh - 94px)) !important;
		max-width: 760px !important;
		max-height: 640px !important;
		border-radius: 18px !important;
		box-shadow: 0 28px 80px rgba(22, 24, 31, .24) !important;
		opacity: 0;
		transform: translateY(10px) scale(.994) !important;
		transition: opacity .18s ease, transform .2s ease !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"].is-open .gkn-category-drawer__panel {
		opacity: 1;
		transform: none !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-cascade {
		grid-template-columns: clamp(224px, 27vw, 254px) minmax(0, 1fr) !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-cascade__content {
		padding-inline: 14px !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__body {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 14px !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__groups {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 9px 14px !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group {
		padding: 3px !important;
		border: 1px solid var(--gkn85-line) !important;
		border-radius: 10px !important;
		overflow: hidden !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group__title {
		min-height: 44px !important;
		padding-inline: 10px !important;
		border-inline-start: 0 !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group__toggle {
		display: none !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-group nav {
		padding: 3px 8px 8px !important;
		border-top: 1px solid var(--gkn85-line) !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] :is(.gkn-mega-group nav a, .gkn-mega-group__all) {
		min-height: 39px !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__showcase {
		padding: 12px 0 0 !important;
		border-inline-start: 0 !important;
		border-top: 1px solid var(--gkn85-line) !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__showcase > div {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__showcase > div > a {
		min-height: 108px;
		grid-template-rows: 72px auto;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__showcase > div > a:nth-child(n + 4) {
		display: none !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-panel__showcase img {
		height: 72px;
	}
}

/* Mobile shell: visual category grid + complete semantic tree. */
@media (max-width: 767px) {
	body.gkn-drawer-open {
		overflow: hidden;
	}

	.gkn-site-header[data-gkn-header-version="85"] .gkn-header-main,
	.gkn-site-header[data-gkn-header-version="85"].is-condensed .gkn-header-main {
		min-height: 132px;
		gap: 8px;
	}

	.gkn-site-header[data-gkn-header-version="85"] .gkn-brand__image {
		width: 112px;
	}

	.gkn-site-header[data-gkn-header-version="85"] .gkn-search__form {
		min-height: 48px;
		border-radius: 12px;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-drawer-backdrop {
		display: none !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel,
	.gkn-site-header.is-condensed + .gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel {
		inset: 0 !important;
		width: 100% !important;
		height: 100dvh !important;
		max-width: none !important;
		max-height: none !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		opacity: 0;
		transform: translateX(-16px) !important;
		transition: opacity .16s ease, transform .2s ease !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"].is-open .gkn-category-drawer__panel {
		opacity: 1;
		transform: none !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel > header {
		min-height: calc(62px + env(safe-area-inset-top));
		padding: max(8px, env(safe-area-inset-top)) 12px 8px;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__eyebrow,
	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel > header small {
		display: none !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-category-drawer__panel > header strong {
		font-size: 15px;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mega-cascade {
		display: none !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-shell {
		display: block;
		min-width: 0;
		min-height: 0;
		flex: 1 1 auto;
		padding: 10px 12px calc(150px + env(safe-area-inset-bottom));
		background: #fff;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-search {
		position: relative;
		display: flex;
		min-height: 48px;
		align-items: center;
		gap: 8px;
		margin: 0 0 10px;
		padding: 0 13px;
		border: 1px solid var(--gkn85-line);
		border-radius: 11px;
		background: #fff;
		color: #757986;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-search > i {
		font-size: 19px;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-search input[type="search"] {
		width: 100%;
		min-width: 0;
		height: 46px;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
		color: var(--gkn85-ink);
		font: inherit;
		font-size: 12px;
		outline: 0;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-featured {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 7px;
		margin: 0 0 10px;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-featured button {
		display: grid;
		min-width: 0;
		min-height: 94px;
		grid-template-rows: 58px auto;
		align-items: center;
		justify-items: center;
		gap: 3px;
		margin: 0;
		padding: 7px 5px;
		border: 1px solid var(--gkn85-line);
		border-radius: 10px;
		background: var(--gkn85-soft);
		color: #2d303b;
		font: inherit;
		text-align: center;
		cursor: pointer;
		touch-action: manipulation;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-featured button.is-active {
		border-color: #ffbfc7;
		background: var(--gkn85-red-soft);
		color: var(--gkn85-red-strong);
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-featured button > span {
		display: grid;
		width: 100%;
		height: 58px;
		place-items: center;
		overflow: hidden;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-featured img {
		display: block;
		width: 100%;
		height: 58px;
		object-fit: contain;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-featured button > span > i {
		font-size: 28px;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-featured strong {
		display: block;
		max-width: 100%;
		overflow: hidden;
		font-size: 10.5px;
		font-weight: 900;
		line-height: 1.5;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-tree {
		display: grid;
		gap: 7px;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-tree details {
		margin: 0;
		border: 1px solid var(--gkn85-line);
		border-radius: 10px;
		background: #fff;
		overflow: hidden;
		scroll-margin-top: 8px;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-tree details[open] {
		border-color: #ffc6cd;
		box-shadow: 0 7px 22px rgba(28, 31, 43, .06);
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-tree summary {
		display: grid;
		min-height: 50px;
		grid-template-columns: 30px minmax(0, 1fr) 20px;
		align-items: center;
		gap: 8px;
		padding: 7px 10px;
		color: #282b36;
		font-size: 12px;
		font-weight: 900;
		list-style: none;
		cursor: pointer;
		touch-action: manipulation;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-tree summary::-webkit-details-marker {
		display: none;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-tree details[open] > summary {
		border-bottom: 1px solid #ffd7dc;
		background: var(--gkn85-red-soft);
		color: var(--gkn85-red-strong);
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-tree summary > i:last-child {
		transition: transform .14s ease;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-tree details[open] > summary > i:last-child {
		transform: rotate(180deg);
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-tree__content {
		display: grid;
		gap: 8px;
		padding: 8px 10px 10px;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-tree__all {
		display: flex;
		min-height: 42px;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		padding: 8px 10px;
		border: 1px solid #ffc5cc;
		border-radius: 8px;
		background: #fff;
		color: var(--gkn85-red-strong);
		font-size: 10.5px;
		font-weight: 900;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-tree__content > section {
		display: grid;
		gap: 2px;
		padding: 0 0 6px;
		border-bottom: 1px solid #f0f1f4;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-tree__group {
		display: flex;
		min-height: 40px;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		padding: 7px 4px;
		color: #292c37;
		font-size: 11.5px;
		font-weight: 900;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-tree nav {
		display: grid !important;
		gap: 1px !important;
		padding: 0 8px 3px !important;
		border: 0 !important;
		background: transparent !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-tree nav a {
		display: flex !important;
		min-height: 36px !important;
		align-items: center !important;
		padding: 6px 8px !important;
		border: 0 !important;
		border-radius: 7px !important;
		background: transparent !important;
		color: #676b78 !important;
		font-size: 10.5px !important;
		font-weight: 600 !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-tree nav a::before {
		width: 4px;
		height: 4px;
		margin-inline-end: 7px;
		border-radius: 50%;
		background: #b9bbc5;
		content: "";
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-all {
		display: flex;
		min-height: 48px;
		align-items: center;
		justify-content: center;
		gap: 8px;
		margin: 10px 0 0;
		padding: 9px 12px;
		border: 1px solid var(--gkn85-red);
		border-radius: 9px;
		background: var(--gkn85-red);
		color: #fff;
		font-size: 12px;
		font-weight: 900;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-nav {
		position: fixed;
		z-index: 12;
		right: 0;
		bottom: 0;
		left: 0;
		display: grid !important;
		min-height: calc(70px + env(safe-area-inset-bottom));
		grid-template-columns: repeat(5, minmax(0, 1fr));
		align-items: start;
		padding: 7px 6px env(safe-area-inset-bottom);
		border: 0 !important;
		border-top: 1px solid var(--gkn85-line) !important;
		background: rgba(255, 255, 255, .98) !important;
		box-shadow: 0 -10px 28px rgba(24, 27, 38, .08);
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-nav a {
		position: relative;
		display: grid !important;
		min-width: 0;
		min-height: 54px;
		place-items: center;
		align-content: center;
		gap: 3px;
		padding: 3px !important;
		border: 0 !important;
		background: transparent !important;
		color: #4f5360 !important;
		font-size: 9px !important;
		font-weight: 800 !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-nav a > i {
		display: block !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 21px !important;
		line-height: 1 !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-nav a > span {
		display: block !important;
		width: auto !important;
		height: auto !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		color: inherit !important;
		font: inherit !important;
		font-size: 9px !important;
		line-height: 1.35 !important;
		white-space: nowrap !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-nav a.is-active {
		color: var(--gkn85-red) !important;
	}

	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-nav b {
		position: absolute;
		top: 1px;
		right: calc(50% - 21px);
		display: grid;
		min-width: 17px;
		height: 17px;
		place-items: center;
		padding: 0 4px;
		border-radius: 9px;
		background: var(--gkn85-red);
		color: #fff;
		font-size: 8px;
	}

	body.gkn-drawer-open > .gkn-mobile-bottom-nav {
		display: none !important;
	}
}

@media (max-width: 380px) {
	.gkn-category-drawer[data-gkn-mega-version="85"] .gkn-mobile-category-featured {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {
	.gkn-category-drawer[data-gkn-mega-version="85"] *,
	.gkn-category-drawer[data-gkn-mega-version="85"] *::before,
	.gkn-category-drawer[data-gkn-mega-version="85"] *::after {
		scroll-behavior: auto !important;
		animation: none !important;
		transition-duration: .01ms !important;
	}
}