/**
 * GKN KALA customer-care release 9.9 — persistent wishlist, ticket threads and
 * one restrained mobile header across all public pages.
 */

[data-gkn-favorite] {
	transition: color .18s ease, border-color .18s ease, background-color .18s ease, transform .18s ease;
}

[data-gkn-favorite].is-active,
[data-gkn-favorite][aria-pressed="true"] {
	color: #ed1c24 !important;
	border-color: rgba(237, 28, 36, .24) !important;
	background: #fff4f4 !important;
}

[data-gkn-favorite]:focus-visible {
	outline: 3px solid rgba(237, 28, 36, .2);
	outline-offset: 2px;
}

[data-gkn-favorite][aria-busy="true"] {
	opacity: .62;
	transform: scale(.94);
}

.gkn-wishlist-card.is-removing {
	opacity: 0;
	transform: scale(.98);
}

.gkn-wishlist-events {
	display: grid;
	gap: 12px;
	margin-block: 14px 18px;
	padding: 16px;
	border: 1px solid #ffd7d9;
	border-radius: 16px;
	background: #fffafa;
	box-shadow: 0 8px 28px rgba(35, 38, 45, .05);
}

.gkn-wishlist-events > header,
.gkn-wishlist-events > div > a {
	display: flex;
	align-items: center;
	gap: 12px;
}

.gkn-wishlist-events > header {
	justify-content: space-between;
}

.gkn-wishlist-events h3,
.gkn-wishlist-events span,
.gkn-wishlist-events small {
	margin: 0;
}

.gkn-wishlist-events > header span {
	color: #ed1c24;
	font-size: 11px;
}

.gkn-wishlist-events > div {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.gkn-wishlist-events > div > a {
	min-width: 0;
	padding: 12px;
	border: 1px solid #eceef1;
	border-radius: 13px;
	background: #fff;
	color: #22262d;
}

.gkn-wishlist-events > div > a > i:first-child {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	border-radius: 11px;
	background: #fff2f2;
	color: #ed1c24;
}

.gkn-wishlist-events > div > a span {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.gkn-wishlist-events > div > a small {
	overflow: hidden;
	color: #747b86;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gkn-wishlist-events > div > a > i:last-child {
	margin-inline-start: auto;
	color: #a1a7b0;
}

.gkn-ticket-thread {
	display: grid;
	gap: 14px;
	margin-block: 16px;
	padding: 18px;
	border: 1px solid #e3e6eb;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 34px rgba(26, 29, 36, .055);
}

.gkn-ticket-thread > header,
.gkn-ticket-thread__messages article > div,
.gkn-support__recent article footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.gkn-ticket-thread > header span:first-child {
	color: #ed1c24;
	font-size: 11px;
}

.gkn-ticket-thread > header h3 {
	margin: 4px 0 0;
	font-size: 19px;
}

.gkn-ticket-thread__messages {
	display: grid;
	gap: 10px;
	max-height: 460px;
	overflow: auto;
	padding: 4px;
	scrollbar-width: thin;
}

.gkn-ticket-thread__messages article {
	width: min(86%, 680px);
	padding: 13px 15px;
	border: 1px solid #e7e9ed;
	border-radius: 15px 15px 5px 15px;
	background: #fafbfc;
}

.gkn-ticket-thread__messages article.is-admin {
	margin-inline-start: auto;
	border-color: #ffd0d3;
	border-radius: 15px 15px 15px 5px;
	background: #fff7f7;
}

.gkn-ticket-thread__messages article time {
	color: #8a9099;
	font-size: 10px;
}

.gkn-ticket-thread__messages article p {
	margin: 9px 0 0;
	color: #343943;
	line-height: 1.95;
}

.gkn-ticket-thread__messages article a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 8px;
	color: #d8121a;
}

.gkn-ticket-thread__reply {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 190px auto;
	align-items: end;
	gap: 10px;
	padding-top: 14px;
	border-top: 1px solid #eceef1;
}

.gkn-ticket-thread__reply > label:first-child {
	display: grid;
	gap: 7px;
}

.gkn-ticket-thread__reply textarea {
	width: 100%;
	min-height: 96px;
	resize: vertical;
}

.gkn-ticket-thread__reply .gkn-support__upload.is-compact {
	min-height: 96px;
	padding: 10px;
}

.gkn-support__recent > header > div {
	display: grid;
	gap: 3px;
}

.gkn-support__recent > header small {
	color: #747b86;
	font-size: 10px;
}

.gkn-support__recent .gkn-support-ticket-card {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	padding: 13px;
	border-radius: 13px;
	background: #fff;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.gkn-support__recent .gkn-support-ticket-card:hover {
	border-color: #d9dde3;
	box-shadow: 0 10px 24px rgba(29, 33, 40, .055);
	transform: translateY(-1px);
}

.gkn-support__recent .gkn-support-ticket-card > header,
.gkn-support-ticket-card__activity {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.gkn-support__recent .gkn-support-ticket-card > header > div {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.gkn-support__recent .gkn-support-ticket-card > header strong {
	color: #20242b;
	font-size: 12px;
}

.gkn-support__recent .gkn-support-ticket-card > header small {
	overflow: hidden;
	color: #858b94;
	font-size: 9px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gkn-support__recent .gkn-support-ticket-card > p {
	min-height: 40px;
	margin: 0;
	color: #3f4650;
	font-size: 11px;
	line-height: 1.9;
}

.gkn-support-ticket-card__activity {
	padding: 8px 10px;
	border: 1px solid #eceef1;
	border-radius: 9px;
	background: #fafbfc;
	color: #737a84;
	font-size: 9px;
}

.gkn-support-ticket-card__activity time {
	direction: ltr;
	font-variant-numeric: tabular-nums;
}

.gkn-support-ticket-card__unread {
	display: inline-flex;
	align-items: center;
	justify-self: start;
	gap: 5px;
	padding: 5px 8px;
	border: 1px solid #ffc9cc;
	border-radius: 999px;
	background: #fff4f4;
	color: #d8121a;
	font-size: 9px;
	font-weight: 800;
}

.gkn-support__recent article.is-current {
	border-color: #ffbfc3;
	background: #fffafa;
}

.gkn-support__recent article.has-unread {
	border-color: #ff9fa5;
	box-shadow: 0 8px 22px rgba(237, 28, 36, .07);
}

.gkn-support__recent article footer {
	margin-top: 10px;
	padding-top: 9px;
	border-top: 1px solid #eceef1;
	color: #737a84;
}

.gkn-support__recent article footer span,
.gkn-support__recent article footer a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.gkn-support__recent article footer a {
	color: #d8121a;
	font-weight: 700;
}

.gkn-support__recent article footer a:focus-visible {
	border-radius: 6px;
	outline: 3px solid rgba(237, 28, 36, .18);
	outline-offset: 3px;
}

.gkn-contact-form__sms-consent {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	padding: 11px 13px;
	border: 1px solid #e4e7eb;
	border-radius: 12px;
	background: #fafbfc;
	color: #4f5661;
}

.gkn-contact-form__sms-consent input {
	width: 18px;
	height: 18px;
	margin-top: 1px;
	accent-color: #ed1c24;
}

@media (max-width: 1023px) {
	.gkn-wishlist-events > div {
		grid-template-columns: 1fr;
	}

	.gkn-ticket-thread__reply {
		grid-template-columns: 1fr 180px;
	}

	.gkn-ticket-thread__reply > label:first-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	.gkn-support__recent .gkn-support-ticket-card {
		padding: 12px;
	}

	.gkn-support__recent .gkn-support-ticket-card > header {
		align-items: flex-start;
	}

	.gkn-support-ticket-card__activity {
		align-items: flex-start;
		flex-direction: column;
		gap: 3px;
	}

	.gkn-support__recent article footer {
		align-items: flex-start;
		flex-direction: column;
	}

	.gkn-support__recent article footer a {
		justify-content: center;
		width: 100%;
		min-height: 44px;
		border: 1px solid #ffd1d4;
		border-radius: 9px;
		background: #fff7f7;
	}

	/* One app-like mobile header on home, shop, product, checkout and account. */
	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-header-main,
	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"].is-condensed .gkn-header-main {
		display: grid !important;
		grid-template-columns: 44px minmax(0, 1fr) 44px !important;
		grid-template-areas: "actions brand spacer" "search search search" !important;
		gap: 6px 8px !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		padding: calc(7px + env(safe-area-inset-top)) 12px 8px !important;
	}

	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-header-main::after {
		grid-area: spacer;
		content: "";
	}

	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-brand {
		grid-area: brand !important;
		justify-self: center !important;
		min-width: 0 !important;
	}

	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-brand__image,
	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"].is-condensed .gkn-brand__image {
		width: 104px !important;
		max-height: 34px !important;
	}

	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-header-actions {
		grid-area: actions !important;
		display: block !important;
		width: 44px !important;
		min-width: 44px !important;
	}

	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-header-actions > :not(.gkn-mobile-menu-toggle),
	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-notification-popover {
		display: none !important;
	}

	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-mobile-menu-toggle {
		display: grid !important;
		place-items: center !important;
		width: 44px !important;
		height: 44px !important;
		border: 0 !important;
		background: transparent !important;
	}

	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-header-search {
		grid-area: search !important;
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] :is(.gkn-search, .gkn-search__form) {
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
	}

	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-search__form {
		min-height: 42px !important;
		border: 1px solid #eaedf0 !important;
		border-radius: 11px !important;
		background: #f6f7f8 !important;
		box-shadow: none !important;
	}

	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-search__filter,
	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-search__submit {
		display: none !important;
	}

	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-search__form input {
		min-width: 0 !important;
		font-size: 12px !important;
	}

	/* The category drawer keeps ownership of the lower app navigation. */
	body.gkn-drawer-open .gkn-mobile-bottom-nav,
	body.gkn-mobile-menu-open .gkn-mobile-bottom-nav,
	body.gkn-shell-panel-open .gkn-mobile-bottom-nav {
		visibility: hidden !important;
		pointer-events: none !important;
	}

	.gkn-wishlist-events {
		padding: 13px;
		border-radius: 14px;
	}

	.gkn-wishlist-events > header {
		align-items: flex-start;
	}

	.gkn-wishlist-events > div > a {
		padding: 10px;
	}

	.gkn-ticket-thread {
		margin-inline: 0;
		padding: 13px;
		border-radius: 15px;
	}

	.gkn-ticket-thread > header {
		align-items: flex-start;
	}

	.gkn-ticket-thread__messages {
		max-height: 390px;
	}

	.gkn-ticket-thread__messages article {
		width: 94%;
		padding: 11px 12px;
	}

	.gkn-ticket-thread__reply {
		grid-template-columns: 1fr;
	}

	.gkn-ticket-thread__reply > label:first-child {
		grid-column: auto;
	}

	.gkn-ticket-thread__reply .gkn-support__upload.is-compact {
		min-height: 74px;
	}
}

@media (prefers-reduced-motion: reduce) {
	[data-gkn-favorite],
	.gkn-wishlist-card {
		transition: none !important;
	}
}

.gkn-support__smart-hint{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #d9e8ff;border-radius:11px;background:#f6f9ff;color:#425466;font-size:12px;line-height:1.8}.gkn-support__smart-hint i{flex:0 0 auto;margin-top:4px;color:#2563eb}

/*
 * Mobile account sheet ownership.
 * The compact header intentionally hides its desktop controls, but the fixed
 * account sheet still lives inside that control. Keep only the open host in
 * the rendering tree so the bottom navigation can expose the curated account
 * menu without bringing the desktop profile button back into the header.
 */
@media (max-width: 767px) {
	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-header-actions > .gkn-shell-control[data-gkn-shell-control="account"]:not(.is-open) {
		display: none !important;
	}

	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-header-actions > .gkn-shell-control[data-gkn-shell-control="account"].is-open {
		position: fixed !important;
		z-index: 2300 !important;
		inset: 0 auto auto 0 !important;
		display: block !important;
		width: 0 !important;
		height: 0 !important;
		overflow: visible !important;
	}

	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-shell-control[data-gkn-shell-control="account"].is-open > .gkn-account-link {
		display: none !important;
	}

	/*
	 * The sticky mobile cart trigger lives outside the compact header, while
	 * its accessible bottom-sheet remains inside the desktop cart host. Keep
	 * that host out of the header until it is opened, then expose only the
	 * fixed sheet (not the desktop cart button).
	 */
	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-header-actions > .gkn-shell-control[data-gkn-shell-control="cart"]:not(.is-open) {
		display: none !important;
	}

	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-header-actions > .gkn-shell-control[data-gkn-shell-control="cart"].is-open {
		position: fixed !important;
		z-index: 2300 !important;
		inset: 0 auto auto 0 !important;
		display: block !important;
		width: 0 !important;
		height: 0 !important;
		overflow: visible !important;
	}

	body.gkn-global-shell .gkn-site-header[data-gkn-header-version="88"] .gkn-shell-control[data-gkn-shell-control="cart"].is-open > .gkn-cart-link {
		display: none !important;
	}
}