/**
 * WellXPrime — Dedicated Comparison Components Stylesheet
 * Contains styles for:
 * 1. [comparison_table] — 2D Product Comparison Table Card (.wxp-cmp2d-*)
 * 2. [key_takeaways]   — Mint Green Key Takeaways Card (.wxp-takeaways-*)
 * 3. [info_compare]     — 3-Card Row Info Compare Component (.wxp-info-comp-*)
 *
 * @package WellXPrime
 */

/* ==========================================
   1. 2D PRODUCT COMPARISON TABLE CARD
   ========================================== */
.single-comparison-page .wxp-cmp2d-card,
.wxp-prose .wxp-cmp2d-card,
.wxp-cmp2d-card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	margin-block: 28px !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02) !important;
	display: block !important;
}

.single-comparison-page .wxp-cmp2d-table,
.wxp-prose table.wxp-cmp2d-table,
.wxp-cmp2d-table {
	width: 100% !important;
	border-collapse: collapse !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: #ffffff !important;
	font-family: "Manrope", sans-serif !important;
	display: table !important;
}

.wxp-cmp2d-tr-head,
.wxp-prose table.wxp-cmp2d-table tr.wxp-cmp2d-tr-head {
	background: #fafafa !important;
	border-bottom: 1px solid #f1f5f9 !important;
	display: table-row !important;
}

.wxp-cmp2d-th-feature,
.wxp-prose table.wxp-cmp2d-table th.wxp-cmp2d-th-feature {
	padding: 18px 24px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #64748b !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	text-align: left !important;
	width: 25% !important;
	border: none !important;
	background: #fafafa !important;
}

.wxp-cmp2d-th-prod,
.wxp-prose table.wxp-cmp2d-table th.wxp-cmp2d-th-prod {
	padding: 18px 24px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #c82333 !important; /* Signature Red Title */
	text-align: left !important;
	width: 37.5% !important;
	line-height: 1.35 !important;
	border: none !important;
	background: #fafafa !important;
}

.wxp-cmp2d-tr-body,
.wxp-prose table.wxp-cmp2d-table tr.wxp-cmp2d-tr-body {
	border-bottom: 1px solid #f1f5f9 !important;
	background: #ffffff !important;
	display: table-row !important;
}

.wxp-cmp2d-tr-body:last-child {
	border-bottom: none !important;
}

.wxp-cmp2d-th-label,
.wxp-prose table.wxp-cmp2d-table th.wxp-cmp2d-th-label {
	padding: 16px 24px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #0f172a !important; /* Bold Black Feature Label */
	text-align: left !important;
	vertical-align: middle !important;
	width: 25% !important;
	border: none !important;
	background: #ffffff !important;
}

.wxp-cmp2d-td-val,
.wxp-prose table.wxp-cmp2d-table td.wxp-cmp2d-td-val {
	padding: 16px 24px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	color: #334155 !important;
	text-align: left !important;
	vertical-align: middle !important;
	line-height: 1.5 !important;
	border: none !important;
	background: #ffffff !important;
}

.wxp-cmp2d-stars,
.wxp-prose .wxp-cmp2d-stars {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 4px !important;
}

.wxp-cmp2d-star-svg,
.wxp-prose .wxp-cmp2d-star-svg,
.wxp-prose svg.wxp-cmp2d-star-svg {
	display: inline-block !important;
	vertical-align: middle !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
	width: 18px !important;
	height: 18px !important;
}

.wxp-cmp2d-star-filled {
	fill: #f59e0b !important;
	stroke: #f59e0b !important;
}

.wxp-cmp2d-star-empty {
	fill: none !important;
	stroke: #f59e0b !important;
	stroke-width: 1.8 !important;
}

.wxp-cmp2d-star-score {
	color: #0f172a !important;
	font-weight: 800 !important;
	margin-left: 6px !important;
	font-size: 15px !important;
	line-height: 1 !important;
}

@media (max-width: 768px) {
	.wxp-cmp2d-card {
		overflow-x: auto !important;
	}
	.wxp-cmp2d-table {
		min-width: 600px !important;
	}
	.wxp-cmp2d-th-feature,
	.wxp-cmp2d-th-prod,
	.wxp-cmp2d-th-label,
	.wxp-cmp2d-td-val {
		padding: 12px 14px !important;
	}
}


/* ==========================================
   2. KEY TAKEAWAYS MINT CARD (IMAGE 2 MATCH)
   ========================================== */
.single-comparison-page .wxp-takeaways-card,
.wxp-prose .wxp-takeaways-card,
.wxp-takeaways-card {
	background: #f2faf5 !important;
	border: 1px solid #d1fae5 !important;
	border-radius: 16px !important;
	padding: 28px 32px !important;
	margin-block: 28px !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.015) !important;
	display: block !important;
}

.wxp-takeaways-header {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin-bottom: 20px !important;
	padding-bottom: 0 !important;
	border-bottom: none !important; /* REMOVED BORDER LINE TO MATCH IMAGE 2 */
}

.wxp-takeaways-icon-badge {
	width: 36px !important;
	height: 36px !important;
	border-radius: 10px !important;
	background: #d1fae5 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.wxp-takeaways-title,
.wxp-prose .wxp-takeaways-title {
	font-family: "Manrope", sans-serif !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #044e3a !important; /* Deep Forest Green Title matching Image 2 */
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.2 !important;
	border: none !important;
}

.wxp-takeaways-list {
	list-style: none !important;
	list-style-type: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
}

.wxp-takeaway-item {
	display: flex !important;
	align-items: flex-start !important;
	gap: 12px !important;
	list-style: none !important;
	margin: 0 !important;
}

.wxp-takeaway-check-icon,
.wxp-prose svg.wxp-takeaway-check-icon {
	width: 20px !important;
	height: 20px !important;
	flex-shrink: 0 !important;
	margin-top: 2px !important;
	stroke: #059669 !important;
	display: inline-block !important;
}

.wxp-takeaway-text,
.wxp-prose .wxp-takeaway-text {
	font-family: "Manrope", sans-serif !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	color: #044e3a !important; /* Deep Forest Green Bullet Text matching Image 2 */
	line-height: 1.5 !important;
}

@media (max-width: 640px) {
	.wxp-takeaways-card {
		padding: 20px 20px !important;
	}
	.wxp-takeaways-title {
		font-size: 19px !important;
	}
}


/* ==========================================
   3. INFO COMPARE 3-CARD ROW COMPONENT
   ========================================== */
.single-comparison-page .wxp-info-comp-wrap,
.wxp-prose .wxp-info-comp-wrap,
.wxp-info-comp-wrap {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	margin-block: 28px !important;
}

.wxp-info-comp-card {
	background: #ffffff !important;
	border: 1px solid #f8e4e1 !important;
	border-radius: 16px !important;
	padding: 24px 32px !important;
	display: flex !important;
	align-items: center !important;
	gap: 28px !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.015) !important;
}

.wxp-info-comp-left {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 130px !important;
	flex-shrink: 0 !important;
	text-align: center !important;
	gap: 8px !important;
}

.wxp-info-comp-icon {
	width: 42px !important;
	height: 42px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.wxp-info-comp-icon svg {
	display: inline-block !important;
}

.wxp-info-comp-label {
	font-family: "Manrope", sans-serif !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
}

.wxp-info-comp-divider {
	width: 1px !important;
	align-self: stretch !important;
	background: #f1f5f9 !important;
	flex-shrink: 0 !important;
}

.wxp-info-comp-grid {
	display: flex !important;
	align-items: center !important;
	gap: 28px !important;
	flex: 1 !important;
}

.wxp-info-comp-col {
	flex: 1 !important;
}

.wxp-info-comp-col-divider {
	width: 1px !important;
	align-self: stretch !important;
	background: #f1f5f9 !important;
	flex-shrink: 0 !important;
}

.wxp-info-comp-title {
	font-family: "Manrope", sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #c82333 !important; /* Signature Red Title */
	margin: 0 0 6px 0 !important;
	line-height: 1.3 !important;
}

.wxp-info-comp-desc {
	font-family: "Manrope", sans-serif !important;
	font-size: 14.5px !important;
	font-weight: 500 !important;
	color: #334155 !important;
	line-height: 1.55 !important;
	margin: 0 !important;
}

@media (max-width: 768px) {
	.wxp-info-comp-card {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 16px !important;
		padding: 20px !important;
	}
	.wxp-info-comp-left {
		flex-direction: row !important;
		width: 100% !important;
		justify-content: flex-start !important;
	}
	.wxp-info-comp-divider {
		display: none !important;
	}
	.wxp-info-comp-prods {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
		width: 100% !important;
	}
}


/* ==========================================
   4. CHOOSE COMPARISON CARDS (.wxp-choose-*)
   ========================================== */
.single-comparison-page .wxp-choose-wrap,
.wxp-prose .wxp-choose-wrap,
.wxp-choose-wrap {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 24px !important;
	margin-block: 28px !important;
}

.wxp-choose-card {
	background: #ffffff !important;
	border-radius: 16px !important;
	padding: 28px 32px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
	border: 1px solid #f1f5f9 !important;
	position: relative !important;
	overflow: hidden !important;
}

.wxp-choose-card--red {
	border-top: 4px solid #c82333 !important;
}

.wxp-choose-card--yellow {
	border-top: 4px solid #d97706 !important;
}

.wxp-choose-title,
.wxp-prose h3.wxp-choose-title {
	font-family: "Manrope", sans-serif !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	line-height: 1.3 !important;
	border: none !important;
}

.wxp-choose-title--red,
.wxp-prose h3.wxp-choose-title--red {
	color: #c82333 !important; /* Signature Red */
}

.wxp-choose-title--yellow,
.wxp-prose h3.wxp-choose-title--yellow {
	color: #d97706 !important; /* Golden Yellow */
}

.wxp-choose-list {
	list-style: none !important;
	list-style-type: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
}

.wxp-choose-item {
	display: flex !important;
	align-items: flex-start !important;
	gap: 12px !important;
	list-style: none !important;
	margin: 0 !important;
}

.wxp-choose-check-icon,
.wxp-prose svg.wxp-choose-check-icon {
	width: 18px !important;
	height: 18px !important;
	flex-shrink: 0 !important;
	margin-top: 3px !important;
	display: inline-block !important;
}

.wxp-choose-check-icon--red {
	stroke: #c82333 !important;
}

.wxp-choose-check-icon--yellow {
	stroke: #d97706 !important;
}

.wxp-choose-text,
.wxp-prose .wxp-choose-text {
	font-family: "Manrope", sans-serif !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	color: #1e293b !important;
	line-height: 1.5 !important;
}

@media (max-width: 768px) {
	.wxp-choose-wrap {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}
	.wxp-choose-card {
		padding: 22px 20px !important;
	}
	.wxp-choose-title,
	.wxp-prose h3.wxp-choose-title {
		font-size: 18px !important;
	}
}


/* ==========================================
   5. ARCHIVE HERO RED CALLOUT BOX MOBILE OPTIMIZATION
   ========================================== */
.ing-archive__callout,
.rev-archive__callout,
.wxp-archive-hero__callout {
	background: #fdf2f2 !important;
	border: 1px solid #fecaca !important;
	border-radius: 16px !important;
	padding: 20px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	color: #7f1d1d !important;
	box-shadow: 0 4px 16px rgba(198, 40, 40, 0.04) !important;
	grid-template-columns: none !important;
	grid-template-rows: none !important;
}

.wxp-archive-hero__callout-top {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	flex-wrap: wrap !important;
}

.ing-archive__callout-icon,
.rev-archive__callout-icon,
.wxp-archive-hero__callout-icon {
	width: 32px !important;
	height: 32px !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	color: #c82333 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
	grid-row: auto !important;
}

.ing-archive__callout-tags,
.wxp-archive-hero__callout-tags {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 6px 10px !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	color: #c82333 !important;
}

.ing-archive__callout-tags li,
.wxp-archive-hero__callout-tags li {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
	white-space: nowrap !important;
}

.ing-archive__callout-tags li+li::before,
.wxp-archive-hero__callout-tags li+li::before {
	content: "•" !important;
	color: #fca5a5 !important;
	font-size: 14px !important;
	margin-right: 0 !important;
}

.ing-archive__callout p,
.rev-archive__callout p,
.wxp-archive-hero__callout p {
	font-family: "Manrope", sans-serif !important;
	font-size: 13.5px !important;
	line-height: 1.55 !important;
	color: #991b1b !important;
	margin: 0 !important;
}

@media (max-width: 640px) {
	.ing-archive__callout,
	.rev-archive__callout,
	.wxp-archive-hero__callout {
		padding: 16px 16px !important;
		border-radius: 14px !important;
		gap: 10px !important;
	}

	.wxp-archive-hero__callout-top {
		gap: 10px !important;
	}

	.ing-archive__callout-tags,
	.wxp-archive-hero__callout-tags {
		gap: 4px 8px !important;
		font-size: 12.5px !important;
	}

	.ing-archive__callout p,
	.rev-archive__callout p,
	.wxp-archive-hero__callout p {
		font-size: 13px !important;
		line-height: 1.5 !important;
	}
}


/* ==========================================
   6. HERO SECTION REDESIGN (.wxp-hero-redesign)
   ========================================== */
.wxp-archive-hero {
	display: none !important; /* Hide old hero layout */
}

.wxp-hero-redesign {
	position: relative !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-size: cover !important;
	border-radius: 24px !important;
	margin: 20px auto 40px auto !important;
	max-width: 1200px !important;
	overflow: hidden !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
	border: 1px solid #f1f5f9 !important;
}

.wxp-hero-redesign__overlay {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.78) 25%, rgba(255, 255, 255, 0.4) 65%, rgba(255, 255, 255, 0.08) 100%) !important;
	z-index: 1 !important;
}

.wxp-hero-redesign__inner {
	position: relative !important;
	z-index: 2 !important;
	display: grid !important;
	grid-template-columns: 1.25fr 1fr !important;
	gap: 40px !important;
	align-items: center !important;
	padding: 48px 40px !important;
}

/* Left Column */
.wxp-hero-redesign__crumbs {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-family: "Manrope", sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #64748b !important;
	margin-bottom: 24px !important;
}

.wxp-hero-redesign__crumbs a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	color: #475569 !important;
	text-decoration: none !important;
}

.wxp-hero-redesign__crumbs a:hover {
	color: #c82333 !important;
}

.wxp-crumb-sep {
	color: #94a3b8 !important;
}

.wxp-crumb-current {
	color: #0f172a !important;
	font-weight: 700 !important;
}

.wxp-hero-redesign__title {
	font-family: "Manrope", sans-serif !important;
	font-size: clamp(2.4rem, 4vw, 3.6rem) !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	line-height: 1.1 !important;
	margin: 0 0 16px 0 !important;
	letter-spacing: -0.02em !important;
}

.wxp-hero-redesign__title-accent {
	color: #c82333 !important;
}

.wxp-hero-redesign__lead {
	font-family: "Manrope", sans-serif !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	color: #475569 !important;
	margin: 0 0 28px 0 !important;
	max-width: 540px !important;
}

/* Bottom Left 3 Pill Badges */
.wxp-hero-redesign__pills {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

.wxp-hero-redesign__pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: #fdf2f2 !important;
	border: 1px solid #fee2e2 !important;
	padding: 10px 18px !important;
	border-radius: 999px !important;
	font-family: "Manrope", sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	box-shadow: 0 2px 8px rgba(200, 35, 51, 0.03) !important;
}

.wxp-hero-redesign__pill-icon {
	font-size: 16px !important;
	display: inline-flex !important;
	align-items: center !important;
}

/* Right Column: Glass Card with 3 Columns */
.wxp-hero-redesign__right {
	display: flex !important;
	justify-content: flex-end !important;
}

.wxp-hero-redesign__glass-card {
	background: rgba(255, 255, 255, 0.82) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	border: 1px solid rgba(255, 255, 255, 0.95) !important;
	border-radius: 20px !important;
	padding: 24px 28px !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
	display: grid !important;
	grid-template-columns: 1fr auto 1fr auto 1fr !important;
	align-items: center !important;
	gap: 20px !important;
	width: 100% !important;
	max-width: 520px !important;
}

.wxp-hero-redesign__glass-col {
	text-align: center !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

.wxp-hero-redesign__glass-icon {
	width: 44px !important;
	height: 44px !important;
	border-radius: 12px !important;
	background: #fdf2f2 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 10px !important;
}

.wxp-hero-redesign__glass-title {
	font-family: "Manrope", sans-serif !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	line-height: 1.25 !important;
	margin-bottom: 3px !important;
}

.wxp-hero-redesign__glass-sub {
	font-family: "Manrope", sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	color: #64748b !important;
}

.wxp-hero-redesign__glass-divider {
	width: 1px !important;
	height: 48px !important;
	background: #e2e8f0 !important;
}

/* Responsive Media Queries */
@media (max-width: 960px) {
	.wxp-hero-redesign {
		margin: 16px !important;
		border-radius: 20px !important;
	}
	.wxp-hero-redesign__overlay {
		background: linear-gradient(180deg, #ffffff 50%, rgba(255, 255, 255, 0.92) 85%, rgba(255, 255, 255, 0.5) 100%) !important;
	}
	.wxp-hero-redesign__inner {
		grid-template-columns: 1fr !important;
		gap: 32px !important;
		padding: 32px 24px !important;
	}
	.wxp-hero-redesign__right {
		justify-content: center !important;
	}
	.wxp-hero-redesign__glass-card {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 12px !important;
		padding: 20px 16px !important;
	}
	.wxp-hero-redesign__glass-divider {
		display: none !important;
	}
}

@media (max-width: 560px) {
	.wxp-hero-redesign__inner {
		padding: 24px 16px !important;
	}
	.wxp-hero-redesign__title {
		font-size: 2.2rem !important;
	}
	.wxp-hero-redesign__pills {
		gap: 8px !important;
	}
	.wxp-hero-redesign__pill {
		padding: 8px 14px !important;
		font-size: 13px !important;
	}
	.wxp-hero-redesign__glass-title {
		font-size: 12px !important;
	}
	.wxp-hero-redesign__glass-sub {
		font-size: 10.5px !important;
	}
}

/* How We Compare SVG Alignment */
.how-item strong {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.how-item strong svg {
	flex-shrink: 0 !important;
}


/* ==========================================
   7. HOME HERO FEATURED PRODUCT CARD (.wxp-hero-feat-card)
   ========================================== */
.hero.wxp-home-hero {
	padding-block: clamp(32px, 4vw, 64px) !important;
}

.hero__grid.wxp-home-hero__grid {
	display: grid !important;
	grid-template-columns: 1fr 1.15fr !important;
	gap: 40px !important;
	align-items: center !important;
}

.wxp-hero-feat-card {
	background: #fdf2f2 !important;
	border: 1px solid #fee2e2 !important;
	border-radius: 24px !important;
	padding: 24px 28px !important;
	display: grid !important;
	grid-template-columns: 0.95fr 1.05fr !important;
	gap: 20px !important;
	align-items: center !important;
	box-shadow: 0 14px 40px rgba(220, 38, 38, 0.05) !important;
	position: relative !important;
	overflow: hidden !important;
}

.wxp-hero-feat-card__media {
	width: 100% !important;
	height: 100% !important;
	min-height: 300px !important;
	max-height: 380px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
}

.wxp-hero-feat-card__media img {
	max-width: 100% !important;
	max-height: 360px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
	object-position: center !important;
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.08)) !important;
	transition: transform 0.3s ease !important;
}

.wxp-hero-feat-card:hover .wxp-hero-feat-card__media img {
	transform: scale(1.03) !important;
}

/* Card Right Column Body */
.wxp-hero-feat-card__body {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
}

.wxp-hero-feat-card__tag {
	display: inline-block !important;
	background: #fce7f3 !important;
	color: #9d174d !important;
	font-family: "Manrope", sans-serif !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	padding: 5px 12px !important;
	border-radius: 999px !important;
	margin-bottom: 12px !important;
}

.wxp-hero-feat-card__title {
	font-family: "Manrope", sans-serif !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	line-height: 1.25 !important;
	margin: 0 0 10px 0 !important;
}

.wxp-hero-feat-card__desc {
	font-family: "Manrope", sans-serif !important;
	font-size: 13.5px !important;
	line-height: 1.55 !important;
	color: #475569 !important;
	margin: 0 0 14px 0 !important;
}

.wxp-hero-feat-card__divider {
	width: 100% !important;
	height: 1px !important;
	background: #fecaca !important;
	margin: 12px 0 !important;
}

.wxp-hero-feat-card__rating-row {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.wxp-hero-feat-card__stars {
	color: #c82333 !important;
	font-size: 18px !important;
	letter-spacing: 2px !important;
}

.wxp-hero-feat-card__score {
	font-family: "Manrope", sans-serif !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
}

.wxp-hero-feat-card__count {
	font-family: "Manrope", sans-serif !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: #64748b !important;
	margin-top: 2px !important;
}

.wxp-hero-feat-card__highlights {
	list-style: none !important;
	padding: 0 !important;
	margin: 14px 0 18px 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}

.wxp-hero-feat-card__highlights li {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-family: "Manrope", sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #334155 !important;
}

.wxp-check-ico {
	width: 20px !important;
	height: 20px !important;
	border-radius: 50% !important;
	border: 1.5px solid #c82333 !important;
	color: #c82333 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.wxp-hero-feat-card__btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	background: #c82333 !important;
	color: #ffffff !important;
	font-family: "Manrope", sans-serif !important;
	font-weight: 800 !important;
	font-size: 15px !important;
	padding: 14px 20px !important;
	border-radius: 14px !important;
	text-decoration: none !important;
	box-shadow: 0 4px 14px rgba(200, 35, 51, 0.25) !important;
	transition: background 0.2s ease, transform 0.15s ease !important;
	margin-top: 4px !important;
}

.wxp-hero-feat-card__btn:hover {
	background: #b01b2a !important;
	transform: translateY(-2px) !important;
}

/* Mobile Media Queries */
@media (max-width: 960px) {
	.hero__grid.wxp-home-hero__grid {
		grid-template-columns: 1fr !important;
		gap: 32px !important;
	}
	.wxp-hero-feat-card {
		grid-template-columns: 1fr !important;
		padding: 20px !important;
		gap: 16px !important;
	}
	.wxp-hero-feat-card__media {
		max-height: 280px !important;
		min-height: auto !important;
	}
	.wxp-hero-feat-card__title {
		font-size: 20px !important;
	}
}


/* ==========================================
   8. MOBILE HEADER & OFF-CANVAS DRAWER (.wxp-mobile-drawer)
   ========================================== */
.site-header__inner {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	padding-block: 16px !important;
}

.site-header__brand {
	margin-right: auto !important;
}

.site-header__actions {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin-left: auto !important;
}

.site-header__search {
	padding: 8px !important;
	color: #0f172a !important;
	border-radius: 8px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: color 0.15s ease, background 0.15s ease !important;
	cursor: pointer !important;
}

.site-header__search:hover {
	color: #c82333 !important;
	background: #fdf2f2 !important;
}

.site-header__toggle {
	display: inline-flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 5px !important;
	width: 40px !important;
	height: 40px !important;
	padding: 8px !important;
	border-radius: 10px !important;
	background: #fdf2f2 !important;
	color: #c82333 !important;
	border: 1px solid #fee2e2 !important;
	cursor: pointer !important;
	transition: background 0.2s ease, transform 0.1s ease !important;
}

.site-header__toggle span {
	display: block !important;
	width: 100% !important;
	height: 2px !important;
	background: #c82333 !important;
	border-radius: 2px !important;
	transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.site-header__toggle:hover {
	background: #c82333 !important;
}

.site-header__toggle:hover span {
	background: #ffffff !important;
}

/* Mobile Overlay Backdrop */
.wxp-mobile-overlay {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background: rgba(15, 23, 42, 0.6) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transition: opacity 0.3s ease !important;
	z-index: 9999 !important;
}

.wxp-mobile-overlay.is-open {
	opacity: 1 !important;
	pointer-events: auto !important;
}

/* Mobile Slide-In Drawer (From Right Side) */
.wxp-mobile-drawer {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 320px !important;
	max-width: 85vw !important;
	background: #ffffff !important;
	box-shadow: -10px 0 35px rgba(15, 23, 42, 0.18) !important;
	transform: translateX(100%) !important;
	transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
	z-index: 10000 !important;
	display: flex !important;
	flex-direction: column !important;
	overflow-y: auto !important;
}

.wxp-mobile-drawer.is-open {
	transform: translateX(0) !important;
}

/* Drawer Header */
.wxp-mobile-drawer__header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 20px 24px !important;
	border-bottom: 1px solid #f1f5f9 !important;
}

.wxp-mobile-drawer__close {
	width: 36px !important;
	height: 36px !important;
	border-radius: 10px !important;
	background: #f1f5f9 !important;
	color: #475569 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 0 !important;
	cursor: pointer !important;
	transition: background 0.15s ease, color 0.15s ease !important;
}

.wxp-mobile-drawer__close:hover {
	background: #fdf2f2 !important;
	color: #c82333 !important;
}

/* Drawer Search Bar */
.wxp-mobile-drawer__search-wrap {
	padding: 16px 24px !important;
	border-bottom: 1px solid #f1f5f9 !important;
}

.wxp-mobile-drawer__search-form {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 8px 12px !important;
}

.wxp-mobile-drawer__search-form svg {
	color: #64748b !important;
	flex-shrink: 0 !important;
}

.wxp-mobile-drawer__search-form input {
	flex: 1 !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	font-family: "Manrope", sans-serif !important;
	font-size: 13.5px !important;
	color: #0f172a !important;
}

.wxp-mobile-drawer__search-form button {
	background: #c82333 !important;
	color: #ffffff !important;
	font-family: "Manrope", sans-serif !important;
	font-weight: 700 !important;
	font-size: 12px !important;
	padding: 6px 12px !important;
	border-radius: 8px !important;
	border: 0 !important;
}

/* Drawer Nav Menu Links (Vertical Column Layout Matching Screenshot) */
.wxp-mobile-drawer__nav {
	flex: 1 !important;
	padding: 20px 20px !important;
	width: 100% !important;
}

.wxp-mobile-drawer__menu,
ul.wxp-mobile-drawer__menu,
.wxp-mobile-drawer__nav ul,
.wxp-mobile-drawer__nav .menu {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	gap: 10px !important;
	align-items: stretch !important;
}

.wxp-mobile-drawer__menu > li,
.wxp-mobile-drawer__nav ul > li,
.wxp-mobile-drawer__nav .menu > li {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
}

.wxp-mobile-drawer__menu li a,
.wxp-mobile-drawer__nav ul li a,
.wxp-mobile-drawer__nav .menu li a {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 14px 18px !important;
	border-radius: 14px !important;
	font-family: "Manrope", sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	background: #f8fafc !important;
	border: 1px solid #f1f5f9 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	width: 100% !important;
}

.wxp-mobile-drawer__menu li a:hover,
.wxp-mobile-drawer__menu li.current-menu-item a,
.wxp-mobile-drawer__nav ul li a:hover,
.wxp-mobile-drawer__nav ul li.current-menu-item a {
	background: #fdf2f2 !important;
	background: #fdf2f2 !important;
	color: #c82333 !important;
	border-color: #fee2e2 !important;
	transform: translateX(4px) !important;
}

/* Drawer Footer */
.wxp-mobile-drawer__footer {
	padding: 20px 24px !important;
	border-top: 1px solid #f1f5f9 !important;
	background: #fafafa !important;
}

.wxp-mobile-drawer__trust {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	font-family: "Manrope", sans-serif !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: #059669 !important;
	margin-bottom: 12px !important;
}

.wxp-mobile-drawer__copy {
	font-family: "Manrope", sans-serif !important;
	font-size: 11.5px !important;
	color: #94a3b8 !important;
	margin: 0 !important;
}

@media (min-width: 961px) {
	.site-header__toggle,
	.wxp-mobile-drawer,
	.wxp-mobile-overlay {
		display: none !important;
	}
}


/* ==========================================
   9. HOME PAGE "COMPARE & CHOOSE WISELY" REDESIGN (.wxp-home-cmp)
   ========================================== */
.wxp-home-cmp {
	padding-block: clamp(40px, 5vw, 80px) !important;
}

.wxp-cmp-card-box {
	background: #ffffff !important;
	border: 1px solid #f1f5f9 !important;
	border-radius: 24px !important;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04) !important;
	overflow: hidden !important;
}

.wxp-cmp-card-grid {
	display: grid !important;
	grid-template-columns: 320px 1fr !important;
	align-items: stretch !important;
}

/* Left Intro Column */
.wxp-cmp-intro {
	padding: 44px 32px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: flex-start !important;
	background: #ffffff !important;
	border-right: 1px solid #f1f5f9 !important;
}

.wxp-cmp-title {
	font-family: "Manrope", sans-serif !important;
	font-size: clamp(1.5rem, 2.2vw, 1.85rem) !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	line-height: 1.25 !important;
	letter-spacing: -0.02em !important;
	margin: 0 0 14px 0 !important;
}

.wxp-cmp-title-dark {
	color: #0f172a !important;
}

.wxp-cmp-lead {
	font-family: "Manrope", sans-serif !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: #64748b !important;
	margin: 0 0 28px 0 !important;
}

.wxp-cmp-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #c82333 !important;
	color: #ffffff !important;
	font-family: "Manrope", sans-serif !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	padding: 14px 28px !important;
	border-radius: 12px !important;
	text-decoration: none !important;
	box-shadow: 0 6px 18px rgba(200, 35, 51, 0.25) !important;
	transition: background 0.2s ease, transform 0.15s ease !important;
}

.wxp-cmp-btn:hover {
	background: #b01b2a !important;
	transform: translateY(-2px) !important;
}

/* Table Wrap */
.wxp-cmp-table-wrap {
	overflow-x: auto !important;
	width: 100% !important;
}

.wxp-cmp-table {
	width: 100% !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	height: 100% !important;
}

.wxp-cmp-table th,
.wxp-cmp-table td {
	padding: 16px 20px !important;
	text-align: center !important;
	font-family: "Manrope", sans-serif !important;
	font-size: 14px !important;
	border-bottom: 1px solid #f1f5f9 !important;
	vertical-align: middle !important;
}

.wxp-cmp-table tbody tr:last-child th,
.wxp-cmp-table tbody tr:last-child td {
	border-bottom: none !important;
}

/* Pinkish Row Label Column (Far Left Table Column) */
.wxp-cmp-th-label,
.wxp-cmp-row-label {
	background: #fdf2f2 !important;
	color: #1e293b !important;
	font-weight: 700 !important;
	text-align: left !important;
	padding-left: 28px !important;
	width: 170px !important;
	min-width: 150px !important;
}

.wxp-cmp-th-label {
	border-bottom: 1px solid #fee2e2 !important;
	vertical-align: bottom !important;
	padding-bottom: 24px !important;
}

.wxp-cmp-pink-head {
	display: inline-block !important;
	font-family: "Manrope", sans-serif !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	color: #c82333 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
}

/* Product Header TH Columns */
.wxp-cmp-th-product {
	background: #ffffff !important;
	padding: 24px 16px 18px 16px !important;
	vertical-align: top !important;
	width: 30% !important;
	border-bottom: 1px solid #f1f5f9 !important;
}

.wxp-cmp-prod-thumb {
	display: block !important;
	width: 130px !important;
	height: 90px !important;
	margin: 0 auto 12px auto !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	background: #f8fafc !important;
}

.wxp-cmp-prod-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

.wxp-cmp-prod-name {
	font-family: "Manrope", sans-serif !important;
	font-size: 14.5px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	line-height: 1.3 !important;
	margin: 0 0 6px 0 !important;
}

.wxp-cmp-prod-name a {
	color: #0f172a !important;
	text-decoration: none !important;
}

.wxp-cmp-prod-name a:hover {
	color: #c82333 !important;
}

.wxp-cmp-prod-rating {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
}

.wxp-cmp-rating-num {
	font-weight: 800 !important;
	font-size: 13.5px !important;
	color: #0f172a !important;
}

.wxp-cmp-stars {
	color: #f59e0b !important;
	font-size: 13px !important;
	letter-spacing: 1px !important;
}

/* Cell Values */
.wxp-cmp-cell-val {
	color: #334155 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
}

.wxp-cmp-cell-val.font-semibold {
	font-weight: 700 !important;
	color: #0f172a !important;
}

/* Responsive Media Queries for Home Page Compare Block */
@media (max-width: 960px) {
	.wxp-cmp-card-grid {
		grid-template-columns: 1fr !important;
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
	}

	.wxp-cmp-intro {
		width: 100% !important;
		border-right: none !important;
		border-bottom: 1px solid #f1f5f9 !important;
		padding: 28px 20px !important;
		align-items: flex-start !important;
		text-align: left !important;
	}

	.wxp-cmp-title {
		font-size: 24px !important;
		margin-bottom: 10px !important;
	}

	.wxp-cmp-lead {
		font-size: 14px !important;
		margin-bottom: 20px !important;
	}

	.wxp-cmp-btn {
		width: 100% !important;
		max-width: 280px !important;
	}

	.wxp-cmp-table-wrap {
		width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		padding-bottom: 8px !important;
	}

	.wxp-cmp-table {
		min-width: 640px !important;
	}

	.wxp-cmp-th-label,
	.wxp-cmp-row-label {
		padding-left: 16px !important;
		width: 130px !important;
		min-width: 120px !important;
	}
}


/* Process Section Team Image Styling */
.process__media {
	position: relative !important;
	border-radius: 20px !important;
	overflow: hidden !important;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08) !important;
	border: 1px solid #f1f5f9 !important;
}

.process__team-img {
	width: 100% !important;
	height: 100% !important;
	min-height: 340px !important;
	max-height: 440px !important;
	object-fit: cover !important;
	display: block !important;
	border-radius: 20px !important;
	transition: transform 0.3s ease !important;
}

.process__media:hover .process__team-img {
	transform: scale(1.02) !important;
}


/* ==========================================
   10. HOW WE COMPARE BACKGROUND IMAGE (.cmp-archive__how)
   ========================================== */
.cmp-archive__how-wrapper {
	margin-block: 40px !important;
	width: 100% !important;
}

.cmp-archive__how {
	position: relative !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	padding: clamp(36px, 5vw, 60px) clamp(24px, 4vw, 48px) !important;
	border-radius: 24px !important;
	overflow: hidden !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
	border: 1px solid #f1f5f9 !important;
}

.cmp-archive__how-overlay {
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient(135deg, rgba(15, 23, 42, 0.45) 0%, rgba(15, 23, 42, 0.22) 100%) !important;
	z-index: 1 !important;
}

.cmp-archive__how-container {
	position: relative !important;
	z-index: 2 !important;
}

.cmp-archive__how-content {
	max-width: 680px !important;
	color: #ffffff !important;
}

.cmp-archive__how-content h2 {
	font-family: "Manrope", sans-serif !important;
	font-size: clamp(1.8rem, 3vw, 2.4rem) !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin-bottom: 12px !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.cmp-archive__how-lead {
	font-family: "Manrope", sans-serif !important;
	font-size: 15px !important;
	color: #f8fafc !important;
	line-height: 1.6 !important;
	margin-bottom: 28px !important;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3) !important;
}

.cmp-archive__how-items {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
}

.cmp-archive__how-items .how-item {
	background: #ffffff !important;
	border: 1px solid #f1f5f9 !important;
	border-radius: 14px !important;
	padding: 16px 20px !important;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.cmp-archive__how-items .how-item:hover {
	background: #ffffff !important;
	transform: translateX(6px) !important;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.09) !important;
}

.cmp-archive__how-items .how-item strong {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-family: "Manrope", sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	margin-bottom: 4px !important;
}

.cmp-archive__how-items .how-item strong svg {
	stroke: #c82333 !important;
}

.cmp-archive__how-items .how-item p {
	font-family: "Manrope", sans-serif !important;
	font-size: 13.5px !important;
	color: #475569 !important;
	margin: 0 !important;
}


/* ==========================================
   11. SEARCH HERO FORM MOBILE ALIGNMENT FIX (.wxp-search-hero__form)
   ========================================== */
.wxp-search-hero__form {
	display: flex !important;
	align-items: center !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 14px !important;
	padding: 6px 8px 6px 14px !important;
	max-width: 600px !important;
	width: 100% !important;
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
	position: relative !important;
	box-sizing: border-box !important;
	margin-bottom: 24px !important;
}

.wxp-search-hero__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #64748b !important;
	margin-right: 8px !important;
	flex-shrink: 0 !important;
}

.wxp-search-hero__form input[type="search"],
.wxp-search-hero__form input#wxp-s {
	flex: 1 1 auto !important;
	min-width: 0 !important; /* CRITICAL: Prevents input box & text from overflowing mobile screen! */
	width: 100% !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	font-family: "Manrope", sans-serif !important;
	font-size: 14px !important;
	color: #0f172a !important;
	padding: 8px 6px !important;
	box-shadow: none !important;
}

.wxp-search-hero__form button[type="submit"],
.wxp-search-hero__form .btn--primary {
	flex-shrink: 0 !important;
	background: #c82333 !important;
	color: #ffffff !important;
	font-family: "Manrope", sans-serif !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	padding: 10px 20px !important;
	border-radius: 10px !important;
	border: 0 !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	transition: background 0.2s ease !important;
	margin: 0 !important;
}

.wxp-search-hero__form button[type="submit"]:hover {
	background: #b01b2a !important;
}

/* Mobile responsive adjustments for search hero form */
@media (max-width: 560px) {
	.wxp-search-hero__form {
		padding: 5px 6px 5px 12px !important;
		border-radius: 12px !important;
		gap: 4px !important;
	}
	.wxp-search-hero__form input[type="search"],
	.wxp-search-hero__form input#wxp-s {
		font-size: 13px !important;
		padding: 6px 4px !important;
	}
	.wxp-search-hero__form button[type="submit"],
	.wxp-search-hero__form .btn--primary {
		font-size: 13px !important;
		padding: 8px 14px !important;
		border-radius: 8px !important;
	}
}


/* ==========================================
   12. HEADER TOP SEARCH PANEL SINGLE LINE MOBILE FIX (.site-search)
   ========================================== */
.site-search__form,
form.site-search__form {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 6px !important;
	padding: 6px 10px 6px 14px !important;
	background: #fdf2f2 !important;
	border: 1px solid #fee2e2 !important;
	border-radius: 14px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.site-search__form input[type="search"],
.site-search__form input#site-search-input,
#site-search-input {
	display: inline-block !important;
	flex: 1 1 0% !important;
	min-width: 0 !important;
	width: 0 !important; /* FORCES flex input to share row without wrapping! */
	max-width: 100% !important;
	font-family: "Manrope", sans-serif !important;
	font-size: 13.5px !important;
	color: #0f172a !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	padding: 4px 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	height: auto !important;
}

.site-search__submit-btn,
button.site-search__submit-btn {
	flex-shrink: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #c82333 !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 50% !important;
	width: 34px !important;
	height: 34px !important;
	padding: 0 !important;
	cursor: pointer !important;
	margin: 0 !important;
	transition: background 0.2s ease !important;
}

.site-search__submit-btn:hover {
	background: #b01b2a !important;
}

.site-search__submit-btn svg {
	width: 17px !important;
	height: 17px !important;
	stroke: #ffffff !important;
}

.site-search__btn-text {
	display: none !important;
}

.site-search__close,
button.site-search__close {
	flex-shrink: 0 !important;
	width: 30px !important;
	height: 30px !important;
	font-size: 20px !important;
	line-height: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #64748b !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer !important;
	transition: color 0.15s ease !important;
}

.site-search__close:hover {
	color: #c82333 !important;
}


/* ==========================================
   13. 404 EXPLORE SECTIONS GRID ADJUSTMENT (.wxp-404-explore__grid)
   ========================================== */
.wxp-404-explore__grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
	gap: 20px !important;
}

/* Hide VS Badge Overlay on Popular Comparison Cards */
.cmp-pop-card__vs {
	display: none !important;
}


/* ==========================================
   14. REDESIGNED CONTACT PAGE STYLES (.wxp-contact-page)
   ========================================== */
.wxp-contact-page {
	background-color: #fafafa !important;
	padding-bottom: 80px !important;
	font-family: "Manrope", sans-serif !important;
}

.wxp-contact-hero {
	padding-top: clamp(40px, 5vw, 64px) !important;
	padding-bottom: clamp(24px, 4vw, 40px) !important;
	text-align: center !important;
}

.wxp-contact-eyebrow {
	display: inline-block !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	color: #c82333 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	margin-bottom: 12px !important;
}

.wxp-contact-title {
	font-size: clamp(2.2rem, 4vw, 3.2rem) !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	line-height: 1.15 !important;
	margin-bottom: 14px !important;
	letter-spacing: -0.02em !important;
}

.wxp-contact-subtitle {
	font-size: clamp(1rem, 1.8vw, 1.15rem) !important;
	color: #475569 !important;
	max-width: 620px !important;
	margin: 0 auto !important;
	line-height: 1.6 !important;
}

/* Main 2-Column Grid */
.wxp-contact-grid {
	display: grid !important;
	grid-template-columns: 1fr 1.2fr !important;
	gap: 48px !important;
	align-items: start !important;
}

.wxp-contact-left {
	padding-top: 12px !important;
}

.wxp-contact-section-title {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	margin-bottom: 12px !important;
}

.wxp-contact-lead {
	font-size: 15px !important;
	color: #475569 !important;
	line-height: 1.6 !important;
	margin-bottom: 36px !important;
}

.wxp-contact-channels {
	display: flex !important;
	flex-direction: column !important;
	gap: 28px !important;
}

.wxp-channel-item {
	display: flex !important;
	align-items: flex-start !important;
	gap: 16px !important;
}

.wxp-channel-icon {
	width: 48px !important;
	height: 48px !important;
	border-radius: 50% !important;
	background: #fdf2f2 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.wxp-channel-info h3 {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	margin-bottom: 4px !important;
}

.wxp-channel-info a {
	font-size: 14.5px !important;
	color: #334155 !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
}

.wxp-channel-info a:hover {
	color: #c82333 !important;
}

.wxp-channel-highlight {
	font-size: 14.5px !important;
	font-weight: 600 !important;
	color: #1e293b !important;
	margin-bottom: 2px !important;
}

.wxp-channel-sub {
	font-size: 14px !important;
	color: #64748b !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}

/* Right Column: Form White Card Box */
.wxp-contact-form-card {
	background: #ffffff !important;
	border: 1px solid #f1f5f9 !important;
	border-radius: 20px !important;
	padding: clamp(28px, 4vw, 40px) !important;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03) !important;
}

.wxp-form-card-title {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	margin-bottom: 24px !important;
}

.wxp-form {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
}

.wxp-form-row {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 16px !important;
}

.wxp-form-field input,
.wxp-form-field select,
.wxp-form-field textarea {
	width: 100% !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 10px !important;
	padding: 12px 16px !important;
	font-family: "Manrope", sans-serif !important;
	font-size: 14.5px !important;
	color: #0f172a !important;
	outline: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
	box-sizing: border-box !important;
}

.wxp-form-field input:focus,
.wxp-form-field select:focus,
.wxp-form-field textarea:focus {
	border-color: #c82333 !important;
	box-shadow: 0 0 0 3px rgba(200, 35, 51, 0.08) !important;
}

.wxp-form-field select {
	appearance: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 16px center !important;
	padding-right: 40px !important;
}

.wxp-form-footer {
	display: flex !important;
	align-items: center !important;
	gap: 18px !important;
	margin-top: 8px !important;
}

.wxp-contact-btn {
	background: #c82333 !important;
	color: #ffffff !important;
	font-family: "Manrope", sans-serif !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	padding: 12px 28px !important;
	border-radius: 10px !important;
	border: 0 !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	transition: background 0.2s ease !important;
}

.wxp-contact-btn:hover {
	background: #b01b2a !important;
}

.wxp-privacy-note {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 12.5px !important;
	color: #64748b !important;
	line-height: 1.35 !important;
}

.wxp-contact-alert {
	padding: 12px 16px !important;
	border-radius: 10px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	margin-bottom: 20px !important;
}

.wxp-contact-alert.is-success {
	background: #ecfdf5 !important;
	color: #047857 !important;
	border: 1px solid #a7f3d0 !important;
}

/* Bottom Section: Quick Answers Box */
.wxp-quick-answers-card {
	background: #fdf2f2 !important;
	border: 1px solid #fee2e2 !important;
	border-radius: 20px !important;
	padding: 36px 40px !important;
	margin-top: 56px !important;
	display: grid !important;
	grid-template-columns: 260px 1fr !important;
	gap: 40px !important;
	align-items: center !important;
}

.wxp-qa-intro h3 {
	font-size: 20px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	margin-bottom: 6px !important;
}

.wxp-qa-intro p {
	font-size: 14px !important;
	color: #64748b !important;
	margin-bottom: 20px !important;
}

.wxp-qa-btn {
	display: inline-flex !important;
	align-items: center !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #c82333 !important;
	border: 1px solid #c82333 !important;
	padding: 8px 18px !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	background: #ffffff !important;
	transition: all 0.2s ease !important;
}

.wxp-qa-btn:hover {
	background: #c82333 !important;
	color: #ffffff !important;
}

.wxp-qa-items {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 24px !important;
	border-left: 1px solid #fee2e2 !important;
	padding-left: 36px !important;
}

.wxp-qa-item h4 {
	font-size: 14.5px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	margin-top: 10px !important;
	margin-bottom: 4px !important;
}

.wxp-qa-item p {
	font-size: 13px !important;
	color: #64748b !important;
	line-height: 1.45 !important;
	margin: 0 !important;
}

/* Responsive Styles */
@media (max-width: 960px) {
	.wxp-contact-grid {
		grid-template-columns: 1fr !important;
		gap: 36px !important;
	}
	.wxp-quick-answers-card {
		grid-template-columns: 1fr !important;
		padding: 28px 24px !important;
		gap: 28px !important;
	}
	.wxp-qa-items {
		grid-template-columns: repeat(2, 1fr) !important;
		border-left: none !important;
		border-top: 1px solid #fee2e2 !important;
		padding-left: 0 !important;
		padding-top: 24px !important;
	}
}

@media (max-width: 560px) {
	.wxp-form-row {
		grid-template-columns: 1fr !important;
	}
	.wxp-form-footer {
		flex-direction: column !important;
		align-items: stretch !important;
	}
	.wxp-contact-btn {
		width: 100% !important;
	}
	.wxp-qa-items {
		grid-template-columns: 1fr !important;
	}
}


/* ==========================================
   15. REDESIGNED ABOUT US PAGE STYLES (.wxp-about-page)
   ========================================== */
.wxp-about-page {
	background-color: #fafafa !important;
	padding-bottom: 80px !important;
	font-family: "Manrope", sans-serif !important;
}

/* Top Hero Grid */
.wxp-about-hero-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 48px !important;
	align-items: center !important;
	padding-top: clamp(36px, 4vw, 56px) !important;
	padding-bottom: clamp(36px, 4vw, 56px) !important;
}

.wxp-about-eyebrow {
	display: inline-block !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	color: #c82333 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	margin-bottom: 12px !important;
}

.wxp-about-title {
	font-size: clamp(2.2rem, 3.8vw, 3.2rem) !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	line-height: 1.15 !important;
	margin-bottom: 16px !important;
	letter-spacing: -0.02em !important;
}

.wxp-text-accent {
	color: #c82333 !important;
}

.wxp-about-lead {
	font-size: clamp(1rem, 1.6vw, 1.1rem) !important;
	color: #475569 !important;
	line-height: 1.65 !important;
	margin-bottom: 32px !important;
}

/* 4 Core Pillars Grid */
.wxp-about-pillars {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 16px !important;
}

.wxp-pillar-item {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
}

.wxp-pillar-icon {
	width: 36px !important;
	height: 36px !important;
	margin-bottom: 8px !important;
}

.wxp-pillar-item h3 {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	margin-bottom: 4px !important;
}

.wxp-pillar-item p {
	font-size: 12px !important;
	color: #64748b !important;
	line-height: 1.45 !important;
	margin: 0 !important;
}

/* Right Media Image Card */
.wxp-about-img-card {
	border-radius: 24px !important;
	overflow: hidden !important;
	box-shadow: 0 12px 35px rgba(15, 23, 42, 0.07) !important;
	border: 1px solid #f1f5f9 !important;
}

.wxp-about-img-card img {
	width: 100% !important;
	height: 100% !important;
	min-height: 360px !important;
	max-height: 480px !important;
	object-fit: cover !important;
	display: block !important;
}

/* Meet the Team Section */
.wxp-team-header {
	text-align: center !important;
	max-width: 760px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 48px !important;
	padding-inline: 16px !important;
}

.wxp-team-header .wxp-about-eyebrow,
.wxp-team-header .wxp-team-title,
.wxp-team-header .wxp-team-subtitle {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.wxp-team-title {
	font-size: clamp(1.8rem, 3vw, 2.5rem) !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	margin-bottom: 12px !important;
	text-align: center !important;
}

.wxp-team-subtitle {
	font-size: 15px !important;
	color: #475569 !important;
	line-height: 1.6 !important;
	margin: 0 auto !important;
	text-align: center !important;
}

/* Team Layout: Left Cards + Right Summary Card */
.wxp-team-layout {
	display: grid !important;
	grid-template-columns: 1fr 340px !important;
	gap: 36px !important;
	align-items: stretch !important;
	margin-bottom: 48px !important;
}

.wxp-team-grid {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 24px !important;
}

.wxp-team-card {
	flex: 0 1 140px !important;
	max-width: 160px !important;
	text-align: center !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

.wxp-team-avatar {
	width: 100px !important;
	height: 100px !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	margin-bottom: 12px !important;
	border: 3px solid #ffffff !important;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08) !important;
}

.wxp-team-avatar img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.wxp-team-name {
	font-size: 14.5px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	margin-bottom: 2px !important;
}

.wxp-team-role {
	display: block !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #c82333 !important;
	margin-bottom: 6px !important;
}

.wxp-team-desc {
	font-size: 11.5px !important;
	color: #64748b !important;
	line-height: 1.4 !important;
	margin: 0 !important;
}

/* Right Summary Pink Card */
.wxp-about-summary-card {
	background: #fdf2f2 !important;
	border: 1px solid #fee2e2 !important;
	border-radius: 20px !important;
	padding: 32px !important;
	height: 100% !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
}

.wxp-summary-eyebrow {
	display: inline-block !important;
	font-size: 12.5px !important;
	font-weight: 800 !important;
	color: #c82333 !important;
	letter-spacing: 0.08em !important;
	margin-bottom: 12px !important;
}

.wxp-summary-text {
	font-size: 13.5px !important;
	color: #475569 !important;
	line-height: 1.55 !important;
	margin-bottom: 12px !important;
}

.wxp-summary-checklist {
	list-style: none !important;
	padding: 0 !important;
	margin: 16px 0 24px 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}

.wxp-summary-checklist li {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #0f172a !important;
}

.wxp-summary-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #c82333 !important;
	color: #ffffff !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	padding: 10px 22px !important;
	border-radius: 10px !important;
	text-decoration: none !important;
	transition: background 0.2s ease !important;
	width: fit-content !important;
}

.wxp-summary-btn:hover {
	background: #b01b2a !important;
}

/* Bottom Stats Bar */
.wxp-about-stats-bar {
	background: #fdf2f2 !important;
	border: 1px solid #fee2e2 !important;
	border-radius: 20px !important;
	padding: 24px 36px !important;
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 24px !important;
	align-items: center !important;
}

.wxp-stat-item {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
}

.wxp-stat-info strong {
	display: block !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	line-height: 1.1 !important;
}

.wxp-stat-info span {
	font-size: 12.5px !important;
	color: #64748b !important;
}

/* Responsive Styles */
@media (max-width: 960px) {
	.wxp-about-hero-grid {
		grid-template-columns: 1fr !important;
		gap: 36px !important;
	}
	.wxp-team-layout {
		grid-template-columns: 1fr !important;
	}
	.wxp-about-stats-bar {
		grid-template-columns: repeat(2, 1fr) !important;
		padding: 24px !important;
	}
	.wxp-about-pillars {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px !important;
	}
}

@media (max-width: 560px) {
	.wxp-about-pillars {
		grid-template-columns: 1fr !important;
	}
	.wxp-about-stats-bar {
		grid-template-columns: 1fr !important;
	}
	.wxp-team-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}


/* ==========================================
   16. CLEAN CENTERED STATIC PAGE STYLES (.wxp-page-clean)
   ========================================== */
.wxp-page-clean {
	background-color: #fafafa !important;
	padding-top: clamp(40px, 5vw, 60px) !important;
	padding-bottom: clamp(60px, 6vw, 90px) !important;
	font-family: "Manrope", sans-serif !important;
}

.wxp-page-clean__container {
	max-width: 840px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-inline: 20px !important;
}

.wxp-page-clean__header {
	text-align: center !important;
	margin-bottom: clamp(32px, 4vw, 44px) !important;
}

.wxp-crumbs--center {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	font-size: 13.5px !important;
	color: #64748b !important;
	margin-bottom: 16px !important;
}

.wxp-crumbs--center a {
	color: #64748b !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
}

.wxp-crumbs--center a:hover {
	color: #c82333 !important;
}

.wxp-page-clean__title {
	font-size: clamp(2rem, 3.8vw, 3.2rem) !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	line-height: 1.2 !important;
	letter-spacing: -0.02em !important;
	margin-bottom: 16px !important;
	text-align: center !important;
}

.wxp-page-clean__lead {
	font-size: clamp(1rem, 1.6vw, 1.15rem) !important;
	color: #475569 !important;
	line-height: 1.65 !important;
	max-width: 680px !important;
	margin: 0 auto !important;
	text-align: center !important;
}

.wxp-page-clean__cover {
	border-radius: 20px !important;
	overflow: hidden !important;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
	margin-bottom: clamp(32px, 4vw, 48px) !important;
}

.wxp-page-clean__cover img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
}

.wxp-page-clean__content {
	background: #ffffff !important;
	border: 1px solid #f1f5f9 !important;
	border-radius: 20px !important;
	padding: clamp(28px, 4vw, 48px) !important;
	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03) !important;
}


/* ==========================================
   17. FOOTER SOCIAL VECTOR SVG ICONS (.site-footer__social)
   ========================================== */
.site-footer__social {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 16px 0 0 0 !important;
}

.site-footer__social li {
	margin: 0 !important;
	padding: 0 !important;
}

.site-footer__social a {
	width: 38px !important;
	height: 38px !important;
	border-radius: 50% !important;
	background: #fdf2f2 !important;
	border: 1px solid #fee2e2 !important;
	color: #c82333 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.site-footer__social a:hover {
	background: #c82333 !important;
	color: #ffffff !important;
	border-color: #c82333 !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 4px 12px rgba(200, 35, 51, 0.25) !important;
}

.site-footer__social svg {
	display: block !important;
	transition: stroke 0.2s ease, fill 0.2s ease !important;
}


/* ==========================================
   18. 2D CTA COMPONENT DESIGNS (.wxp-cta-box)
   ========================================== */
.wxp-cta-box {
	margin-block: 32px !important;
	border-radius: 16px !important;
	padding: 24px 28px !important;
	font-family: "Manrope", sans-serif !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

.wxp-cta-box p {
	margin: 0 !important;
	padding: 0 !important;
}

/* Common Red Button */
.wxp-cta-box__btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	background: #dc2626 !important;
	color: #ffffff !important;
	font-size: 16.5px !important;
	font-weight: 700 !important;
	padding: 14px 28px !important;
	border-radius: 12px !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 4px 14px rgba(220, 38, 38, 0.25) !important;
}

.wxp-cta-box__btn:hover {
	background: #b91c1c !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 18px rgba(220, 38, 38, 0.35) !important;
}

/* DESIGN 1: Minimal Red Button Box */
.wxp-cta-box--1 {
	background: #ffffff !important;
	border: 1.5px dashed #f87171 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 12px !important;
}

.wxp-cta-box--1 .wxp-cta-box__sub {
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #334155 !important;
}

/* DESIGN 2: Text + Centered Button Box */
.wxp-cta-box--2 {
	background: #fafafa !important;
	border: 1.5px dashed #f87171 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 10px !important;
}

.wxp-cta-box--2 .wxp-cta-box__title {
	font-size: 20px !important;
	font-weight: 800 !important;
	color: #1e293b !important;
	line-height: 1.3 !important;
}

.wxp-cta-box--2 .wxp-cta-box__sub {
	font-size: 14px !important;
	color: #64748b !important;
	line-height: 1.5 !important;
	margin-bottom: 6px !important;
}

/* DESIGN 3: 2-Column Banner with Image */
.wxp-cta-box--3 {
	background: #fffdf0 !important;
	border: 1.5px solid #facc15 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	text-align: left !important;
	gap: 24px !important;
	padding: 24px 32px !important;
}

.wxp-cta-box--3 .wxp-cta-box__left {
	flex: 1 1 auto !important;
}

.wxp-cta-box--3 .wxp-cta-box__title {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #1e1b4b !important;
	line-height: 1.25 !important;
	margin-bottom: 6px !important;
}

.wxp-cta-box--3 .wxp-cta-box__sub {
	font-size: 14px !important;
	color: #64748b !important;
	margin-bottom: 16px !important;
}

.wxp-cta-box--3 .wxp-cta-box__right {
	flex: 0 0 160px !important;
	max-width: 160px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.wxp-cta-box--3 .wxp-cta-box__right img {
	max-width: 100% !important;
	height: auto !important;
	object-fit: contain !important;
}

@media (max-width: 640px) {
	.wxp-cta-box--3 {
		flex-direction: column-reverse !important;
		text-align: center !important;
	}
	.wxp-cta-box--3 .wxp-cta-box__right {
		flex: 0 0 auto !important;
		max-width: 140px !important;
	}
}