/**
 * Jedi-Robe Help Centre.
 *
 * Provides the primary Help Centre navigation cards, specialist Stormtrooper
 * support route, and final Contact Us escalation route using the established
 * Jedi-Robe dark design system.
 *
 * Detailed FAQ accordions remain on their relevant destination pages through
 * the shared `.jr-faq` component. Shared button dimensions, typography and
 * core interaction remain owned by `.jr-actions` and `.jr-button-secondary`;
 * this file only applies the Contact panel's local red accent overrides.
 *
 * @package    Jedi_Theme
 * @subpackage Help_Centre
 * @since      1.8.3
 */


/* ==========================================================================
   Help Centre tokens
   ========================================================================== */

/**
 * Dedicated Jedi-red escalation accent for the final customer-support route.
 *
 * Kept separate from the site's semantic danger colour.
 *
 * @package Jedi_Theme
 */

body.jr-dark-commerce {
	--jr-help-urgent: #d84b4b;
}


/* ==========================================================================
   Help Centre shell
   ========================================================================== */

body.jr-dark-commerce
	.jr-help-centre {
	display: flex;
	flex-direction: column;
}


/* ==========================================================================
   Introduction
   ========================================================================== */

body.jr-dark-commerce
	.jr-help-centre__heading {
	width: 100%;
	max-width: 54rem;
	margin: 0;
}


body.jr-dark-commerce
	.jr-help-centre__heading
	h2.elementor-heading-title {
	margin: 0;

	color: var(--jr-text);

	text-wrap: balance;
}


body.jr-dark-commerce
	.jr-help-centre__intro {
	width: 100%;
	max-width: 48rem;
	margin: 0.85rem 0 0;
}


body.jr-dark-commerce
	.jr-help-centre__intro,
body.jr-dark-commerce
	.jr-help-centre__intro
	p {
	color: var(--jr-text-soft);

	font-size: clamp(0.95rem, 0.92rem + 0.1vw, 1.05rem);
	line-height: 1.7;
}


body.jr-dark-commerce
	.jr-help-centre__intro
	p {
	margin: 0;
}


/* ==========================================================================
   Help grid
   ========================================================================== */

/**
 * Three equal columns for the primary support routes.
 *
 * @package Jedi_Theme
 */

body.jr-dark-commerce
	.jr-help-centre
	.jr-help-grid,
body.jr-dark-commerce
	.jr-help-centre
	.jr-help-grid
	> .e-con-inner {
	display: grid;

	width: 100%;

	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 1.5vw, 1.5rem);

	align-items: stretch;

	margin: clamp(2rem, 3vw, 2.75rem) 0 0;
	padding: 0;
}


/* ==========================================================================
   Help cards
   ========================================================================== */

body.jr-dark-commerce
	.jr-help-centre
	.jr-help-card {
	position: relative;
	isolation: isolate;
	overflow: hidden;

	display: flex;

	min-width: 0;
	min-height: 15.5rem;

	flex-direction: column;

	padding: clamp(1.35rem, 1.7vw, 1.65rem);

	border: 1px solid rgba(152, 169, 192, 0.18);
	border-radius: 0.25rem;

	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.022),
			transparent 42%
		),
		radial-gradient(
			circle at 100% 0,
			rgba(111, 203, 255, 0.035),
			transparent 16rem
		),
		rgba(7, 13, 21, 0.34);

	color: var(--jr-text);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.022),
		0 0.9rem 2rem rgba(0, 0, 0, 0.13);

	transition:
		border-color 180ms ease,
		background 180ms ease,
		box-shadow 180ms ease,
		transform 180ms ease;
}


/* ==========================================================================
   Help card sci-fi accents
   ========================================================================== */

body.jr-dark-commerce
	.jr-help-centre
	.jr-help-card::before {
	position: absolute;

	top: -1px;
	left: -1px;

	width: clamp(4rem, 25%, 7rem);
	height: 1px;

	background:
		linear-gradient(
			90deg,
			var(--jr-green-light),
			rgba(45, 166, 83, 0.18),
			transparent
		);

	box-shadow: 0 0 0.8rem rgba(45, 166, 83, 0.1);

	content: "";
	opacity: 0.72;
	pointer-events: none;
}


body.jr-dark-commerce
	.jr-help-centre
	.jr-help-card::after {
	position: absolute;

	right: -1px;
	bottom: -1px;

	width: 0.75rem;
	height: 0.75rem;

	border-right: 1px solid rgba(152, 169, 192, 0.24);
	border-bottom: 1px solid rgba(152, 169, 192, 0.24);

	content: "";
	pointer-events: none;
}


body.jr-dark-commerce
	.jr-help-centre
	.jr-help-card
	> * {
	position: relative;
	z-index: 1;
}


/* ==========================================================================
   Card header
   ========================================================================== */

body.jr-dark-commerce
	.jr-help-centre
	.jr-help-card__header {
	display: grid;

	width: 100%;

	grid-template-columns: 3.25rem minmax(0, 1fr);
	gap: 1rem;

	align-items: center;

	margin: 0;
	padding: 0;
}


/* ==========================================================================
   Card icon
   ========================================================================== */

body.jr-dark-commerce
	.jr-help-centre
	.jr-help-card__icon {
	display: grid;

	width: 3.25rem;
	height: 3.25rem;

	place-items: center;

	margin: 0;
	padding: 0;

	border: 1px solid rgba(69, 217, 107, 0.28);
	border-radius: 50%;

	background:
		radial-gradient(
			circle,
			rgba(45, 166, 83, 0.07),
			rgba(8, 14, 22, 0.28) 72%
		);

	color: var(--jr-green-light);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.025),
		0 0 1rem rgba(45, 166, 83, 0.04);

	transition:
		border-color 180ms ease,
		box-shadow 180ms ease;
}


body.jr-dark-commerce
	.jr-help-centre
	.jr-help-card__icon
	.elementor-icon {
	display: grid;

	width: 100%;
	height: 100%;

	place-items: center;

	color: inherit;
}


body.jr-dark-commerce
	.jr-help-centre
	.jr-help-card__icon
	svg {
	display: block;

	width: 1.35rem;
	height: 1.35rem;

	color: inherit;

	fill: currentcolor;
	stroke: currentcolor;

	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}


/* ==========================================================================
   Card title
   ========================================================================== */

body.jr-dark-commerce
	.jr-help-centre
	.jr-help-card__title {
	min-width: 0;
	margin: 0;
}


body.jr-dark-commerce
	.jr-help-centre
	.jr-help-card__title
	h3.elementor-heading-title {
	margin: 0;

	color: var(--jr-text);

	font-size: clamp(1.08rem, 1rem + 0.18vw, 1.25rem);
	font-weight: 720;
	letter-spacing: -0.022em;
	line-height: 1.3;

	text-wrap: balance;
}


/* ==========================================================================
   Question list
   ========================================================================== */

body.jr-dark-commerce
	.entry-content
	.jr-help-centre
	.elementor-widget-text-editor.jr-help-card__questions {
	width: 100%;

	margin: 0;
	padding: 0 0.2rem;

	color: var(--jr-text-soft);
}


body.jr-dark-commerce
	.entry-content
	.jr-help-centre
	.elementor-widget-text-editor.jr-help-card__questions
	ul {
	display: grid;

	width: 100%;

	margin: 0;
	padding: 0;

	list-style: none;
}


body.jr-dark-commerce
	.entry-content
	.jr-help-centre
	.elementor-widget-text-editor.jr-help-card__questions
	li {
	margin: 0;
	padding: 0;
}


body.jr-dark-commerce
	.entry-content
	.jr-help-centre
	.elementor-widget-text-editor.jr-help-card__questions
	li
	+ li {
	border-top: 1px solid rgba(152, 169, 192, 0.11);
}


/* ==========================================================================
   Question links
   ========================================================================== */

/**
 * Keep question text white and preserve the current restrained hover state.
 *
 * This selector intentionally outranks the shared Elementor text-link colour
 * without changing links elsewhere on the site.
 *
 * @package Jedi_Theme
 */

body.jr-dark-commerce
	.entry-content
	.jr-help-centre
	.elementor-widget-text-editor.jr-help-card__questions
	a {
	position: relative;

	display: block;

	width: 100%;

	padding: 0.72rem 1.8rem 0.72rem 0;

	color: var(--jr-text);

	font-size: clamp(0.9rem, 0.86rem + 0.08vw, 0.98rem);
	font-weight: 500;
	line-height: 1.45;

	text-decoration: none;
	text-decoration-color: transparent;

	transition:
		opacity 160ms ease,
		transform 160ms ease;
}


body.jr-dark-commerce
	.entry-content
	.jr-help-centre
	.elementor-widget-text-editor.jr-help-card__questions
	a::after {
	position: absolute;

	top: 50%;
	right: 0.1rem;

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

	content: "\2192";

	font-size: 0.95rem;
	line-height: 1;

	transform: translateY(-50%);

	transition:
		color 160ms ease,
		transform 160ms ease;
}


/* ==========================================================================
   Category action
   ========================================================================== */

body.jr-dark-commerce
	.jr-help-centre
	.jr-help-card__action {
	width: 100%;

	margin: auto 0 0;
	padding: 1rem 0 0;

	border-top: 1px solid rgba(152, 169, 192, 0.1);
}


body.jr-dark-commerce
	.jr-help-centre
	.jr-help-card__action
	p {
	margin: 0;
}


body.jr-dark-commerce
	.entry-content
	.jr-help-centre
	.jr-help-card__action
	a {
	display: inline-flex;

	align-items: center;

	gap: 0.55rem;

	color: var(--jr-green-light);

	font-size: 0.76rem;
	font-weight: 750;
	letter-spacing: 0.065em;
	line-height: 1.25;

	text-decoration: none;
	text-decoration-color: transparent;
	text-transform: uppercase;

	transition: opacity 160ms ease;
}


body.jr-dark-commerce
	.entry-content
	.jr-help-centre
	.jr-help-card__action
	a::after {
	color: inherit;

	content: "\2192";

	font-size: 0.95rem;

	transition: transform 160ms ease;
}


/* ==========================================================================
   Contact escalation panel
   ========================================================================== */

/**
 * Final unanswered-question panel.
 *
 * Uses the dedicated red escalation accent while keeping the normal dark
 * surface, shared typography and shared secondary-button component.
 *
 * Expected structure:
 *
 * .jr-help-contact
 *     .jr-help-contact__icon
 *     .jr-help-contact__content
 *     .jr-actions.jr-help-contact__actions
 *
 * @package Jedi_Theme
 */

body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact {
	position: relative;
	isolation: isolate;
	overflow: hidden;

	display: grid;

	min-width: 0;
	min-height: 100%;

	grid-column: span 2;
	grid-template-columns: 4.5rem minmax(0, 1fr);
	grid-template-rows: auto auto;

	column-gap: 1.35rem;
	row-gap: 0.85rem;

	align-content: start;
	align-items: start;

	padding: clamp(1.45rem, 1.8vw, 1.8rem);

	border: 1px solid rgba(216, 75, 75, 0.22);
	border-radius: 0.25rem;

	background:
		linear-gradient(
			135deg,
			rgba(216, 75, 75, 0.035),
			transparent 38%
		),
		radial-gradient(
			circle at 0 0,
			rgba(216, 75, 75, 0.055),
			transparent 15rem
		),
		rgba(7, 13, 21, 0.34);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.022),
		0 0.9rem 2rem rgba(0, 0, 0, 0.13);
}


/* ==========================================================================
   Contact sci-fi trace
   ========================================================================== */

body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact::before {
	position: absolute;

	top: -1px;
	left: -1px;

	width: clamp(5rem, 18%, 9rem);
	height: 1px;

	background:
		linear-gradient(
			90deg,
			var(--jr-help-urgent),
			rgba(216, 75, 75, 0.22),
			transparent
		);

	box-shadow: 0 0 0.9rem rgba(216, 75, 75, 0.14);

	content: "";
	pointer-events: none;
}


/* ==========================================================================
   Contact question icon
   ========================================================================== */

/**
 * Deliberately larger than the standard 3.25rem Help Centre card icon.
 *
 * @package Jedi_Theme
 */

body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact__icon {
	display: grid;

	width: 4.5rem;
	height: 4.5rem;

	grid-column: 1;
	grid-row: 1 / 3;

	place-items: center;
	align-self: start;

	margin: 1rem 0 0;
	padding: 0;

	border: 1px solid rgba(216, 75, 75, 0.42);
	border-radius: 50%;

	background:
		radial-gradient(
			circle,
			rgba(216, 75, 75, 0.11),
			rgba(8, 14, 22, 0.3) 72%
		);

	color: var(--jr-help-urgent);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.03),
		0 0 1.4rem rgba(216, 75, 75, 0.1);
}


body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact__icon
	.elementor-icon-wrapper,
body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact__icon
	.elementor-icon {
	display: grid;

	width: 100%;
	height: 100%;

	place-items: center;

	margin: 0;
	padding: 0;

	color: inherit;
}


body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact__icon
	svg {
	display: block;

	width: 1.15rem;
	height: 1.6rem;

	color: inherit;

	fill: currentcolor;
}


/* ==========================================================================
   Contact content
   ========================================================================== */

body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact__content {
	display: flex;

	min-width: 0;

	grid-column: 2;
	grid-row: 1;

	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;

	margin: 0;
	padding: 0;
}


body.jr-dark-commerce
	.entry-content
	.jr-help-centre
	.jr-help-contact__eyebrow.elementor-widget-text-editor {
	margin: 0 0 0.7rem;

	color: var(--jr-help-urgent);
}


body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact
	.jr-help-contact__eyebrow::before {
	background:
		linear-gradient(
			90deg,
			var(--jr-help-urgent),
			rgba(216, 75, 75, 0.15)
		);
}


body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact__heading {
	width: 100%;

	margin: 0;
	padding: 0;
}


body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact__heading
	h3.elementor-heading-title {
	margin: 0;

	color: var(--jr-text);

	font-size: clamp(1.2rem, 1.08rem + 0.3vw, 1.45rem);
	font-weight: 720;
	letter-spacing: -0.022em;
	line-height: 1.28;
}


body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact__text {
	width: 100%;
	max-width: 46rem;

	margin: 0 0 0.75rem;
	padding: 0;

	color: var(--jr-text-soft);

	font-size: 0.9rem;
	line-height: 1.65;
}


body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact__text
	p {
	margin: 0;

	color: inherit;
	font: inherit;
}


/* ==========================================================================
   Contact bottom action
   ========================================================================== */

/**
 * Placement is controlled locally; dimensions and typography continue to come
 * from the shared `.jr-button-secondary` component.
 *
 * @package Jedi_Theme
 */

body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact
	.jr-help-contact__actions {
	display: flex;

	width: auto;

	grid-column: 2;
	grid-row: 2;

	justify-content: flex-start;
	justify-self: start;
	align-self: end;

	margin-top: 0.15rem;
	padding: 0;
}


body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact
	.jr-help-contact__button {
	flex: 0 0 auto;

	width: auto;

	margin: 0;
	padding: 0;
}


body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact
	.jr-help-contact__button
	a.elementor-button {
	width: auto;

	white-space: nowrap;
}


/* ==========================================================================
   Contact secondary-button accent
   ========================================================================== */

/**
 * Reuses the shared secondary button while replacing its local green accents
 * with the Contact panel's Jedi-red escalation accent.
 *
 * @package Jedi_Theme
 */

body.jr-dark-commerce
	.jr-help-centre
	.jr-help-contact
	.jr-actions
	div.jr-button-secondary
	a.elementor-button {
	--jr-button-hover-overlay:
		linear-gradient(
			135deg,
			rgba(216, 75, 75, 0.1),
			transparent 58%
		);

	border-color: rgba(216, 75, 75, 0.34);

	background:
		linear-gradient(
			180deg,
			rgba(216, 75, 75, 0.045),
			rgba(216, 75, 75, 0.015)
		),
		rgba(7, 13, 21, 0.62);

	color: var(--jr-text);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.025),
		0 0 0.9rem rgba(216, 75, 75, 0.035);
}


/* ==========================================================================
   Hover interaction
   ========================================================================== */

@media (hover: hover) and (pointer: fine) {

	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-card:hover {
		border-color: rgba(152, 169, 192, 0.28);

		background:
			linear-gradient(
				135deg,
				rgba(255, 255, 255, 0.028),
				transparent 42%
			),
			radial-gradient(
				circle at 100% 0,
				rgba(111, 203, 255, 0.045),
				transparent 16rem
			),
			rgba(8, 15, 24, 0.48);

		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.025),
			0 1.15rem 2.4rem rgba(0, 0, 0, 0.18);

		transform: translateY(-0.125rem);
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-card:hover
		.jr-help-card__icon {
		border-color: rgba(69, 217, 107, 0.28);

		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.025),
			0 0 1rem rgba(45, 166, 83, 0.04);
	}


	body.jr-dark-commerce
		.entry-content
		.jr-help-centre
		.elementor-widget-text-editor.jr-help-card__questions
		a:hover {
		color: var(--jr-text);
		background: transparent;
		text-shadow: 0 0 0.7rem rgba(69, 217, 107, 0.06);
		text-decoration: underline;
		text-decoration-thickness: 0.5px;
		text-underline-offset: 0.18em;
	}


	body.jr-dark-commerce
		.entry-content
		.jr-help-centre
		.elementor-widget-text-editor.jr-help-card__questions
		a:hover::after {
		color: var(--jr-text);

		transform: translate(0.15rem, -50%);
	}


	body.jr-dark-commerce
		.entry-content
		.jr-help-centre
		.jr-help-card__action
		a:hover {
		color: var(--jr-green-light);

		text-decoration: none;

		opacity: 0.78;
	}


	body.jr-dark-commerce
		.entry-content
		.jr-help-centre
		.jr-help-card__action
		a:hover::after {
		transform: translateX(0.2rem);
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-contact:hover {
		border-color: rgba(216, 75, 75, 0.34);

		background:
			linear-gradient(
				135deg,
				rgba(216, 75, 75, 0.05),
				transparent 38%
			),
			radial-gradient(
				circle at 0 0,
				rgba(216, 75, 75, 0.075),
				transparent 15rem
			),
			rgba(8, 15, 24, 0.46);
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-contact:hover
		.jr-help-contact__icon {
		border-color: rgba(216, 75, 75, 0.58);

		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.035),
			0 0 1.6rem rgba(216, 75, 75, 0.15);
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-contact
		.jr-button-secondary
		a.elementor-button:hover {
		border-color: rgba(216, 75, 75, 0.58);

		background:
			linear-gradient(
				180deg,
				rgba(216, 75, 75, 0.085),
				rgba(216, 75, 75, 0.03)
			),
			rgba(8, 15, 24, 0.72);

		color: var(--jr-text);

		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.03),
			0 0 1rem rgba(216, 75, 75, 0.09);
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-contact
		.jr-actions
		div.jr-button-secondary:hover
		a.elementor-button::after {
		border-right-color: rgba(216, 75, 75, 0.95);
		border-bottom-color: rgba(216, 75, 75, 0.95);
	}
}


/* ==========================================================================
   Keyboard focus
   ========================================================================== */

body.jr-dark-commerce
	.jr-help-centre
	a:focus-visible {
	outline: 3px solid var(--jr-blue-light);
	outline-offset: 3px;
}


/* ==========================================================================
   Tablet
   ========================================================================== */

@media (max-width: 1100px) {

	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-grid,
	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-grid
		> .e-con-inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-contact {
		grid-column: span 1;
		grid-template-columns: 3.75rem minmax(0, 1fr);
		column-gap: 1rem;
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-contact__icon {
		width: 4.1rem;
		height: 4.1rem;
	}
}


/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width: 720px) {

	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-grid,
	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-grid
		> .e-con-inner {
		grid-template-columns: minmax(0, 1fr);
		gap: 1rem;
		margin-top: 1.75rem;
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-card {
		min-height: 0;
		padding: 1.2rem;
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-card__header {
		grid-template-columns: 3rem minmax(0, 1fr);
		gap: 0.9rem;
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-card__icon {
		width: 3rem;
		height: 3rem;
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-contact {
		grid-column: auto;
		grid-template-columns: 3.5rem minmax(0, 1fr);
		padding: 1.2rem;
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-contact__icon {
		width: 3.75rem;
		height: 3.75rem;
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-contact__icon
		svg {
		width: 1rem;
		height: 1.45rem;
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-contact
		.jr-help-contact__actions {
		width: 100%;
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-contact
		.jr-help-contact__button,
	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-contact
		.jr-help-contact__button
		a.elementor-button {
		width: 100%;
	}
}


/* ==========================================================================
   Reduced motion
   ========================================================================== */

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

	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-card,
	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-card__icon,
	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-card__questions
		a,
	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-card__questions
		a::after,
	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-card__action
		a,
	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-card__action
		a::after {
		transition: none;
	}


	body.jr-dark-commerce
		.jr-help-centre
		.jr-help-card:hover {
		transform: none;
	}
}