/* Clarvity Store Pages Style: centred page title (store pages + pages set in the "Page title" box). */
body.clvcs-no-theme-title #sub-header { display: none !important; }

.clvcs-title {
	box-sizing: border-box !important; max-width: 1200px !important; margin: 0 auto !important;
	padding: 80px 24px 40px !important; /* content starts ~20px under the menu, so this lands the title ~100px below it */
	text-align: center !important; font-family: "Kanit", system-ui, sans-serif !important;
}
.clvcs-title h1 {
	font-family: "Syne", system-ui, sans-serif !important; font-weight: 700 !important; color: #000 !important;
	font-size: clamp(32px, 4.2vw, 56px) !important; line-height: 1.1 !important; letter-spacing: -0.02em !important;
	margin: 0 !important; padding: 0 !important; text-align: center !important;
}
.clvcs-steps {
	display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important;
	gap: 8px 10px !important; list-style: none !important; margin: 0 0 18px !important; padding: 0 !important;
}
.clvcs-steps li {
	display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important;
	font-size: 14px !important; font-weight: 300 !important; color: #000000B3 !important; list-style: none !important;
}
.clvcs-steps li::before { display: none !important; }
.clvcs-steps li + li::before {
	content: "" !important; display: block !important; width: 28px !important; height: 1px !important; background: #E2E2E2 !important; margin-right: 2px !important;
}
.clvcs-steps li span {
	width: 26px !important; height: 26px !important; border-radius: 50% !important; display: inline-flex !important;
	align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 500 !important;
	background: #fff !important; border: 1px solid #E2E2E2 !important; color: #000000B3 !important;
}
.clvcs-steps li.is-done span { background: #E9E5FF !important; border-color: #E9E5FF !important; color: #6754E9 !important; }
.clvcs-steps li.is-on { color: #000 !important; font-weight: 500 !important; }
.clvcs-steps li.is-on span { background: #6754E9 !important; border-color: #6754E9 !important; color: #fff !important; }

@media (max-width: 767px) {
	.clvcs-title { padding: 56px 16px 24px !important; }
	.clvcs-title h1 { font-size: 30px !important; }
	.clvcs-steps li + li::before { width: 14px !important; }
}