/**
 * EXACT home Request Analysis button (.last-btn .elementor-button).
 * Copied 1:1 from laclenoire.be home custom CSS + 214×51 size.
 * Loaded late to beat Elementor “GRAVITY NEXT BUTTON” styles.
 */

/* Footer: help on its own row; BACK left + CTA right on one midline */
html body #gform_1 .gform_page_footer,
html body .gform_wrapper .gform_page_footer {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 100% !important;
	gap: 16px 16px !important;
}
html body #gform_1 .gform_page_footer > .cle-q-addr-help,
html body #gform_1 .gform_page_footer > .cle-q-lang-note {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}
html body #gform_1 .gform_page_footer > .gform_previous_button,
html body #gform_1 .gform_page_footer > .cle-q-early-back {
	align-self: center !important;
	margin: 0 !important;
	margin-right: auto !important;
}
html body #gform_1 .gform_page_footer > .cle-q-cta-wrap,
html body #gform_1 .gform_page_footer > .last-btn.cle-q-cta-wrap {
	margin-left: auto !important;
	/* Figma lux: CTA flush to 1032 form column */
	margin-right: 0 !important;
	display: inline-flex;
	align-items: center !important;
	align-self: center !important;
}
html body #gform_1 .gform_page_footer > .cle-q-cta-wrap[hidden],
html body #gform_1 .gform_page_footer > .last-btn.cle-q-cta-wrap[hidden],
html body #gform_1 .gform_page_footer > .cle-q-cta-wrap[hidden] > .gform_next_button,
html body #gform_1 .gform_page_footer > .last-btn.cle-q-cta-wrap[hidden] > .gform_next_button {
	display: none !important;
}


/* Lux pages 30–32: BACK left + CTA right, sheet bottom pad places them in the brown L */
html body.cle-q-lux #gform_page_1_30 .gform_page_footer,
html body.cle-q-lux #gform_page_1_32 .gform_page_footer,
html body #gform_1 #gform_page_1_30 .gform_page_footer,
html body #gform_1 #gform_page_1_32 .gform_page_footer {
	display: flex !important;
	flex-wrap: nowrap !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 16px !important;
	padding-top: 100px !important;
	padding-bottom: 0 !important;
}
html body.cle-q-lux .elementor-element-8e7de0f,
html body.cle-q-lux .cle-q-sheet {
	padding-bottom: 129px !important;
}
/* Thank-you / nested sheets: 60px from Return button to footer */
html body.cle-q-lux .elementor-element-8e7de0f:has(.cle-q-thanks-sheet),
html body.cle-q-lux .elementor-element-8e7de0f:has(.cle-q-booked-actions),
html body.cle-q-lux .elementor-element-8e7de0f .cle-q-pay-status.cle-q-sheet,
html body.cle-q-lux .elementor-element-8e7de0f .cle-q-hv-status.cle-q-sheet {
	padding-bottom: 0 !important;
}
html body.cle-q-lux .cle-q-thanks-sheet,
html body.cle-q-lux .cle-q-thanks-sheet.cle-q-sheet {
	padding-bottom: 60px !important;
}
html body.cle-q-lux .cle-q-booked-actions {
	margin: 18px 0 0 !important;
}
html body.cle-q-lux .elementor-element-8e7de0f::after,
html body.cle-q-lux .cle-q-sheet::after {
	bottom: 70px !important;
}
html body.cle-q-lux .cle-q-thanks-sheet.cle-q-sheet::before,
html body.cle-q-lux .cle-q-thanks-sheet.cle-q-sheet::after {
	display: none !important;
	content: none !important;
}

/* Page 31 desktop: BACK + Continue side-by-side (grid). Mobile uses flex full-width CTA below. */
@media (min-width: 1024px) {
	html body.cle-q-lux #gform_page_1_31 .gform_page_footer,
	html body #gform_1 #gform_page_1_31 .gform_page_footer {
		display: grid !important;
		grid-template-columns: 1fr auto !important;
		grid-template-areas:
			"help help"
			"back next" !important;
		gap: 48px 16px !important;
		row-gap: 48px !important;
		column-gap: 16px !important;
		padding: 40px 0 0 !important;
	}
}

/* Page 31 mobile: same full-width Continue as Q30 (beats unconditional grid above). */
@media (max-width: 1023px) {
	html body.cle-q-lux #gform_page_1_31 .gform_page_footer,
	html body #gform_1 #gform_page_1_31 .gform_page_footer {
		display: flex !important;
		flex-direction: column-reverse !important;
		align-items: stretch !important;
		gap: 24px !important;
		padding: 32px 0 0 !important;
		grid-template-columns: none !important;
		grid-template-areas: none !important;
	}
	html body.cle-q-lux #gform_page_1_31 .gform_page_footer > .cle-q-cta-wrap,
	html body.cle-q-lux #gform_page_1_31 .gform_page_footer > .last-btn.cle-q-cta-wrap,
	html body #gform_1 #gform_page_1_31 .gform_page_footer > .cle-q-cta-wrap,
	html body #gform_1 #gform_page_1_31 .gform_page_footer > .last-btn.cle-q-cta-wrap {
		flex: 0 0 auto !important;
		width: 100% !important;
		max-width: 356px !important;
		margin: 0 !important;
		grid-area: auto !important;
		justify-self: stretch !important;
		align-self: stretch !important;
	}
	html body.cle-q-lux #gform_page_1_31 .gform_page_footer > .cle-q-cta-wrap > .gform_next_button,
	html body.cle-q-lux #gform_page_1_31 .gform_page_footer > .cle-q-cta-wrap > .gform_next_button.cle-q-gold-btn,
	html body #gform_1 #gform_page_1_31 .gform_page_footer .gform_next_button,
	html body #gform_1 #gform_page_1_31 .gform_page_footer .gform_next_button.cle-q-gold-btn {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 356px !important;
		flex: 1 1 100% !important;
		height: 51px !important;
		grid-area: auto !important;
		justify-self: stretch !important;
	}
	html body.cle-q-lux #gform_page_1_31 .gform_page_footer > .gform_previous_button,
	html body.cle-q-lux #gform_page_1_31 .gform_page_footer > .cle-q-early-back {
		grid-area: auto !important;
		margin-left: 0 !important;
		width: auto !important;
	}
}

/* Never let gold-btn chrome un-hide GF-hidden fields */
html body #gform_1 .gfield.gfield_visibility_hidden,
html body #gform_1 .gfield.gf_hidden,
html body #gform_1 .gfield.gform_hidden,
html body #gform_1 .gfield[data-conditional-logic="hidden"] {
	display: none !important;
}

/* ——— MAIN BUTTON (REALISTIC GOLD + UNIFIED METAL FRAME) ——— */
html body .last-btn .elementor-button.gform_next_button,
html body .last-btn .elementor-button.cle-q-gold-btn,
html body .cle-q-cta-wrap .elementor-button,
html body #gform_1 .gform_next_button.elementor-button,
html body #gform_1 button.gform_next_button.cle-q-gold-btn,
html body.cle-q-lux #gform_page_1_30 .gform_next_button,
html body.cle-q-lux #gform_page_1_31 .gform_next_button,
html body.cle-q-lux #gform_page_1_32 .gform_next_button,
html body.cle-q-lux .gform_wrapper #gform_submit_button_1,
html body.cle-q-lux #gform_page_1_33 #cle-q-to-pay {
	all: unset !important;
	box-sizing: border-box !important;
	position: relative !important;
	/* No !important — Elementor hide-by-default + [hidden] must win on radio pages */
	display: inline-flex;
	align-items: center !important;
	justify-content: center !important;
	/* Early pages keep 214×51; lux 30+ overrides below */
	width: 214px !important;
	min-width: 214px !important;
	max-width: 100% !important;
	height: 51px !important;
	min-height: 51px !important;
	padding: 0 20px !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	font-family: "Playfair Display", "Inria Serif", serif !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	line-height: 1.2 !important;
	letter-spacing: -0.8px !important;
	color: #1A1A1A !important;
	text-decoration: none !important;
	text-shadow: none !important;
	border: 1px solid transparent !important;
	/* Same fill as home .elementor-element-e549c2f — shows in the 3px rim under the metal frame */
	background-color: transparent !important;
	background-image: linear-gradient(180deg, #CCAD8E 0%, #B98F64 100%) !important;
	background-repeat: no-repeat !important;
	cursor: pointer !important;
	isolation: isolate !important;
	box-shadow:
		0 2px 4px 0 rgba(140, 140, 140, 0.28),
		0 12px 12px 0 rgba(140, 140, 140, 0.32),
		0 14px 10px rgba(120, 120, 120, 0.28),
		0 4px 8px rgba(140, 140, 140, 0.22),
		0 6px 0 #C89C47 !important;
	transition: all .25s ease !important;
	transform: none !important;
	margin: 0 !important;
}

/* METAL FRAME BORDER — home ::after */
html body .last-btn .elementor-button.gform_next_button::after,
html body .cle-q-cta-wrap .elementor-button::after,
html body #gform_1 button.gform_next_button.cle-q-gold-btn::after,
html body.cle-q-lux #gform_page_1_30 .gform_next_button::after,
html body.cle-q-lux #gform_page_1_31 .gform_next_button::after,
html body.cle-q-lux #gform_page_1_32 .gform_next_button::after,
html body.cle-q-lux .gform_wrapper #gform_submit_button_1::after,
html body.cle-q-lux #gform_page_1_33 #cle-q-to-pay::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	border-radius: 12px !important;
	padding: 1.5px !important;
	pointer-events: none !important;
	width: auto !important;
	height: auto !important;
	flex: none !important;
	transform: none !important;
	background: linear-gradient(
		180deg,
		#fff6c8 0%,
		#d4a84a 25%,
		#ffeab0 50%,
		#d4a84a 75%,
		#fff6c8 100%
	) !important;
	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0) !important;
	-webkit-mask-composite: xor !important;
	mask-composite: exclude !important;
	z-index: 2 !important;
	box-shadow:
		inset 0 0 2px rgba(255,255,255,0.55),
		inset 0 0 6px rgba(0,0,0,0.22) !important;
}

/* INNER GOLD PLATE — home ::before */
html body .last-btn .elementor-button.gform_next_button::before,
html body .cle-q-cta-wrap .elementor-button::before,
html body #gform_1 button.gform_next_button.cle-q-gold-btn::before,
html body.cle-q-lux #gform_page_1_30 .gform_next_button::before,
html body.cle-q-lux #gform_page_1_31 .gform_next_button::before,
html body.cle-q-lux #gform_page_1_32 .gform_next_button::before,
html body.cle-q-lux .gform_wrapper #gform_submit_button_1::before,
html body.cle-q-lux #gform_page_1_33 #cle-q-to-pay::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	inset: 3px !important;
	border-radius: 10px !important;
	pointer-events: none !important;
	width: auto !important;
	height: auto !important;
	flex: none !important;
	transform: none !important;
	background: linear-gradient(
		180deg,
		#FFE8B5 0%,
		#DDAD61 51.49%,
		#B07C31 100%
	) !important;
	box-shadow:
		inset 0 2px 3px rgba(255,255,255,0.6),
		inset 0 -2px 4px rgba(0,0,0,0.25) !important;
	z-index: 1 !important;
}

/* TEXT LAYER */
html body .last-btn .elementor-button-content-wrapper,
html body .cle-q-cta-wrap .elementor-button-content-wrapper,
html body #gform_1 .gform_next_button .elementor-button-content-wrapper {
	position: relative !important;
	z-index: 3 !important;
}
html body .last-btn .elementor-button-text,
html body .cle-q-cta-wrap .elementor-button-text,
html body #gform_1 .gform_next_button .elementor-button-text {
	font-family: "Playfair Display", "Inria Serif", serif !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	letter-spacing: -0.8px !important;
	color: #1A1A1A !important;
	position: relative !important;
	z-index: 3 !important;
}

/* HOVER — home */
html body .last-btn .elementor-button.gform_next_button:hover,
html body .cle-q-cta-wrap .elementor-button:hover,
html body #gform_1 button.gform_next_button.cle-q-gold-btn:hover,
html body.cle-q-lux #gform_page_1_30 .gform_next_button:hover,
html body.cle-q-lux #gform_page_1_31 .gform_next_button:hover,
html body.cle-q-lux #gform_page_1_32 .gform_next_button:hover,
html body.cle-q-lux .gform_wrapper #gform_submit_button_1:hover,
html body.cle-q-lux #gform_page_1_33 #cle-q-to-pay:hover {
	transform: translateY(-4px) !important;
	box-shadow:
		0 20px 36px rgba(120, 120, 120, 0.35),
		0 6px 12px rgba(120, 120, 120, 0.25),
		0 8px 0 #C89C47 !important;
	background-color: transparent !important;
	background-image: linear-gradient(180deg, #CCAD8E 0%, #B98F64 100%) !important;
	border-color: transparent !important;
	color: #1A1A1A !important;
}

/* ACTIVE — home */
html body .last-btn .elementor-button.gform_next_button:active,
html body .cle-q-cta-wrap .elementor-button:active,
html body #gform_1 button.gform_next_button.cle-q-gold-btn:active {
	transform: translateY(3px) !important;
	box-shadow:
		0 6px 12px rgba(120, 120, 120, 0.28),
		0 2px 0 #C89C47 !important;
}

/* Beat gold chrome specificity when Continue must stay hidden */
html body #gform_1 button.gform_next_button.cle-q-gold-btn[hidden],
html body #gform_1 .gform_next_button.cle-q-gold-btn[hidden],
html body #gform_1 .gform_next_button[hidden],
html body #gform_1 .gform_next_button[style*="display: none"],
html body #gform_1 .gform_next_button[style*="display:none"],
html body .cle-q-cta-wrap[hidden],
html body .cle-q-cta-wrap[hidden] > .gform_next_button,
html body .cle-q-cta-wrap[hidden] > button.gform_next_button.cle-q-gold-btn,
html body #gform_1 .gform_page[style*="display: none"] .cle-q-cta-wrap,
html body #gform_1 .gform_page[style*="display:none"] .cle-q-cta-wrap,
html body #gform_1 .gform_submit_button[hidden],
html body #gform_1 #gform_submit_button_1[hidden],
html body #gform_1 #gform_submit_button_1[style*="display: none"],
html body #gform_1 #cle-q-to-pay[hidden] {
	display: none !important;
}

/* Elementor allowlist pages: force gold Continue visible (mirrors page CSS) */
html body #gform_page_1_7 .cle-q-cta-wrap:not([hidden]) > .gform_next_button,
html body #gform_page_1_12 .cle-q-cta-wrap:not([hidden]) > .gform_next_button,
html body #gform_page_1_14 .cle-q-cta-wrap:not([hidden]) > .gform_next_button,
html body #gform_page_1_15 .cle-q-cta-wrap:not([hidden]) > .gform_next_button,
html body #gform_page_1_16 .cle-q-cta-wrap:not([hidden]) > .gform_next_button,
html body #gform_page_1_20 .cle-q-cta-wrap:not([hidden]) > .gform_next_button,
html body #gform_page_1_23 .cle-q-cta-wrap:not([hidden]) > .gform_next_button,
html body #gform_page_1_24 .cle-q-cta-wrap:not([hidden]) > .gform_next_button,
html body #gform_page_1_26 .cle-q-cta-wrap:not([hidden]) > .gform_next_button,
html body #gform_page_1_27 .cle-q-cta-wrap:not([hidden]) > .gform_next_button,
html body #gform_page_1_28 .cle-q-cta-wrap:not([hidden]) > .gform_next_button,
html body #gform_page_1_30 .cle-q-cta-wrap:not([hidden]) > .gform_next_button,
html body #gform_page_1_31 .cle-q-cta-wrap:not([hidden]) > .gform_next_button,
html body #gform_page_1_32 .cle-q-cta-wrap:not([hidden]) > .gform_next_button,
html body.cle-q-lux #gform_page_1_30 .gform_next_button:not([hidden]),
html body.cle-q-lux #gform_page_1_31 .gform_next_button:not([hidden]),
html body.cle-q-lux #gform_page_1_32 .gform_next_button:not([hidden]),
html body.cle-q-lux .gform_wrapper #gform_submit_button_1:not([hidden]),
html body.cle-q-lux #gform_page_1_33 #cle-q-to-pay:not([hidden]) {
	display: inline-flex !important;
}

/* Keep wrap visible on mobile only when Continuable (home hides .last-btn without .btn-on) */
@media (max-width: 768px) {
	html body #gform_1 .last-btn.btn-on.cle-q-cta-wrap:not([hidden]) {
		display: inline-flex !important;
	}
}

/* Figma sizes — width/placement only; metal frame + shadow unchanged */
@media (min-width: 1024px) {
	html body.cle-q-lux #gform_page_1_30 .gform_next_button,
	html body.cle-q-lux #gform_page_1_30 .gform_next_button.cle-q-gold-btn,
	html body.cle-q-lux #gform_page_1_31 .gform_next_button,
	html body.cle-q-lux #gform_page_1_31 .gform_next_button.cle-q-gold-btn {
		width: 270px !important;
		min-width: 270px !important;
	}
	html body.cle-q-lux #gform_page_1_32 .gform_next_button,
	html body.cle-q-lux #gform_page_1_32 .gform_next_button.cle-q-gold-btn {
		width: 288px !important;
		min-width: 288px !important;
	}
}
html body.cle-q-lux #gform_page_1_33 #cle-q-to-pay:not([hidden]),
html body.cle-q-lux #gform_page_1_33 #cle-q-to-pay.cle-q-gold-btn:not([hidden]) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 302px !important;
	min-width: 302px !important;
	max-width: none !important;
	height: 51px !important;
	padding: 0 22px !important;
	overflow: hidden !important;
	line-height: 51px !important;
	white-space: nowrap !important;
	flex-wrap: nowrap !important;
	transform: none !important;
}
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1:not([hidden]),
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1.cle-q-gold-btn:not([hidden]) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 273px !important;
	min-width: 273px !important;
	max-width: none !important;
	height: 51px !important;
	padding: 0 22px !important;
	overflow: hidden !important;
	line-height: 51px !important;
	white-space: nowrap !important;
	flex-wrap: nowrap !important;
	transform: none !important;
}
html body.cle-q-lux[data-pay-step="hv"] #cle-q-hv-actions #gform_submit_button_1:not([hidden]),
html body.cle-q-lux[data-pay-step="hv"] #cle-q-hv-actions #gform_submit_button_1.cle-q-gold-btn:not([hidden]),
html body.cle-q-lux[data-pay-step="hv"] #cle-q-hv-actions .cle-q-gold-btn {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 214px !important;
	min-width: 214px !important;
	max-width: 214px !important;
	flex: 0 0 214px !important;
	height: 51px !important;
	padding: 0 22px !important;
	overflow: hidden !important;
	font-family: "Playfair Display", "Inria Serif", serif !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	line-height: 1.2 !important;
	letter-spacing: -0.8px !important;
	white-space: nowrap !important;
	flex-wrap: nowrap !important;
	transform: none !important;
	color: #1A1A1A !important;
	-webkit-text-fill-color: #1A1A1A !important;
	isolation: isolate !important;
}
html body.cle-q-lux #gform_page_1_33 #cle-q-to-pay .elementor-button-content-wrapper,
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1 .elementor-button-content-wrapper,
html body.cle-q-lux[data-pay-step="hv"] #cle-q-hv-actions #gform_submit_button_1 .elementor-button-content-wrapper,
html body.cle-q-lux #gform_page_1_33 #cle-q-to-pay .elementor-button-text,
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1 .elementor-button-text,
html body.cle-q-lux[data-pay-step="hv"] #cle-q-hv-actions #gform_submit_button_1 .elementor-button-text,
html body.cle-q-lux[data-pay-step="hv"] #cle-q-hv-actions .cle-q-gold-btn .elementor-button-text {
	position: relative !important;
	z-index: 3 !important;
	color: #1A1A1A !important;
	-webkit-text-fill-color: #1A1A1A !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto !important;
	padding: 0 !important;
	transform: none !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	width: 100% !important;
	height: auto !important;
	max-width: none !important;
	text-align: center !important;
	font-family: "Playfair Display", "Inria Serif", serif !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	letter-spacing: -0.8px !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
	flex-wrap: nowrap !important;
	gap: 10px !important;
}

/* Pay securely — spinner overlay; label text stays so width never jumps */
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1.cle-q-pay-loading {
	pointer-events: none !important;
	cursor: wait !important;
}
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1.cle-q-pay-loading .elementor-button-text {
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	position: relative !important;
}
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1.cle-q-pay-loading .elementor-button-text::after {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	width: 18px !important;
	height: 18px !important;
	margin: -9px 0 0 -9px !important;
	border: 2px solid rgba(26, 26, 26, 0.22) !important;
	border-top-color: #1a1a1a !important;
	border-radius: 50% !important;
	animation: cle-q-pay-spin 0.7s linear infinite !important;
	box-sizing: border-box !important;
	z-index: 5 !important;
}
@keyframes cle-q-pay-spin {
	to { transform: rotate(360deg); }
}
html body.cle-q-lux #gform_page_1_33 #cle-q-to-pay::before,
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1::before {
	display: block !important;
	inset: 3px !important;
	z-index: 1 !important;
}
html body.cle-q-lux[data-pay-step="hv"] #cle-q-hv-actions #gform_submit_button_1::before,
html body.cle-q-lux[data-pay-step="hv"] #cle-q-hv-actions .cle-q-gold-btn::before {
	display: block !important;
	inset: 3px !important;
	z-index: -1 !important;
}
html body.cle-q-lux #gform_page_1_33 #cle-q-to-pay::after,
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1::after,
html body.cle-q-lux[data-pay-step="hv"] #cle-q-hv-actions #gform_submit_button_1::after {
	display: block !important;
	inset: 0 !important;
	z-index: 2 !important;
}
@media (max-width: 768px) {
	/* HV home CTA can shrink-wrap; basket/pay stay full-width metal CTAs */
	html body.cle-q-lux[data-pay-step="hv"] #cle-q-hv-actions #gform_submit_button_1:not([hidden]) {
		width: max-content !important;
		max-width: none !important;
		min-width: 0 !important;
		white-space: nowrap !important;
	}
	html body.cle-q-lux #gform_page_1_33 #cle-q-to-pay::after,
	html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1::after,
	html body.cle-q-lux[data-pay-step="hv"] #cle-q-hv-actions #gform_submit_button_1::after {
		display: block !important;
	}
}
html body.cle-q-lux[data-pay-step="hv"] #cle-q-hv-actions #gform_submit_button_1,
html body.cle-q-lux[data-pay-step="hv"] #cle-q-hv-actions #gform_submit_button_1.cle-q-gold-btn,
html body.cle-q-lux[data-pay-step="hv"] #gform_submit_button_1 {
	display: none !important;
}

/* Early pages: Make nav place and size. Gold fill, frame, and shadow stay. */
html body:not(.cle-q-lux) #gform_1 .gform_page_footer {
	justify-content: space-between !important;
	align-items: center !important;
	gap: 20px !important;
}
html body:not(.cle-q-lux) #gform_1 .gform_page_footer > .gform_previous_button,
html body:not(.cle-q-lux) #gform_1 .gform_page_footer > .cle-q-early-back {
	margin: 0 !important;
	align-self: center !important;
}
html body:not(.cle-q-lux) #gform_1 .gform_page_footer > .cle-q-cta-wrap,
html body:not(.cle-q-lux) #gform_1 .gform_page_footer > .last-btn.cle-q-cta-wrap {
	margin-left: auto !important;
	margin-right: 0 !important;
}
/* Lux mobile (Figma 3808:2880 / 4091:5559 / 4088:2483): CTA spans full content width.
   Size/placement only — gold fill, metal frame and shadow untouched. */
@media (max-width: 1023px) {
	html body.cle-q-lux #gform_1 .gform_page_footer > .cle-q-cta-wrap,
	html body.cle-q-lux #gform_1 .gform_page_footer > .last-btn.cle-q-cta-wrap {
		flex: 0 0 100% !important;
		width: 100% !important;
		margin: 0 !important;
		order: -1;
	}
	html body.cle-q-lux #gform_page_1_30 .gform_next_button,
	html body.cle-q-lux #gform_page_1_31 .gform_next_button,
	html body.cle-q-lux #gform_page_1_32 .gform_next_button,
	html body.cle-q-lux #gform_page_1_30 .gform_next_button.cle-q-gold-btn,
	html body.cle-q-lux #gform_page_1_31 .gform_next_button.cle-q-gold-btn,
	html body.cle-q-lux #gform_page_1_32 .gform_next_button.cle-q-gold-btn,
	html body.cle-q-lux #gform_page_1_33 #cle-q-to-pay:not([hidden]),
	html body.cle-q-lux #gform_page_1_33 #cle-q-to-pay.cle-q-gold-btn:not([hidden]),
	html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1:not([hidden]),
	html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1.cle-q-gold-btn:not([hidden]) {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		flex: 1 1 100% !important;
		height: 51px !important;
	}
	/* Figma mobile field frames = 67px (beat lux 60px typed selectors) */
	html body.cle-q-lux #gform_page_1_30 #field_1_73 input[type="text"],
	html body.cle-q-lux #gform_page_1_30 #field_1_206 input[type="text"],
	html body.cle-q-lux #gform_page_1_30 #field_1_75 input[type="email"],
	html body.cle-q-lux #gform_page_1_30 #field_1_75 input[type="text"],
	html body.cle-q-lux #gform_page_1_30 #field_1_202 input[type="text"],
	html body.cle-q-lux #gform_page_1_30 #field_1_203 input[type="text"],
	html body.cle-q-lux #gform_page_1_30 .ginput_container input[type="text"],
	html body.cle-q-lux #gform_page_1_30 .ginput_container input[type="email"],
	html body.cle-q-lux #gform_page_1_31 .ginput_container input[type="text"],
	html body.cle-q-lux #gform_page_1_31 .ginput_container input[type="email"],
	html body.cle-q-lux #gform_page_1_31 .ginput_container select {
		height: 67px !important;
		min-height: 67px !important;
		line-height: 67px !important;
	}
}

html body:not(.cle-q-lux) #gform_1 .gform_next_button.cle-q-gold-btn,
html body:not(.cle-q-lux) #gform_1 input.gform_next_button,
html body:not(.cle-q-lux) #gform_1 button.gform_next_button.cle-q-gold-btn,
html body:not(.cle-q-lux) #gform_1 .gform_next_button.elementor-button,
html body:not(.cle-q-lux) #gform_1 .cle-q-cta-wrap .elementor-button {
	width: 148px !important;
	min-width: 148px !important;
	max-width: 148px !important;
	height: 44px !important;
	min-height: 44px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}
html body:not(.cle-q-lux) #gform_1 .gform_next_button.cle-q-gold-btn .elementor-button-content-wrapper,
html body:not(.cle-q-lux) #gform_1 .gform_next_button.elementor-button .elementor-button-content-wrapper,
html body:not(.cle-q-lux) #gform_1 .cle-q-cta-wrap .elementor-button .elementor-button-content-wrapper {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
}
html body:not(.cle-q-lux) #gform_1 .gform_next_button.cle-q-gold-btn .elementor-button-text,
html body:not(.cle-q-lux) #gform_1 .gform_next_button.elementor-button .elementor-button-text,
html body:not(.cle-q-lux) #gform_1 .cle-q-cta-wrap .elementor-button-text {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Basket + Pay: restore metal gold (same as Q30 Continue) ? kill flat mustard overrides */
html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 #cle-q-to-pay,
html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 #cle-q-to-pay:not([hidden]),
html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 #cle-q-to-pay.cle-q-gold-btn:not([hidden]),
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1,
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1:not([hidden]),
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1.cle-q-gold-btn:not([hidden]) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 51px !important;
	min-height: 51px !important;
	padding: 0 22px !important;
	border-radius: 12px !important;
	border: 1px solid transparent !important;
	overflow: hidden !important;
	font-family: "Playfair Display", "Inria Serif", serif !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	line-height: 1.2 !important;
	letter-spacing: -0.8px !important;
	color: #1a1a1a !important;
	-webkit-text-fill-color: #1a1a1a !important;
	background-color: transparent !important;
	background-image: linear-gradient(180deg, #ccad8e 0%, #b98f64 100%) !important;
	box-shadow:
		0 2px 4px 0 rgba(140, 140, 140, 0.28),
		0 12px 12px 0 rgba(140, 140, 140, 0.32),
		0 14px 10px rgba(120, 120, 120, 0.28),
		0 4px 8px rgba(140, 140, 140, 0.22),
		0 6px 0 #c89c47 !important;
	filter: none !important;
	transform: none !important;
	position: relative !important;
	isolation: isolate !important;
}
html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 #cle-q-to-pay,
html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 #cle-q-to-pay:not([hidden]),
html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 #cle-q-to-pay.cle-q-gold-btn:not([hidden]) {
	width: 302px !important;
	min-width: 302px !important;
	max-width: 100% !important;
}
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1,
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1:not([hidden]),
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1.cle-q-gold-btn:not([hidden]) {
	width: 273px !important;
	min-width: 273px !important;
	max-width: 100% !important;
}
html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 #cle-q-to-pay::before,
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	inset: 3px !important;
	border-radius: 10px !important;
	pointer-events: none !important;
	width: auto !important;
	height: auto !important;
	background: linear-gradient(180deg, #ffe8b5 0%, #ddad61 51.49%, #b07c31 100%) !important;
	background-image: linear-gradient(180deg, #ffe8b5 0%, #ddad61 51.49%, #b07c31 100%) !important;
	box-shadow:
		inset 0 2px 3px rgba(255, 255, 255, 0.6),
		inset 0 -2px 4px rgba(0, 0, 0, 0.25) !important;
	-webkit-mask: none !important;
	mask: none !important;
	z-index: 1 !important;
	transform: none !important;
}
html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 #cle-q-to-pay::after,
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	border-radius: 12px !important;
	padding: 1.5px !important;
	pointer-events: none !important;
	width: auto !important;
	height: auto !important;
	background: linear-gradient(180deg, #fff6c8 0%, #d4a84a 25%, #ffeab0 50%, #d4a84a 75%, #fff6c8 100%) !important;
	background-image: linear-gradient(180deg, #fff6c8 0%, #d4a84a 25%, #ffeab0 50%, #d4a84a 75%, #fff6c8 100%) !important;
	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0) !important;
	-webkit-mask-composite: xor !important;
	mask-composite: exclude !important;
	box-shadow:
		inset 0 0 2px rgba(255, 255, 255, 0.55),
		inset 0 0 6px rgba(0, 0, 0, 0.22) !important;
	z-index: 2 !important;
	transform: none !important;
}
html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 #cle-q-to-pay .elementor-button-content-wrapper,
html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 #cle-q-to-pay .elementor-button-text,
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1 .elementor-button-content-wrapper,
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1 .elementor-button-text {
	position: relative !important;
	z-index: 4 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: "Playfair Display", "Inria Serif", serif !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	letter-spacing: -0.8px !important;
	line-height: 1.2 !important;
	color: #1a1a1a !important;
	-webkit-text-fill-color: #1a1a1a !important;
	white-space: nowrap !important;
}
html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 #cle-q-to-pay:hover,
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1:hover {
	transform: translateY(-4px) !important;
	filter: none !important;
	box-shadow:
		0 20px 36px rgba(120, 120, 120, 0.35),
		0 6px 12px rgba(120, 120, 120, 0.25),
		0 8px 0 #c89c47 !important;
}
html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 .gform_page_footer {
	margin-top: 115px !important;
	padding: 0 !important;
	border-top: 1.4px solid #e4d7c3 !important;
	min-height: 81px !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
}

@media (max-width: 1023px) {
	html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 #cle-q-to-pay,
	html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 #cle-q-to-pay:not([hidden]),
	html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 #cle-q-to-pay.cle-q-gold-btn:not([hidden]),
	html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1,
	html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1:not([hidden]),
	html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1.cle-q-gold-btn:not([hidden]) {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 356px !important;
	}
	html body.cle-q-lux[data-pay-step="basket"] #gform_page_1_33 .gform_page_footer {
		margin-top: 40px !important;
		min-height: 0 !important;
	}
}

/* —— Pay loading last (must beat metal label color above). Text hidden; size already fixed 273px. —— */
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1.cle-q-pay-loading {
	pointer-events: none !important;
	cursor: wait !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
}
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1.cle-q-pay-loading .elementor-button-content-wrapper,
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1.cle-q-pay-loading .elementor-button-text,
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1.cle-q-pay-loading * {
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
}
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1 .cle-q-pay-spin {
	display: none !important;
	pointer-events: none !important;
}
html body.cle-q-lux[data-pay-step="pay"] .gform_wrapper #gform_submit_button_1.cle-q-pay-loading .cle-q-pay-spin {
	display: block !important;
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	width: 18px !important;
	height: 18px !important;
	margin: -9px 0 0 -9px !important;
	border: 2px solid rgba(26, 26, 26, 0.22) !important;
	border-top-color: #1a1a1a !important;
	border-radius: 50% !important;
	animation: cle-q-pay-spin 0.7s linear infinite !important;
	box-sizing: border-box !important;
	z-index: 6 !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
}