/* ============================================================
   WMA — REALIZZAZIONE ECOMMERCE V2
   Child-theme landing
   ============================================================ */

.wma-ecom-v2-active #main {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.wma-ecom-v2-active #content.wma-ecom {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.wma-ecom {
	--ec-navy: #07152f;
	--ec-navy-2: #0b2146;
	--ec-green: #2be013;
	--ec-green-dark: #19ba07;
	--ec-blue: #1547ff;
	--ec-ink: #14213d;
	--ec-muted: #667085;
	--ec-soft: #f5f7fb;
	--ec-line: #dfe5ee;
}


/* HERO ----------------------------------------------------- */

.wma-ecom__hero {
	position: relative;
	overflow: hidden;
	padding: 124px 0 105px;
	background:
		radial-gradient(circle at 84% 20%, rgba(43,224,19,.13), transparent 24%),
		radial-gradient(circle at 65% 65%, rgba(21,71,255,.24), transparent 32%),
		linear-gradient(135deg,#07152f 0%,#0a1d43 62%,#081730 100%);
	color: #fff;
}

.wma-ecom__hero::after {
	content: "";
	position: absolute;
	inset: auto -12% -250px auto;
	width: 650px;
	height: 650px;
	border: 1px solid rgba(255,255,255,.06);
	border-radius: 50%;
	box-shadow:
		0 0 0 80px rgba(255,255,255,.018),
		0 0 0 160px rgba(255,255,255,.014);
	pointer-events: none;
}

.wma-ecom__hero-grid {
	display: grid;
	grid-template-columns: minmax(0,1.02fr) minmax(450px,.98fr);
	gap: 86px;
	align-items: center;
	position: relative;
	z-index: 2;
}

.wma-ecom__hero h1 {
	margin: 16px 0 28px;
	max-width: 760px;
	font-size: clamp(54px,5.1vw,82px);
	line-height: .98;
	letter-spacing: -.055em;
	color: #fff;
}

.wma-ecom__hero h1 span {
	color: var(--ec-green);
	display: block;
}

.wma-ecom__hero-lead {
	max-width: 690px;
	margin: 0;
	font-size: clamp(19px,1.55vw,23px);
	line-height: 1.55;
	color: rgba(255,255,255,.78);
}

.wma-ecom__hero-actions {
	display: flex;
	align-items: center;
	gap: 26px;
	flex-wrap: wrap;
	margin-top: 35px;
}

.wma-ecom__text-link {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
}

.wma-ecom__text-link:hover {
	color: var(--ec-green);
}

.wma-ecom__hero-note {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 32px;
	font-size: 13px;
	color: rgba(255,255,255,.62);
}

.wma-ecom__hero-note span {
	width: 8px;
	height: 8px;
	background: var(--ec-green);
	border-radius: 50%;
	box-shadow: 0 0 0 6px rgba(43,224,19,.10);
}

.wma-ecom__hero-note strong {
	color: #fff;
}


/* HERO STORE MOCKUP --------------------------------------- */

.wma-ecom__hero-visual {
	position: relative;
	padding: 34px 12px 24px;
}

.wma-ecom__browser {
	position: relative;
	background: #fff;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 25px;
	overflow: hidden;
	box-shadow: 0 36px 90px rgba(0,0,0,.35);
	transform: rotate(1deg);
}

.wma-ecom__browser-bar {
	display: flex;
	align-items: center;
	gap: 7px;
	height: 44px;
	padding: 0 17px;
	background: #f2f4f7;
	border-bottom: 1px solid #e6e9ef;
}

.wma-ecom__browser-bar i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #cbd1da;
}

.wma-ecom__browser-bar span {
	margin-left: 8px;
	padding: 5px 18px;
	border-radius: 20px;
	background: #fff;
	font-size: 10px;
	color: #8993a3;
}

.wma-ecom__store-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 30px 30px 20px;
	color: var(--ec-ink);
}

.wma-ecom__store-head small,
.wma-ecom__conversion small {
	display: block;
	margin-bottom: 6px;
	color: var(--ec-blue);
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .14em;
}

.wma-ecom__store-head strong {
	font-size: 26px;
	line-height: 1.08;
	letter-spacing: -.03em;
}

.wma-ecom__cart {
	min-width: 40px;
	height: 40px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--ec-navy);
	color: #fff;
	font-size: 11px;
	font-weight: 800;
}

.wma-ecom__products {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 12px;
	padding: 12px 30px 25px;
}

.wma-ecom__products div {
	padding: 10px;
	border: 1px solid #edf0f4;
	border-radius: 13px;
}

.wma-ecom__products span {
	display: block;
	aspect-ratio: 1/.78;
	border-radius: 9px;
	margin-bottom: 10px;
	background:
		linear-gradient(145deg,#edf2f7,#dce6f0);
}

.wma-ecom__products div:nth-child(2) span {
	background: linear-gradient(145deg,#e8f9e5,#c9edc4);
}

.wma-ecom__products div:nth-child(3) span {
	background: linear-gradient(145deg,#eef0ff,#dce2ff);
}

.wma-ecom__products b,
.wma-ecom__products small {
	display: block;
	color: var(--ec-ink);
	font-size: 10px;
}

.wma-ecom__products small {
	margin-top: 3px;
	color: var(--ec-muted);
}

.wma-ecom__conversion {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	align-items: center;
	gap: 20px;
	padding: 20px 30px 26px;
	border-top: 1px solid #edf0f4;
	color: var(--ec-ink);
}

.wma-ecom__conversion strong {
	font-size: 14px;
}

.wma-ecom__conversion-line {
	height: 8px;
	border-radius: 20px;
	background: #e9edf3;
	overflow: hidden;
}

.wma-ecom__conversion-line span {
	display: block;
	width: 78%;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg,var(--ec-blue),var(--ec-green));
}

.wma-ecom__float-card {
	position: absolute;
	z-index: 3;
	min-width: 138px;
	padding: 15px 18px;
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 15px;
	background: rgba(7,21,47,.88);
	backdrop-filter: blur(12px);
	box-shadow: 0 15px 40px rgba(0,0,0,.2);
}

.wma-ecom__float-card small,
.wma-ecom__float-card strong {
	display: block;
}

.wma-ecom__float-card small {
	margin-bottom: 3px;
	color: var(--ec-green);
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .15em;
}

.wma-ecom__float-card strong {
	color: #fff;
	font-size: 13px;
}

.wma-ecom__float-card--left {
	left: -34px;
	bottom: 90px;
}

.wma-ecom__float-card--right {
	right: -20px;
	top: 88px;
}


/* PROOF ---------------------------------------------------- */

.wma-ecom__proof {
	background: #fff;
	border-bottom: 1px solid var(--ec-line);
}

.wma-ecom__proof-grid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
}

.wma-ecom__proof-grid > div {
	padding: 28px 25px;
	border-right: 1px solid var(--ec-line);
}

.wma-ecom__proof-grid > div:last-child {
	border-right: 0;
}

.wma-ecom__proof strong,
.wma-ecom__proof span {
	display: block;
	text-align: center;
}

.wma-ecom__proof strong {
	color: var(--ec-navy);
	font-size: 26px;
	letter-spacing: -.03em;
}

.wma-ecom__proof span {
	margin-top: 4px;
	color: var(--ec-muted);
	font-size: 12px;
}


/* JOURNEY -------------------------------------------------- */

.wma-ecom__journey {
	background: #fff;
}

.wma-ecom__journey-flow {
	display: grid;
	grid-template-columns:
		minmax(115px,1fr) 22px
		minmax(115px,1fr) 22px
		minmax(115px,1fr) 22px
		minmax(115px,1fr) 22px
		minmax(115px,1fr) 22px
		minmax(115px,1fr);
	align-items: center;
	gap: 7px;
}

.wma-ecom__journey-flow > div {
	min-height: 142px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 22px 17px;
	border: 1px solid var(--ec-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 34px rgba(10,31,68,.055);
}

.wma-ecom__journey-flow > div span {
	margin-bottom: 17px;
	color: var(--ec-blue);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .12em;
}

.wma-ecom__journey-flow > div strong {
	color: var(--ec-navy);
	font-size: 18px;
}

.wma-ecom__journey-flow > div small {
	margin-top: 5px;
	color: var(--ec-muted);
}

.wma-ecom__journey-flow > i {
	color: #bac3d0;
	font-style: normal;
	text-align: center;
}

.wma-ecom__journey-flow > div.is-goal {
	border-color: rgba(43,224,19,.45);
	background: #f6fff4;
}

.wma-ecom__journey-flow > div.is-goal span {
	color: var(--ec-green-dark);
}


/* OUTCOMES ------------------------------------------------- */

.wma-ecom__outcomes {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 18px;
}

.wma-ecom__outcomes article,
.wma-ecom__services article {
	padding: 30px;
	border: 1px solid var(--ec-line);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 14px 38px rgba(10,31,68,.055);
}

.wma-ecom__outcomes article > span,
.wma-ecom__services article > span {
	display: block;
	margin-bottom: 38px;
	color: var(--ec-green-dark);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .14em;
}

.wma-ecom__outcomes h3,
.wma-ecom__services h3 {
	margin: 0 0 10px;
	color: var(--ec-navy);
	font-size: 22px;
	line-height: 1.12;
}

.wma-ecom__outcomes p,
.wma-ecom__services p {
	margin: 0;
	color: var(--ec-muted);
	font-size: 15px;
	line-height: 1.65;
}


/* SYSTEM --------------------------------------------------- */

.wma-ecom__system {
	background: #fff;
}

.wma-ecom__system-grid {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(440px,.85fr);
	gap: 100px;
	align-items: center;
}

.wma-ecom__system h2 {
	max-width: 670px;
}

.wma-ecom__lead {
	font-size: 19px;
	line-height: 1.7;
	color: var(--ec-ink);
}

.wma-ecom__system p:not(.wma-v2__eyebrow) {
	max-width: 690px;
}

.wma-ecom__system-map {
	position: relative;
	min-height: 480px;
	display: grid;
	place-items: center;
}

.wma-ecom__system-core {
	position: relative;
	z-index: 4;
	width: 180px;
	height: 180px;
	display: grid;
	place-content: center;
	text-align: center;
	border-radius: 50%;
	background: var(--ec-navy);
	box-shadow: 0 28px 60px rgba(7,21,47,.23);
}

.wma-ecom__system-core small {
	color: var(--ec-green);
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .13em;
}

.wma-ecom__system-core strong {
	margin-top: 7px;
	color: #fff;
	font-size: 24px;
	line-height: 1.08;
}

.wma-ecom__system-ring {
	position: absolute;
	border: 1px solid #dce3ed;
	border-radius: 50%;
}

.wma-ecom__system-ring.r1 {
	width: 290px;
	height: 290px;
}

.wma-ecom__system-ring.r2 {
	width: 430px;
	height: 430px;
	border-style: dashed;
}

.wma-ecom__system-node {
	position: absolute;
	z-index: 5;
	width: 78px;
	height: 78px;
	display: grid;
	place-items: center;
	border: 1px solid var(--ec-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 14px 36px rgba(10,31,68,.09);
	color: var(--ec-navy);
	font-size: 12px;
	font-weight: 900;
}

.wma-ecom__system-node.n1 { top: 20px; left: 50%; transform: translateX(-50%); }
.wma-ecom__system-node.n2 { top: 50%; right: 10px; transform: translateY(-50%); }
.wma-ecom__system-node.n3 { bottom: 20px; left: 50%; transform: translateX(-50%); }
.wma-ecom__system-node.n4 { top: 50%; left: 10px; transform: translateY(-50%); }


/* SERVICES ------------------------------------------------- */

.wma-ecom__services {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 18px;
}


/* ROUTES --------------------------------------------------- */

.wma-ecom__routes {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 20px;
}

.wma-ecom__routes article {
	position: relative;
	min-height: 310px;
	padding: 34px;
	overflow: hidden;
	border-radius: 22px;
	background: var(--ec-navy);
	color: #fff;
}

.wma-ecom__routes article:nth-child(2) {
	background: var(--ec-navy-2);
}

.wma-ecom__routes article:nth-child(3) {
	background:
		linear-gradient(145deg,#0c2147,#123066);
}

.wma-ecom__routes article::after {
	content: "";
	position: absolute;
	right: -70px;
	bottom: -70px;
	width: 180px;
	height: 180px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 50%;
	box-shadow: 0 0 0 35px rgba(255,255,255,.025);
}

.wma-ecom__routes small {
	color: var(--ec-green);
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .12em;
}

.wma-ecom__routes h3 {
	max-width: 300px;
	margin: 72px 0 15px;
	color: #fff;
	font-size: 27px;
	line-height: 1.08;
}

.wma-ecom__routes p {
	max-width: 330px;
	margin: 0;
	color: rgba(255,255,255,.72);
	line-height: 1.65;
}


/* METHOD --------------------------------------------------- */

.wma-ecom__method {
	background: var(--ec-navy);
	color: #fff;
}

.wma-ecom__method .wma-v2__section-head h2 {
	color: #fff;
}

.wma-ecom__method .wma-v2__section-head p:not(.wma-v2__eyebrow) {
	color: rgba(255,255,255,.68);
}

.wma-ecom__method-flow {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 0;
	border-top: 1px solid rgba(255,255,255,.14);
	border-bottom: 1px solid rgba(255,255,255,.14);
}

.wma-ecom__method-flow article {
	min-height: 255px;
	padding: 35px 30px;
	border-right: 1px solid rgba(255,255,255,.14);
}

.wma-ecom__method-flow article:last-child {
	border-right: 0;
}

.wma-ecom__method-flow span {
	color: var(--ec-green);
	font-size: 11px;
	font-weight: 900;
}

.wma-ecom__method-flow h3 {
	margin: 70px 0 10px;
	color: #fff;
	font-size: 22px;
}

.wma-ecom__method-flow p {
	margin: 0;
	color: rgba(255,255,255,.62);
	line-height: 1.6;
}


/* CALCULATOR ----------------------------------------------- */

.wma-ecom__calculator {
	background: #f7f9fc;
}

.wma-ecom__calculator-shell {
	padding: 22px;
	border: 1px solid var(--ec-line);
	border-radius: 26px;
	background: #fff;
	box-shadow: 0 22px 60px rgba(10,31,68,.07);
}

.wma-ecom__calculator-shell #ecom-calc-wma {
	max-width: 100%;
	margin-bottom: 0;
}

.wma-ecom__notice {
	padding: 25px;
	border: 1px solid #f2d9a8;
	border-radius: 14px;
	background: #fff8e8;
}


/* WHY ------------------------------------------------------ */

.wma-ecom__why {
	background:
		radial-gradient(circle at 80% 20%,rgba(21,71,255,.22),transparent 28%),
		var(--ec-navy);
	color: #fff;
}

.wma-ecom__why-grid {
	display: grid;
	grid-template-columns: minmax(0,.9fr) minmax(480px,1.1fr);
	gap: 100px;
	align-items: center;
}

.wma-ecom__why h2 {
	color: #fff;
}

.wma-ecom__why p:not(.wma-v2__eyebrow) {
	max-width: 590px;
	color: rgba(255,255,255,.72);
	font-size: 18px;
	line-height: 1.7;
}

.wma-ecom__dark-link {
	display: inline-block;
	margin-top: 15px;
	color: var(--ec-green);
	font-weight: 800;
	text-decoration: none;
}

.wma-ecom__why-list {
	border-top: 1px solid rgba(255,255,255,.16);
}

.wma-ecom__why-list > div {
	display: grid;
	grid-template-columns: 55px 1fr;
	align-items: center;
	gap: 15px;
	padding: 25px 5px;
	border-bottom: 1px solid rgba(255,255,255,.16);
}

.wma-ecom__why-list span {
	color: var(--ec-green);
	font-size: 10px;
	font-weight: 900;
}

.wma-ecom__why-list strong {
	color: #fff;
	font-size: 18px;
}


/* FAQ ------------------------------------------------------ */

.wma-ecom__faq-section {
	background: #f7f9fc;
}

.wma-ecom__faq {
	max-width: 980px;
	margin: 0 auto;
}

.wma-ecom__faq .fusion-faqs-wrapper {
	margin: 0 !important;
}

.wma-ecom__faq .fusion-accordian .panel-group {
	margin-bottom: 0;
}

.wma-ecom__faq .fusion-accordian .fusion-panel {
	margin-bottom: 12px;
	overflow: hidden;
	border: 1px solid var(--ec-line) !important;
	border-radius: 17px !important;
	background: #fff;
	box-shadow: 0 9px 28px rgba(10,31,68,.045);
}

.wma-ecom__faq .fusion-accordian .panel-title a {
	padding: 22px 24px !important;
	color: var(--ec-navy) !important;
	font-size: 17px !important;
	font-weight: 750 !important;
}

.wma-ecom__faq .fusion-toggle-icon-wrapper {
	margin-right: 14px !important;
}

.wma-ecom__faq .panel-body {
	padding: 4px 25px 25px 55px !important;
	color: var(--ec-muted);
	font-size: 15px;
	line-height: 1.7;
}

.wma-ecom__faq-more {
	margin: 25px auto 0;
	max-width: 980px;
	text-align: right;
}

.wma-ecom__faq-more a {
	color: var(--ec-blue);
	font-weight: 700;
	text-decoration: none;
}


/* FINAL ---------------------------------------------------- */

.wma-ecom__final h2 {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}


/* RESPONSIVE ----------------------------------------------- */

@media (max-width: 1180px) {

	.wma-ecom__hero-grid {
		grid-template-columns: 1fr 460px;
		gap: 50px;
	}

	.wma-ecom__journey-flow {
		grid-template-columns: repeat(3,1fr);
		gap: 14px;
	}

	.wma-ecom__journey-flow > i {
		display: none;
	}

	.wma-ecom__system-grid,
	.wma-ecom__why-grid {
		gap: 60px;
	}

	.wma-ecom__outcomes {
		grid-template-columns: repeat(2,1fr);
	}

}


@media (max-width: 900px) {

	.wma-ecom__hero {
		padding: 95px 0 80px;
	}

	.wma-ecom__hero-grid,
	.wma-ecom__system-grid,
	.wma-ecom__why-grid {
		grid-template-columns: 1fr;
	}

	.wma-ecom__hero-visual {
		max-width: 620px;
		margin: 0 auto;
		width: 100%;
	}

	.wma-ecom__proof-grid {
		grid-template-columns: repeat(2,1fr);
	}

	.wma-ecom__proof-grid > div:nth-child(2) {
		border-right: 0;
	}

	.wma-ecom__proof-grid > div:nth-child(-n+2) {
		border-bottom: 1px solid var(--ec-line);
	}

	.wma-ecom__services,
	.wma-ecom__routes {
		grid-template-columns: repeat(2,1fr);
	}

	.wma-ecom__method-flow {
		grid-template-columns: repeat(2,1fr);
	}

	.wma-ecom__method-flow article:nth-child(2) {
		border-right: 0;
	}

	.wma-ecom__method-flow article:nth-child(-n+2) {
		border-bottom: 1px solid rgba(255,255,255,.14);
	}

}


@media (max-width: 620px) {

	.wma-ecom__hero {
		padding: 78px 0 65px;
	}

	.wma-ecom__hero h1 {
		font-size: 49px;
	}

	.wma-ecom__hero-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.wma-ecom__hero-actions .wma-v2__button {
		text-align: center;
	}

	.wma-ecom__hero-visual {
		padding-left: 0;
		padding-right: 0;
	}

	.wma-ecom__browser {
		transform: none;
	}

	.wma-ecom__float-card {
		display: none;
	}

	.wma-ecom__store-head {
		padding: 22px 20px 14px;
	}

	.wma-ecom__products {
		padding: 8px 20px 20px;
		gap: 7px;
	}

	.wma-ecom__conversion {
		padding: 18px 20px;
	}

	.wma-ecom__proof-grid,
	.wma-ecom__journey-flow,
	.wma-ecom__outcomes,
	.wma-ecom__services,
	.wma-ecom__routes,
	.wma-ecom__method-flow {
		grid-template-columns: 1fr;
	}

	.wma-ecom__proof-grid > div {
		border-right: 0;
		border-bottom: 1px solid var(--ec-line);
	}

	.wma-ecom__proof-grid > div:last-child {
		border-bottom: 0;
	}

	.wma-ecom__journey-flow > div {
		min-height: 0;
	}

	.wma-ecom__system-map {
		min-height: 390px;
		transform: scale(.84);
		margin: -30px -35px;
	}

	.wma-ecom__routes article {
		min-height: 265px;
	}

	.wma-ecom__routes h3 {
		margin-top: 50px;
	}

	.wma-ecom__method-flow article {
		min-height: 210px;
		border-right: 0;
		border-bottom: 1px solid rgba(255,255,255,.14);
	}

	.wma-ecom__method-flow article:last-child {
		border-bottom: 0;
	}

	.wma-ecom__method-flow h3 {
		margin-top: 40px;
	}

	.wma-ecom__calculator-shell {
		padding: 8px;
		border-radius: 18px;
	}

	.wma-ecom__faq .panel-body {
		padding-left: 24px !important;
	}

	.wma-ecom__faq-more {
		text-align: left;
	}

}

@media (prefers-reduced-motion: reduce) {
	.wma-ecom *,
	.wma-ecom *::before,
	.wma-ecom *::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}


/* ==========================================================
   WMA ECOMMERCE — HERO V2 / COMMERCE CONTROL CENTER
   ========================================================== */

.wma-ecom__hero--v2 {
	position: relative;
	isolation: isolate;
	padding-top: 118px;
	padding-bottom: 108px;
	background:
		radial-gradient(circle at 72% 32%,rgba(21,71,255,.25),transparent 28%),
		radial-gradient(circle at 93% 5%,rgba(43,224,19,.11),transparent 23%),
		linear-gradient(135deg,#061329 0%,#081a38 52%,#07152f 100%);
}

.wma-ecom__hero--v2::after {
	display: none;
}

.wma-ecom__hero-mesh {
	position: absolute;
	inset: 0;
	z-index: -2;
	opacity: .18;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
	background-size: 58px 58px;
	mask-image:
		linear-gradient(
			90deg,
			transparent 0%,
			#000 54%,
			#000 100%
		);
}

.wma-ecom__hero-orb {
	position: absolute;
	z-index: -1;
	border-radius: 50%;
	filter: blur(3px);
	pointer-events: none;
}

.wma-ecom__hero-orb--1 {
	width: 500px;
	height: 500px;
	right: -120px;
	top: -160px;
	border: 1px solid rgba(61,124,255,.14);
	box-shadow:
		0 0 0 60px rgba(61,124,255,.025),
		0 0 0 130px rgba(61,124,255,.018);
}

.wma-ecom__hero-orb--2 {
	width: 270px;
	height: 270px;
	right: 35%;
	bottom: -190px;
	background: rgba(21,71,255,.10);
	filter: blur(70px);
}

.wma-ecom__hero--v2 .wma-ecom__hero-grid {
	grid-template-columns:
		minmax(0,.92fr)
		minmax(520px,1.08fr);
	gap: 74px;
	align-items: center;
}

.wma-ecom__hero--v2 h1 {
	max-width: 700px;
	margin-top: 17px;
	margin-bottom: 27px;
	font-size: clamp(56px,5vw,79px);
	line-height: .97;
	letter-spacing: -.057em;
}

.wma-ecom__hero--v2 .wma-ecom__hero-lead {
	max-width: 660px;
	color: rgba(255,255,255,.76);
	font-size: clamp(18px,1.35vw,21px);
	line-height: 1.58;
}


/* CTA ------------------------------------------------------ */

.wma-ecom__hero--v2 .wma-ecom__hero-actions {
	gap: 13px;
	margin-top: 34px;
}

.wma-ecom__hero-primary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 13px;
	min-height: 52px;
	padding-left: 24px !important;
	padding-right: 21px !important;
	box-shadow:
		0 13px 30px rgba(43,224,19,.13);
}

.wma-ecom__hero-primary span {
	font-size: 18px;
	line-height: 1;
	transition: transform .2s ease;
}

.wma-ecom__hero-primary:hover span {
	transform: translateX(3px);
}

.wma-ecom__hero-secondary {
	min-height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 22px;
	border: 1px solid rgba(255,255,255,.24);
	border-radius: 999px;
	background: rgba(255,255,255,.035);
	color: #fff !important;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none !important;
	backdrop-filter: blur(10px);
	transition:
		background .2s ease,
		border-color .2s ease,
		transform .2s ease;
}

.wma-ecom__hero-secondary:hover {
	transform: translateY(-1px);
	border-color: rgba(255,255,255,.5);
	background: rgba(255,255,255,.08);
}


/* PRICE SIGNAL --------------------------------------------- */

.wma-ecom__hero-price {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	max-width: 610px;
	margin-top: 29px;
	padding-top: 22px;
	border-top: 1px solid rgba(255,255,255,.12);
}

.wma-ecom__hero-price-dot {
	width: 8px;
	height: 8px;
	flex: 0 0 auto;
	margin-top: 6px;
	border-radius: 50%;
	background: var(--ec-green);
	box-shadow: 0 0 0 6px rgba(43,224,19,.08);
}

.wma-ecom__hero-price strong,
.wma-ecom__hero-price small {
	display: block;
}

.wma-ecom__hero-price strong {
	margin-bottom: 3px;
	color: #fff;
	font-size: 13px;
}

.wma-ecom__hero-price small {
	max-width: 510px;
	color: rgba(255,255,255,.48);
	font-size: 11px;
	line-height: 1.5;
}


/* WOW VISUAL ----------------------------------------------- */

.wma-ecom__hero-wow {
	position: relative;
	min-height: 515px;
	display: grid;
	place-items: center;
	perspective: 1200px;
}

.wma-ecom__wow-aura {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 500px;
	height: 390px;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	background:
		radial-gradient(
			circle,
			rgba(21,71,255,.27) 0%,
			rgba(21,71,255,.07) 44%,
			transparent 72%
		);
	filter: blur(24px);
}


/* CONTROL CENTER ------------------------------------------ */

.wma-ecom__control-center {
	position: relative;
	z-index: 3;
	width: min(100%,590px);
	overflow: hidden;
	border:
		1px solid rgba(255,255,255,.18);
	border-radius: 24px;
	background: #f8fafc;
	box-shadow:
		0 45px 100px rgba(0,0,0,.34),
		0 0 0 1px rgba(255,255,255,.035);
	transform:
		rotateY(-5deg)
		rotateX(2deg)
		rotateZ(.4deg);
	transform-origin: center center;
	transition: transform .45s ease;
}

.wma-ecom__hero-wow:hover
.wma-ecom__control-center {
	transform:
		rotateY(-1deg)
		rotateX(0)
		rotateZ(0)
		translateY(-4px);
}

.wma-ecom__cc-toolbar {
	height: 45px;
	display: grid;
	grid-template-columns: 75px 1fr 70px;
	align-items: center;
	padding: 0 14px;
	border-bottom: 1px solid #e1e6ed;
	background: #fff;
}

.wma-ecom__cc-dots {
	display: flex;
	gap: 5px;
}

.wma-ecom__cc-dots i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #cbd2dd;
}

.wma-ecom__cc-title {
	color: #7c8797;
	font-size: 9px;
	text-align: center;
}

.wma-ecom__cc-live {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 5px;
	color: #1b8b0d;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .08em;
}

.wma-ecom__cc-live span {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--ec-green);
	box-shadow: 0 0 0 4px rgba(43,224,19,.1);
}


/* DASHBOARD BODY ------------------------------------------ */

.wma-ecom__cc-body {
	display: grid;
	grid-template-columns: 78px 1fr;
	min-height: 350px;
}

.wma-ecom__cc-nav {
	padding: 20px 10px;
	border-right: 1px solid #e3e8ef;
	background: #f4f6f9;
}

.wma-ecom__cc-nav > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	margin-bottom: 10px;
	padding: 10px 3px;
	border-radius: 9px;
	color: #9099a6;
	font-size: 7px;
	font-weight: 700;
}

.wma-ecom__cc-nav > div i {
	width: 16px;
	height: 16px;
	border: 1px solid #c9d0da;
	border-radius: 5px;
}

.wma-ecom__cc-nav > div.is-active {
	background: #eaf0ff;
	color: var(--ec-blue);
}

.wma-ecom__cc-nav > div.is-active i {
	border-color: var(--ec-blue);
	background: var(--ec-blue);
	box-shadow:
		inset 0 0 0 4px #eaf0ff;
}

.wma-ecom__cc-main {
	padding: 23px;
}

.wma-ecom__cc-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 17px;
}

.wma-ecom__cc-head small,
.wma-ecom__cc-head strong {
	display: block;
}

.wma-ecom__cc-head small {
	margin-bottom: 3px;
	color: var(--ec-blue);
	font-size: 7px;
	font-weight: 900;
	letter-spacing: .13em;
}

.wma-ecom__cc-head strong {
	color: var(--ec-navy);
	font-size: 17px;
	letter-spacing: -.025em;
}

.wma-ecom__cc-head > span {
	padding: 6px 8px;
	border: 1px solid #e1e6ed;
	border-radius: 8px;
	color: #8993a2;
	font-size: 7px;
	background: #fff;
}


/* KPI ------------------------------------------------------ */

.wma-ecom__cc-kpis {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 8px;
	margin-bottom: 11px;
}

.wma-ecom__cc-kpis > div {
	padding: 12px;
	border: 1px solid #e5e9ef;
	border-radius: 11px;
	background: #fff;
}

.wma-ecom__cc-kpis small,
.wma-ecom__cc-kpis strong,
.wma-ecom__cc-kpis em {
	display: block;
}

.wma-ecom__cc-kpis small {
	margin-bottom: 7px;
	color: #98a1ad;
	font-size: 6px;
	font-weight: 900;
	letter-spacing: .1em;
}

.wma-ecom__cc-kpis strong {
	color: var(--ec-navy);
	font-size: 19px;
	line-height: 1;
}

.wma-ecom__cc-kpis em {
	margin-top: 5px;
	color: #159b08;
	font-size: 7px;
	font-style: normal;
	font-weight: 800;
}


/* CHART ---------------------------------------------------- */

.wma-ecom__cc-chart {
	padding: 14px;
	border: 1px solid #e5e9ef;
	border-radius: 12px;
	background: #fff;
}

.wma-ecom__cc-chart-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.wma-ecom__cc-chart-head strong {
	color: var(--ec-navy);
	font-size: 9px;
}

.wma-ecom__cc-chart-head span {
	color: #9da5b1;
	font-size: 7px;
}

.wma-ecom__cc-bars {
	height: 67px;
	display: flex;
	align-items: flex-end;
	gap: 7px;
}

.wma-ecom__cc-bars i {
	flex: 1;
	height: var(--h);
	min-height: 8px;
	border-radius: 4px 4px 2px 2px;
	background:
		linear-gradient(
			180deg,
			#3d7cff,
			#1547ff
		);
	opacity: .78;
}

.wma-ecom__cc-bars i:nth-last-child(-n+3) {
	background:
		linear-gradient(
			180deg,
			#4dea38,
			#22c90f
		);
}


/* CONVERSION FLOW ----------------------------------------- */

.wma-ecom__cc-flow {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 11px;
	padding: 9px;
	border-radius: 10px;
	background: #f0f3f7;
}

.wma-ecom__cc-flow span {
	padding: 5px 7px;
	border-radius: 6px;
	background: #fff;
	color: #6e7887;
	font-size: 6px;
	font-weight: 800;
}

.wma-ecom__cc-flow i {
	color: #aab1bc;
	font-size: 7px;
	font-style: normal;
}

.wma-ecom__cc-flow span.is-goal {
	background: #efffec;
	color: #168609;
}


/* FLOATING SIGNALS ---------------------------------------- */

.wma-ecom__wow-card {
	position: absolute;
	z-index: 6;
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 135px;
	padding: 12px 14px;
	border:
		1px solid rgba(255,255,255,.18);
	border-radius: 13px;
	background:
		rgba(8,27,58,.88);
	backdrop-filter: blur(13px);
	box-shadow:
		0 16px 35px rgba(0,0,0,.22);
	animation:
		wmaEcomFloat 5s ease-in-out infinite;
}

.wma-ecom__wow-card small,
.wma-ecom__wow-card strong {
	display: block;
}

.wma-ecom__wow-card small {
	margin-bottom: 2px;
	color: rgba(255,255,255,.46);
	font-size: 6px;
	font-weight: 900;
	letter-spacing: .12em;
}

.wma-ecom__wow-card strong {
	color: #fff;
	font-size: 10px;
}

.wma-ecom__wow-icon,
.wma-ecom__wow-check {
	width: 25px;
	height: 25px;
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	border-radius: 8px;
	background: rgba(43,224,19,.13);
	color: var(--ec-green);
	font-size: 11px;
	font-weight: 900;
}

.wma-ecom__wow-pulse,
.wma-ecom__wow-dot {
	width: 11px;
	height: 11px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: var(--ec-green);
	box-shadow:
		0 0 0 5px rgba(43,224,19,.09);
}

.wma-ecom__wow-dot {
	background: #3d7cff;
	box-shadow:
		0 0 0 5px rgba(61,124,255,.10);
}

.wma-ecom__wow-card--orders {
	left: -32px;
	top: 92px;
	animation-delay: 0s;
}

.wma-ecom__wow-card--checkout {
	right: -28px;
	top: 150px;
	animation-delay: -.8s;
}

.wma-ecom__wow-card--crm {
	left: 10px;
	bottom: 65px;
	animation-delay: -1.6s;
}

.wma-ecom__wow-card--seo {
	right: 5px;
	bottom: 42px;
	animation-delay: -2.4s;
}

@keyframes wmaEcomFloat {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-7px);
	}
}


/* HERO V2 RESPONSIVE -------------------------------------- */

@media (max-width: 1180px) {

	.wma-ecom__hero--v2
	.wma-ecom__hero-grid {
		grid-template-columns:
			minmax(0,1fr)
			minmax(450px,.95fr);
		gap: 48px;
	}

	.wma-ecom__wow-card--orders {
		left: -10px;
	}

	.wma-ecom__wow-card--checkout {
		right: -8px;
	}

}


@media (max-width: 900px) {

	.wma-ecom__hero--v2
	.wma-ecom__hero-grid {
		grid-template-columns: 1fr;
	}

	.wma-ecom__hero-wow {
		width: min(100%,650px);
		margin: 0 auto;
	}

	.wma-ecom__control-center {
		transform:
			rotateY(-2deg)
			rotateX(1deg);
	}

}


@media (max-width: 620px) {

	.wma-ecom__hero--v2 {
		padding-top: 78px;
		padding-bottom: 62px;
	}

	.wma-ecom__hero--v2 h1 {
		font-size: 48px;
	}

	.wma-ecom__hero--v2
	.wma-ecom__hero-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.wma-ecom__hero-primary,
	.wma-ecom__hero-secondary {
		width: 100%;
	}

	.wma-ecom__hero-wow {
		min-height: 370px;
		margin-top: 15px;
	}

	.wma-ecom__control-center {
		transform: none;
	}

	.wma-ecom__hero-wow:hover
	.wma-ecom__control-center {
		transform: none;
	}

	.wma-ecom__cc-body {
		grid-template-columns: 55px 1fr;
	}

	.wma-ecom__cc-main {
		padding: 14px;
	}

	.wma-ecom__cc-nav {
		padding-left: 5px;
		padding-right: 5px;
	}

	.wma-ecom__cc-kpis {
		gap: 4px;
	}

	.wma-ecom__cc-kpis > div {
		padding: 8px;
	}

	.wma-ecom__cc-kpis strong {
		font-size: 14px;
	}

	.wma-ecom__cc-chart {
		padding: 10px;
	}

	.wma-ecom__cc-bars {
		height: 45px;
		gap: 4px;
	}

	.wma-ecom__cc-flow {
		gap: 3px;
	}

	.wma-ecom__cc-flow span {
		padding: 4px;
		font-size: 5px;
	}

	.wma-ecom__wow-card {
		min-width: 106px;
		padding: 9px;
	}

	.wma-ecom__wow-card--orders {
		left: -5px;
		top: 65px;
	}

	.wma-ecom__wow-card--checkout {
		right: -5px;
		top: 115px;
	}

	.wma-ecom__wow-card--crm {
		left: 3px;
		bottom: 27px;
	}

	.wma-ecom__wow-card--seo {
		right: 3px;
		bottom: 14px;
	}

}


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

	.wma-ecom__wow-card {
		animation: none !important;
	}

	.wma-ecom__control-center {
		transition: none !important;
	}

}


/* ==========================================================
   WMA ECOMMERCE — FINAL REFINEMENT
   ========================================================== */


/* Hero: a little more visual authority */
.wma-ecom__hero--v2 .wma-ecom__hero-wow {
	transform: scale(1.045);
	transform-origin: center right;
}

.wma-ecom__hero--v2 .wma-ecom__hero-price strong {
	font-size: 14px;
}

.wma-ecom__hero--v2 .wma-ecom__hero-price small {
	font-size: 11.5px;
}


/* Testimonials -------------------------------------------- */

.wma-ecom__testimonials {
	background:
		linear-gradient(
			180deg,
			#f7f9fc 0%,
			#fff 100%
		);
}

.wma-ecom__testimonial-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 19px;
}

.wma-ecom__testimonial {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 330px;
	padding: 28px 28px 25px;
	border: 1px solid var(--ec-line);
	border-radius: 21px;
	background: #fff;
	box-shadow:
		0 16px 42px rgba(10,31,68,.06);
}

.wma-ecom__testimonial::before {
	content: "“";
	position: absolute;
	right: 22px;
	top: 14px;
	color: rgba(21,71,255,.07);
	font-family: Georgia,serif;
	font-size: 74px;
	line-height: 1;
}

.wma-ecom__testimonial-stars {
	margin-bottom: 23px;
	color: var(--ec-green-dark);
	font-size: 11px;
	letter-spacing: .08em;
}

.wma-ecom__testimonial blockquote {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
	border: 0;
	color: var(--ec-ink);
	font-size: 15px;
	line-height: 1.68;
	font-style: normal;
}

.wma-ecom__testimonial footer {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-top: auto;
	padding-top: 24px;
}

.wma-ecom__testimonial-avatar {
	width: 42px;
	height: 42px;
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	border-radius: 50%;
	background:
		linear-gradient(
			145deg,
			var(--ec-navy),
			var(--ec-blue)
		);
	color: #fff;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .04em;
}

.wma-ecom__testimonial footer strong,
.wma-ecom__testimonial footer span {
	display: block;
}

.wma-ecom__testimonial footer strong {
	color: var(--ec-navy);
	font-size: 13px;
}

.wma-ecom__testimonial footer span {
	margin-top: 2px;
	color: var(--ec-muted);
	font-size: 10px;
}

.wma-ecom__testimonial-note {
	margin: 18px 0 0 !important;
	padding-top: 15px;
	border-top: 1px solid var(--ec-line);
	color: var(--ec-green-dark) !important;
	font-size: 10px !important;
	font-weight: 750;
	line-height: 1.5 !important;
}

.wma-ecom__testimonial-more {
	margin-top: 29px;
	text-align: center;
}

.wma-ecom__testimonial-more a {
	color: var(--ec-blue);
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
}

.wma-ecom__testimonial-more a:hover {
	text-decoration: underline;
}


/* FAQ can now breathe on its own */
.wma-ecom__faq-section .wma-v2__section-head {
	margin-bottom: 43px;
}


/* Mobile --------------------------------------------------- */

@media (max-width: 900px) {

	.wma-ecom__hero--v2 .wma-ecom__hero-wow {
		transform: none;
	}

	.wma-ecom__testimonial-grid {
		grid-template-columns: 1fr;
	}

	.wma-ecom__testimonial {
		min-height: 0;
	}

}


@media (max-width: 620px) {

	.wma-ecom__testimonial {
		padding: 23px 21px;
	}

}
