/**
 * GKN KALA visual system V8.3.0
 * Selected shopping-path direction: dense marketplace navigation, RTL-first
 * master/detail tablet, native mobile drill-in and viewport-safe AJAX cart.
 */

/* --------------------------------------------------------------------------
 * Shared visual language
 * ----------------------------------------------------------------------- */

.gkn-category-drawer[data-gkn-design-version="83"],
.gkn-cart-panel[data-gkn-design-version="83"] {
	--gkn-v83-red: var(--gkn-red, #ef4056);
	--gkn-v83-red-strong: #d92f47;
	--gkn-v83-red-soft: #fff2f4;
	--gkn-v83-ink: #202230;
	--gkn-v83-copy: #454854;
	--gkn-v83-muted: #747783;
	--gkn-v83-line: #e3e5e9;
	--gkn-v83-soft: #f7f7f8;
	--gkn-v83-focus: #0b67b2;
}

/* --------------------------------------------------------------------------
 * Mega menu — purchase-first structure
 * ----------------------------------------------------------------------- */

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-category-drawer__panel {
	contain: layout paint;
}

.gkn-category-drawer[data-gkn-design-version="83"] :is(
	.gkn-mega-cascade,
	.gkn-mega-cascade__roots,
	.gkn-mega-cascade__content,
	.gkn-mega-panel,
	.gkn-mega-panel__groups,
	.gkn-mega-group,
	.gkn-mega-group__heading
) {
	min-width: 0 !important;
	max-width: 100% !important;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path {
	position: relative;
	display: grid;
	width: 100%;
	min-width: 0;
	gap: 8px;
	margin: 0 0 5px;
	padding: 13px;
	border: 1px solid #f4cbd1;
	border-radius: 14px;
	background: linear-gradient(145deg, #fff, #fff6f7);
	box-shadow: 0 5px 18px rgba(32, 34, 48, .055);
	color: var(--gkn-v83-copy);
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path::after {
	position: absolute;
	top: 0;
	right: 14px;
	left: 14px;
	height: 3px;
	border-radius: 0 0 6px 6px;
	background: var(--gkn-v83-red);
	content: "";
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path__label {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--gkn-v83-red-strong);
	font-size: 10px;
	font-weight: 950;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path__label i {
	font-size: 15px;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path > strong {
	color: var(--gkn-v83-ink);
	font-size: 12px;
	font-weight: 950;
	line-height: 1.75;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path ol {
	display: grid;
	gap: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path li {
	display: grid;
	min-height: 25px;
	grid-template-columns: 22px minmax(0, 1fr);
	align-items: center;
	gap: 7px;
	color: var(--gkn-v83-muted);
	font-size: 9.5px;
	font-weight: 750;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path li span {
	display: grid;
	width: 22px;
	height: 22px;
	place-items: center;
	border: 1px solid #dfe1e6;
	border-radius: 50%;
	background: #fff;
	color: #696c77;
	font-size: 9px;
	font-weight: 900;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path li.is-current {
	color: var(--gkn-v83-ink);
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path li.is-current span {
	border-color: var(--gkn-v83-red);
	background: var(--gkn-v83-red);
	color: #fff;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path > a {
	display: flex;
	min-height: 38px;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 1px;
	padding: 7px 10px;
	border: 1px solid #f1bfc7;
	border-radius: 10px;
	background: #fff;
	color: var(--gkn-v83-red-strong);
	font-size: 10px;
	font-weight: 950;
	text-decoration: none;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path > a:is(:hover, :focus-visible) {
	background: var(--gkn-v83-red-soft);
	outline: 3px solid rgba(11, 103, 178, .28);
	outline-offset: 1px;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-cascade__roots {
	background: #f6f6f7 !important;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root {
	border-radius: 10px !important;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root:is(:hover, :focus-visible, .is-active) {
	border-color: #f2c7ce !important;
	box-shadow: 0 3px 11px rgba(32, 34, 48, .045) !important;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root__media {
	border-color: #e1e3e7 !important;
	border-radius: 9px !important;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root__copy {
	width: auto !important;
	max-width: none !important;
	justify-self: stretch !important;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root__copy :is(b, small) {
	width: 100% !important;
	max-width: 100% !important;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-panel__header {
	background: rgba(255, 255, 255, .985) !important;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-panel__header strong,
.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-group__title {
	color: var(--gkn-v83-ink) !important;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-panel__header > a {
	border-color: #efbec6 !important;
	border-radius: 9px !important;
	background: var(--gkn-v83-red-soft) !important;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-panel__groups {
	align-content: start !important;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-group {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--gkn-v83-line) !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: 0 3px 14px rgba(31, 33, 45, .035) !important;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-group__heading {
	border-bottom: 1px solid #eef0f2;
	background: linear-gradient(180deg, #fff, #fbfbfc);
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-group__title {
	border-inline-start: 3px solid var(--gkn-v83-red) !important;
}

.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-group nav {
	padding: 5px 7px 8px !important;
}

.gkn-category-drawer[data-gkn-design-version="83"] :is(.gkn-mega-group nav a, .gkn-mega-group__all) {
	border-radius: 7px !important;
	color: #5e616d !important;
}

/* Desktop cascade: right guidance rail + four compact technical columns. */
@media (min-width: 1200px) {
	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-category-drawer__panel,
	.gkn-site-header.is-condensed + .gkn-category-drawer[data-gkn-design-version="83"] .gkn-category-drawer__panel {
		width: min(1420px, calc(100vw - 32px)) !important;
		height: min(604px, calc(100dvh - var(--gkn-drawer-top, 142px) - 12px)) !important;
		min-height: 420px !important;
		border-radius: 0 0 14px 14px !important;
		box-shadow: 0 24px 64px rgba(21, 23, 31, .18), 0 3px 12px rgba(21, 23, 31, .07) !important;
	}

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

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-cascade__roots {
		gap: 4px !important;
		padding: 8px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path {
		position: sticky;
		z-index: 3;
		top: 0;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root {
		min-height: 50px !important;
		grid-template-columns: 40px minmax(0, 1fr) 15px !important;
		gap: 8px !important;
		padding: 4px 8px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root__media {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root__media img {
		width: 36px !important;
		height: 36px !important;
	}

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

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-panel__header {
		top: -14px !important;
		min-height: 66px !important;
		margin-bottom: 12px !important;
		padding-block: 7px 10px !important;
	}

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

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-group {
		padding-bottom: 5px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-group__title {
		min-height: 42px !important;
		padding: 7px 9px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] :is(.gkn-mega-group nav a, .gkn-mega-group__all) {
		min-height: 29px !important;
		padding-block: 3px !important;
	}
}

/* Tablet master/detail: both columns are bounded by the dialog viewport. */
@media (min-width: 768px) and (max-width: 1199px) {
	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-category-drawer__panel,
	.gkn-site-header.is-condensed + .gkn-category-drawer[data-gkn-design-version="83"] .gkn-category-drawer__panel {
		top: max(10px, env(safe-area-inset-top)) !important;
		right: 10px !important;
		bottom: max(10px, env(safe-area-inset-bottom)) !important;
		left: 10px !important;
		width: calc(100vw - 20px) !important;
		height: calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
		max-width: calc(100vw - 20px) !important;
		max-height: calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
		border-radius: 18px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-category-drawer__panel > header {
		min-height: 72px;
		padding-inline: 13px;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-cascade {
		grid-template-columns: clamp(218px, 29vw, 272px) minmax(0, 1fr) !important;
		width: 100% !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-cascade__roots {
		width: 100% !important;
		padding: 8px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path {
		padding: 11px;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path > strong {
		font-size: 11px;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root {
		min-height: 52px !important;
		grid-template-columns: 40px minmax(0, 1fr) 14px !important;
		gap: 7px !important;
		padding: 4px 7px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root__media {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root__media img {
		width: 36px !important;
		height: 36px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root__copy b {
		font-size: 11.5px;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-cascade__content {
		width: 100% !important;
		padding: 12px 14px 16px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-panel__header {
		top: -12px !important;
		margin-bottom: 10px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-panel__groups {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}
}

@media (min-width: 960px) and (max-width: 1199px) {
	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-panel__groups {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* Mobile shell: strict 100vw/100dvh geometry and a two-stage drill-in. */
@media (max-width: 767px) {
	body.gkn-drawer-open {
		overflow: hidden !important;
		touch-action: none;
	}

	.gkn-category-drawer[data-gkn-design-version="83"],
	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-category-drawer__panel {
		inset: 0 !important;
		width: 100vw !important;
		height: 100dvh !important;
		max-width: 100vw !important;
		max-height: 100dvh !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-category-drawer__panel {
		contain: size layout paint;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-category-drawer__panel > header {
		width: 100% !important;
		min-height: calc(68px + env(safe-area-inset-top));
		padding: max(8px, env(safe-area-inset-top)) 12px 8px;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-category-drawer__panel > header > div {
		max-width: calc(100% - 58px);
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-cascade {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-width: 100% !important;
		overflow: hidden !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-cascade__roots,
	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-cascade__content {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		height: 100% !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		transition: opacity .18s ease, transform .22s cubic-bezier(.2, .72, .22, 1) !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"].is-browsing-roots .gkn-mega-cascade__roots {
		opacity: 1 !important;
		transform: none !important;
		pointer-events: auto !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"].is-browsing-roots .gkn-mega-cascade__content {
		opacity: 0 !important;
		transform: translateX(-100%) !important;
		pointer-events: none !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"].is-browsing-panel .gkn-mega-cascade__roots {
		opacity: 0 !important;
		transform: translateX(24%) !important;
		pointer-events: none !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"].is-browsing-panel .gkn-mega-cascade__content {
		opacity: 1 !important;
		transform: none !important;
		pointer-events: auto !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-cascade__roots {
		gap: 7px !important;
		padding: 10px 10px calc(86px + env(safe-area-inset-bottom)) !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 5px 10px;
		padding: 12px;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path__label,
	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path > strong {
		grid-column: 1 / -1;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path ol {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 4px;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path li {
		min-width: 0;
		grid-template-columns: 22px minmax(0, 1fr);
		gap: 4px;
		font-size: 8px;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-route-path > a {
		min-height: 42px;
		align-self: end;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root {
		width: 100% !important;
		min-height: 62px !important;
		grid-template-columns: 48px minmax(0, 1fr) 16px !important;
		gap: 9px !important;
		padding: 6px 9px !important;
		border-radius: 12px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root__media {
		width: 48px !important;
		height: 48px !important;
		min-width: 48px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root__media img {
		width: 44px !important;
		height: 44px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root__copy b,
	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-root__copy small {
		max-width: 100%;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-cascade__content {
		padding: 0 10px calc(86px + env(safe-area-inset-bottom)) !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-panel {
		width: 100% !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-panel__header {
		width: calc(100% + 20px) !important;
		min-height: 74px !important;
		gap: 7px !important;
		margin: 0 -10px 9px !important;
		padding: 8px 10px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-panel__intro {
		min-width: 0 !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-panel__header > a {
		max-width: 38vw !important;
		min-width: 0 !important;
		padding-inline: 8px !important;
		font-size: 9px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-panel__groups {
		width: 100% !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 8px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-group {
		width: 100% !important;
		padding: 3px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-group__title {
		min-height: 46px !important;
		border-inline-start: 3px solid var(--gkn-v83-red) !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] .gkn-mega-group nav {
		width: 100% !important;
		padding: 4px 6px 7px !important;
	}

	.gkn-category-drawer[data-gkn-design-version="83"] :is(.gkn-mega-group nav a, .gkn-mega-group__all) {
		width: 100% !important;
		min-height: 44px !important;
		white-space: normal !important;
	}
}

/* --------------------------------------------------------------------------
 * AJAX cart — one viewport-safe geometry layer loaded after legacy styles
 * ----------------------------------------------------------------------- */

body .gkn-cart-panel[data-gkn-design-version="83"] {
	display: flex;
	width: min(520px, calc(100vw - 28px));
	max-width: calc(100vw - 28px);
	max-height: min(680px, calc(100dvh - 176px));
	overflow: hidden !important;
	flex-direction: column;
	border: 1px solid var(--gkn-v83-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 28px 78px rgba(20, 22, 30, .2), 0 4px 14px rgba(20, 22, 30, .07);
	contain: layout paint;
}

body .gkn-cart-panel[data-gkn-design-version="83"][hidden] {
	display: none !important;
}

body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-shell-panel__header {
	display: grid;
	width: 100%;
	min-width: 0;
	min-height: 72px;
	grid-template-columns: minmax(0, 1fr) auto 44px;
	align-items: center;
	gap: 9px;
	flex: 0 0 auto;
	padding: 11px 13px;
	border-bottom: 1px solid var(--gkn-v83-line);
	background: #fff;
}

body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-shell-panel__header > div {
	display: grid;
	min-width: 0;
	gap: 1px;
}

body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-shell-panel__header :is(strong, small) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-shell-panel__header > a {
	min-height: 40px;
	border: 1px solid #f0c5cc;
	border-radius: 9px;
	background: var(--gkn-v83-red-soft);
}

body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-shell-panel__header > button {
	width: 44px;
	height: 44px;
	min-width: 44px;
	border: 1px solid var(--gkn-v83-line);
	border-radius: 11px;
}

body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-cart-content {
	display: flex !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	overflow: hidden !important;
	background: var(--gkn-v83-soft);
}

body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-cart-list {
	width: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	flex: 1 1 auto !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	padding: 10px !important;
	scrollbar-gutter: stable;
}

body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-cart-item.gkn-mini-cart-item {
	width: 100% !important;
	min-width: 0 !important;
	grid-template-columns: 88px minmax(0, 1fr) !important;
	gap: 11px !important;
	margin-bottom: 8px !important;
	padding: 10px !important;
	border: 1px solid var(--gkn-v83-line) !important;
	border-radius: 13px !important;
	box-shadow: 0 3px 12px rgba(30, 32, 43, .035) !important;
}

body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-cart-item__body,
body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-cart-item__purchase {
	min-width: 0 !important;
	max-width: 100% !important;
}

body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-cart-item__purchase {
	flex-wrap: wrap;
}

body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-quantity {
	max-width: 100%;
	grid-template-columns: 40px 50px 40px;
	border-radius: 10px;
}

body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-quantity button {
	width: 40px;
	height: 44px;
}

body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-quantity :is(.quantity, input.qty) {
	width: 50px !important;
}

body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-cart-summary {
	position: relative;
	z-index: 4;
	width: 100%;
	min-width: 0;
	flex: 0 0 auto;
	padding: 12px 13px 13px;
	border-top: 1px solid var(--gkn-v83-line);
	background: #fff;
	box-shadow: 0 -8px 24px rgba(24, 26, 35, .065);
}

body .gkn-cart-panel[data-gkn-design-version="83"] .woocommerce-mini-cart__buttons {
	grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
	gap: 8px;
}

body .gkn-cart-panel[data-gkn-design-version="83"] .woocommerce-mini-cart__buttons .button {
	min-width: 0;
	min-height: 50px;
	border-radius: 11px !important;
	white-space: normal;
}

body .gkn-cart-panel[data-gkn-design-version="83"] .woocommerce-mini-cart__buttons .button.checkout {
	background: var(--gkn-v83-red) !important;
	box-shadow: 0 8px 20px rgba(239, 64, 86, .2) !important;
}

@media (min-width: 768px) and (max-width: 1199px) {
	body .gkn-cart-panel[data-gkn-design-version="83"] {
		width: min(510px, calc(100vw - 32px));
		max-width: calc(100vw - 32px);
		max-height: calc(100dvh - 96px);
	}
}

@media (max-width: 767px) {
	body.gkn-shell-panel-open {
		overflow: hidden !important;
	}

	body.gkn-shell-panel-open .gkn-site-header {
		filter: none !important;
		transform: none !important;
	}

	body.gkn-shell-panel-open :is(.gkn-site-header, .gkn-header-main, .gkn-header-actions) {
		overflow: visible !important;
	}

	body .gkn-shell-control:has(.gkn-cart-panel[data-gkn-design-version="83"]) {
		position: static !important;
		isolation: auto !important;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] {
		position: fixed !important;
		z-index: 2200 !important;
		top: auto !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: 100vw !important;
		height: min(88dvh, 760px) !important;
		max-width: 100vw !important;
		max-height: calc(100dvh - max(12px, env(safe-area-inset-top))) !important;
		margin: 0 !important;
		border-width: 1px 0 0 !important;
		border-radius: 22px 22px 0 0 !important;
		box-shadow: 0 -22px 68px rgba(16, 18, 25, .3) !important;
		transform: none !important;
		transform-origin: bottom center;
		animation: gkn-cart-v83-enter .2s cubic-bezier(.2, .78, .28, 1) both !important;
	}

	@keyframes gkn-cart-v83-enter {
		from { opacity: 0; transform: translateY(22px); }
		to { opacity: 1; transform: none; }
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-shell-panel__grabber {
		display: block !important;
		top: 7px;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-shell-panel__header {
		min-height: 70px;
		grid-template-columns: minmax(0, 1fr) auto 42px;
		gap: 7px;
		padding: 15px 9px 8px;
		border-radius: 22px 22px 0 0;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-shell-panel__header > a {
		min-height: 38px;
		padding-inline: 8px;
		font-size: 9px;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-shell-panel__header > button {
		width: 42px;
		height: 42px;
		min-width: 42px;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-cart-list {
		padding: 8px !important;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-cart-item.gkn-mini-cart-item {
		grid-template-columns: 76px minmax(0, 1fr) !important;
		gap: 8px !important;
		padding: 8px !important;
		border-radius: 12px !important;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] :is(
		.gkn-mini-cart-item > .gkn-mini-cart-item__media,
		.gkn-mini-cart-item > a.gkn-mini-cart-item__media:not(.remove)
	) {
		width: 76px !important;
		min-height: 94px !important;
		border-radius: 11px !important;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] :is(.gkn-mini-cart-item__media img, .woocommerce-mini-cart-item img) {
		width: 68px !important;
		height: 68px !important;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-cart-item__name {
		max-width: 100%;
		font-size: 10.75px !important;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-cart-item__price {
		min-width: 92px;
		max-width: 100%;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-cart-summary {
		padding: 10px 9px calc(10px + env(safe-area-inset-bottom));
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] .woocommerce-mini-cart__buttons .button {
		min-height: 52px;
		font-size: 10.5px !important;
	}
}

@media (max-width: 390px) {
	body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-cart-item.gkn-mini-cart-item {
		grid-template-columns: 68px minmax(0, 1fr) !important;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] :is(
		.gkn-mini-cart-item > .gkn-mini-cart-item__media,
		.gkn-mini-cart-item > a.gkn-mini-cart-item__media:not(.remove)
	) {
		width: 68px !important;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] :is(.gkn-mini-cart-item__media img, .woocommerce-mini-cart-item img) {
		width: 60px !important;
		height: 60px !important;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-quantity {
		grid-template-columns: 38px 44px 38px;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-quantity button {
		width: 38px;
	}

	body .gkn-cart-panel[data-gkn-design-version="83"] .gkn-mini-quantity :is(.quantity, input.qty) {
		width: 44px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.gkn-category-drawer[data-gkn-design-version="83"] *,
	.gkn-cart-panel[data-gkn-design-version="83"] * {
		animation-duration: .01ms !important;
		transition-duration: .01ms !important;
	}
}