.one230-selling-mode {
	--sm-ink: #111;
	--sm-muted: #8a847b;
	--sm-border: #e6e3dc;
	--sm-soft: #fff;
	--sm-accent: #ECFFB7;
	--sm-h: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	height: var(--sm-h);
	max-height: var(--sm-h);
	width: max-content;
	max-width: 100%;
	min-width: max-content;
	margin-left: auto;
	overflow: visible;
	box-sizing: border-box;
	font-family: var(--one230-font-family, "Inter", ui-sans-serif, system-ui, sans-serif);
	color: var(--sm-ink);
	-webkit-font-smoothing: antialiased;
}

/* Keep the switcher on the right of #pageHeader. Do not let Elementor
   flex-shrink / overflow:hidden collapse it to 0 width. */
#pageHeader,
#pageHeader.e-con,
#pageHeader > .e-con-inner {
	overflow: visible !important;
	flex-wrap: nowrap !important;
}

#pageHeader .elementor-element-9c4e1a2 {
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0;
	max-width: none;
}

#pageHeader .elementor-element-fe2693c,
#pageHeader .elementor-element-331397d,
#pageHeader .elementor-element-331397d .elementor-widget-container,
#pageHeader .elementor-element-331397d .elementor-shortcode {
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0;
	overflow: visible !important;
}

#pageHeader .one230-selling-mode {
	align-self: center;
	flex: 0 0 auto;
	width: max-content;
	min-width: max-content;
	max-width: none;
	overflow: visible;
	padding-top: 1px;
	padding-bottom: 1px;
}

#pageHeader .one230-work-filters,
#pageHeader .elementor-element-8f1dc8b,
#pageHeader .elementor-element-8f1dc8b .elementor-widget-container,
#pageHeader .elementor-element-8f1dc8b .elementor-shortcode {
	display: flex !important;
	align-items: center;
	align-self: center;
	margin: 0;
	height: auto;
}

#pageHeader .elementor-element-a31f7c4 .elementor-heading-title,
#pageHeader .elementor-element-f620869 .elementor-heading-title,
body.one230-project-create-page #pageHeader .elementor-element-f620869 .elementor-heading-title,
/* Same title type as /redesign-website-offer/ */
body.page-referrer #pageHeader .elementor-element-07fa811 .elementor-heading-title,
body.one230-partner-hub-page #pageHeader .elementor-element-07fa811 .elementor-heading-title,
body.page-offers #pageHeader .elementor-element-07fa811 .elementor-heading-title,
body.page-playbook #pageHeader .elementor-element-07fa811 .elementor-heading-title,
body.page-earnings #pageHeader .elementor-element-07fa811 .elementor-heading-title,
body.page-account #pageHeader .elementor-element-5adf2db .elementor-heading-title,
body.page-faqs #pageHeader .elementor-element-9045718 .elementor-heading-title,
body.one230-dfy-website-detail .elementor-element-292f85e2 .elementor-heading-title {
	margin: 0 !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	color: #000 !important;
	font-family: var(--one230-font-family, "Inter", ui-sans-serif, system-ui, sans-serif) !important;
}

#pageHeader .elementor-element-d82e5b9 .elementor-heading-title,
#pageHeader .elementor-element-f935500 .elementor-heading-title,
#pageHeader .elementor-element-2dcb40b .elementor-heading-title {
	margin: 0 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 13px !important;
	color: #6f6b64 !important;
}

.one230-selling-mode *,
.one230-selling-mode *::before,
.one230-selling-mode *::after {
	box-sizing: border-box;
}

.one230-selling-mode__track {
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
	flex: 0 0 auto;
	height: var(--sm-h);
	max-height: var(--sm-h);
	width: auto;
	max-width: 100%;
	min-width: 0;
	padding: 1px 2px 2px;
	overflow: hidden;
	gap: 0;
	border: 1px solid var(--sm-border);
	border-radius: 999px;
	background: var(--sm-soft);
}

.one230-selling-mode__label {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.01em;
	white-space: nowrap;
	color: #5c574e;
}

.one230-selling-mode__seg {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: stretch;
	position: relative;
	z-index: 1;
	height: 100%;
	width: auto;
	padding: 0;
	gap: 2px;
	border: 0;
	border-radius: 0;
	background: transparent;
	pointer-events: auto;
}

html body button.one230-selling-mode__btn,
.one230-selling-mode__btn {
	flex: 0 0 auto;
	position: relative;
	z-index: 1;
	min-height: 0;
	height: 100%;
	margin: 0;
	padding: 0 14px;
	pointer-events: auto;
	border: 1px solid transparent;
	border-radius: 999px;
	background: transparent !important;
	color: #6f6a62;
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
	transition: none;
}

html body button.one230-selling-mode__btn:hover,
html body button.one230-selling-mode__btn:focus,
.one230-selling-mode__btn:hover,
.one230-selling-mode__btn:focus {
	background: #f4f2ed !important;
	color: var(--sm-ink);
}

html body button.one230-selling-mode__btn--1to30.is-active,
.one230-selling-mode__btn--1to30.is-active {
	background: var(--sm-accent) !important;
	border-color: transparent;
	color: var(--sm-ink);
	box-shadow: 0 1px 1px rgba(10, 10, 10, 0.06);
}

html body button.one230-selling-mode__btn--own.is-active,
.one230-selling-mode__btn--own.is-active {
	background: #111 !important;
	border-color: transparent;
	color: #fff;
	box-shadow: 0 1px 1px rgba(10, 10, 10, 0.12);
}

.one230-dfy-new-project__brand-warn {
	margin: 0;
	padding: 10px 14px;
	border: 1px solid var(--dnp-border, #e6e3dc);
	border-radius: 10px;
	background: #faf9f6;
	font-size: 13px;
	line-height: 1.45;
	color: #6f6a62;
}

.one230-dfy-new-project__brand-warn a {
	margin-left: 6px;
	color: #111;
	font-weight: 650;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.one230-dfy-new-project--wholesale .one230-dfy-new-project__split-pay,
.one230-dfy-new-project--wholesale .one230-dfy-new-project__split-retail,
.one230-dfy-new-project--wholesale .one230-dfy-new-project__split-earn {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}

.one230-dfy-new-project--wholesale .one230-dfy-new-project__split em,
.one230-dfy-new-project--wholesale .one230-dfy-new-project__split strong,
.one230-dfy-new-project--wholesale .one230-dfy-new-project__split small {
	display: block;
	width: 100%;
}

.one230-dfy-new-project--wholesale .one230-dfy-new-project__split small {
	display: block;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.3;
	color: #9a948a;
}

.one230-dfy-new-project--wholesale[data-selling-mode="white_label"] .one230-dfy-new-project__split small,
.one230-dfy-new-project--wholesale .one230-dfy-new-project__split small:empty {
	display: none;
}

.one230-dfy-new-project--wholesale .one230-dfy-new-project__wl-note {
	display: block;
	margin-top: -4px;
	font-size: 12px;
	line-height: 1.4;
	color: #9a948a;
}

.one230-dfy-new-project--wholesale [hidden] {
	display: none !important;
}

@media (max-width: 820px) {
	#pageHeader .one230-selling-mode__label {
		display: none;
	}

	.one230-selling-mode__track {
		padding: 1px 2px 2px;
	}
}

/* Start Work filters — compact hug-content chips, not a full-width bar. */
.one230-work-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	box-sizing: border-box;
	width: max-content;
	max-width: 100%;
	min-width: 0;
	margin: 0 0 20px;
	padding: 0;
	height: auto;
	max-height: none;
	border: none;
	border-radius: 0;
	background: transparent;
}

.one230-work-filters__group {
	display: flex;
	flex: 0 0 auto;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.one230-work-filters__group--billing {
	flex: 0 0 auto;
	margin-left: 0;
}

.one230-work-filters__rule {
	flex: 0 0 auto;
	align-self: stretch;
	width: 1px;
	margin: 2px 0;
	background: #e4e0d8;
}

.one230-work-filters__label {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.2;
	text-transform: none;
	white-space: nowrap;
	color: #7a746b;
}

.one230-work-filters__pills {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	min-width: 0;
}

html body .one230-work-filters .one230-work-filters__btn,
.one230-work-filters .one230-work-filters__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	gap: 5px;
	min-width: 0;
	min-height: 24px;
	height: 24px;
	margin: 0;
	padding: 0 8px;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none;
	outline: none;
	color: #6e6961;
	font: inherit;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -0.015em;
	line-height: 1.2;
	white-space: nowrap;
	cursor: pointer;
	transition: color 0.12s ease;
}

.one230-work-filters__item {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 0;
	line-height: 1;
	font-weight: inherit;
}

.one230-work-filters__item span {
	line-height: 1;
	font-weight: inherit;
}

.one230-work-filters__icon {
	display: inline-block;
	flex: 0 0 auto;
	width: 11px;
	font-size: 11px;
	line-height: 1;
	text-align: center;
}

html body .one230-work-filters .one230-work-filters__btn:hover,
html body .one230-work-filters .one230-work-filters__btn:focus,
.one230-work-filters .one230-work-filters__btn:hover,
.one230-work-filters .one230-work-filters__btn:focus {
	background: transparent !important;
	border: none !important;
	color: #111;
	box-shadow: none;
	outline: none;
}

html body .one230-work-filters .one230-work-filters__btn.is-active,
html body .one230-work-filters .one230-work-filters__btn.is-active:hover,
html body .one230-work-filters .one230-work-filters__btn.is-active:focus,
.one230-work-filters .one230-work-filters__btn.is-active,
.one230-work-filters .one230-work-filters__btn.is-active:hover,
.one230-work-filters .one230-work-filters__btn.is-active:focus {
	align-self: center;
	min-height: 24px;
	height: 24px;
	padding: 0 10px;
	border: none !important;
	border-radius: 999px !important;
	background: #111 !important;
	color: #fff;
	font-weight: 600;
	box-shadow: none;
	outline: none;
}

html body .one230-work-filters .one230-work-filters__btn.is-active .one230-work-filters__item,
.one230-work-filters .one230-work-filters__btn.is-active .one230-work-filters__item {
	padding-bottom: 0;
	box-shadow: none;
}

.one230-dfy-new-project--wholesale .one230-work-filters {
	margin: 0 0 20px;
}

.one230-dfy-new-project--wholesale [data-project-choice].is-work-filtered-out,
.one230-dfy-new-project--wholesale .one230-dfy-new-project__section[hidden] {
	display: none !important;
}

@media (max-width: 820px) {
	.one230-work-filters__label {
		display: none;
	}

	.one230-work-filters {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: 6px;
		width: max-content;
		max-width: 100%;
		margin-bottom: 16px;
		padding: 0;
		border: none;
		border-radius: 0;
		background: transparent;
	}

	.one230-work-filters__group,
	.one230-work-filters__group--billing {
		width: auto;
		flex: 0 0 auto;
		margin-left: 0;
	}

	.one230-work-filters__rule {
		width: 1px;
		height: auto;
		align-self: stretch;
		margin: 2px 0;
	}

	.one230-work-filters__pills {
		width: auto;
	}

	html body .one230-work-filters .one230-work-filters__btn,
	.one230-work-filters .one230-work-filters__btn {
		min-height: 24px;
		padding: 0 7px;
		font-size: 12px;
	}
}

/* New Work only — dock the bordered chips to #pageHeader's bottom-right.
   Intermediate Elementor shells stay position:static + 0-size so the filter
   pins to the header box (not a nested relative slot, not the viewport). */
html body.page-new-work #pageHeader,
html body:has(.one230-work-filters--docked) #pageHeader {
	position: relative;
	overflow: visible !important;
}

html body.page-new-work #pageHeader .elementor-element-fe2693c,
html body.page-new-work #pageHeader .elementor-element-8f1dc8b,
html body.page-new-work #pageHeader .elementor-element-8f1dc8b .elementor-widget-container,
html body.page-new-work #pageHeader .elementor-element-8f1dc8b .elementor-shortcode,
html body:has(.one230-work-filters--docked) #pageHeader .elementor-element-fe2693c,
html body:has(.one230-work-filters--docked) #pageHeader .elementor-element-8f1dc8b,
html body:has(.one230-work-filters--docked) #pageHeader .elementor-element-8f1dc8b .elementor-widget-container,
html body:has(.one230-work-filters--docked) #pageHeader .elementor-element-8f1dc8b .elementor-shortcode {
	position: static !important;
	display: block !important;
	flex: 0 0 0 !important;
	width: 0 !important;
	min-width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

html body.page-new-work .one230-work-filters,
html body .one230-work-filters--docked,
html body.page-new-work #pageHeader .one230-work-filters,
html body #pageHeader .one230-work-filters--docked {
	position: absolute;
	right: 0;
	bottom: 0;
	left: auto;
	z-index: 2;
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	align-self: auto;
	width: max-content;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 8px 10px;
	border: 1px solid #e6e3dc;
	border-right: 0;
	border-bottom: 0;
	border-radius: 12px 0 0 0;
	background: #fff;
	box-shadow: none;
}

@media (max-width: 820px) {
	html body.page-new-work .one230-work-filters,
	html body .one230-work-filters--docked,
	html body.page-new-work #pageHeader .one230-work-filters,
	html body #pageHeader .one230-work-filters--docked {
		right: 0;
		bottom: 0;
		max-width: 100%;
		padding: 8px 8px;
		border: 1px solid #e6e3dc;
		border-right: 0;
		border-bottom: 0;
		border-radius: 12px 0 0 0;
		background: #fff;
	}
}

/* Mobile topbar already shows the title; keep a slim header strip for the chips. */
@media (max-width: 767px) {
	html body.page-new-work.one230-has-mnav #pageHeader,
	html body.one230-has-mnav:has(.one230-work-filters--docked) #pageHeader {
		display: flex !important;
		position: relative;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: calc(100% + 30px);
		max-width: none;
		min-height: 0;
		height: auto;
		margin: 0 -15px -30px !important;
		padding: 10px 15px 15px !important;
		border: none !important;
		background: transparent !important;
		box-shadow: none !important;
		overflow: visible !important;
	}

	html body.page-new-work.one230-has-mnav #pageHeader .elementor-element-9c4e1a2,
	html body.one230-has-mnav:has(.one230-work-filters--docked) #pageHeader .elementor-element-9c4e1a2 {
		display: none !important;
	}

	html body.page-new-work.one230-has-mnav #pageHeader .elementor-element-fe2693c,
	html body.page-new-work.one230-has-mnav #pageHeader .elementor-element-8f1dc8b,
	html body.page-new-work.one230-has-mnav #pageHeader .elementor-element-8f1dc8b .elementor-widget-container,
	html body.page-new-work.one230-has-mnav #pageHeader .elementor-element-8f1dc8b .elementor-shortcode,
	html body.one230-has-mnav:has(.one230-work-filters--docked) #pageHeader .elementor-element-fe2693c,
	html body.one230-has-mnav:has(.one230-work-filters--docked) #pageHeader .elementor-element-8f1dc8b,
	html body.one230-has-mnav:has(.one230-work-filters--docked) #pageHeader .elementor-element-8f1dc8b .elementor-widget-container,
	html body.one230-has-mnav:has(.one230-work-filters--docked) #pageHeader .elementor-element-8f1dc8b .elementor-shortcode {
		position: static !important;
		display: flex !important;
		flex: 1 1 auto !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		align-items: center;
		justify-content: center;
	}

	html body.page-new-work.one230-has-mnav .one230-work-filters,
	html body.one230-has-mnav .one230-work-filters--docked,
	html body.page-new-work.one230-has-mnav #pageHeader .one230-work-filters,
	html body.one230-has-mnav #pageHeader .one230-work-filters--docked {
		position: relative;
		right: auto;
		left: auto;
		bottom: auto;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 8px 8px;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		gap: 6px;
		border: 1px solid #e6e3dc;
		border-radius: 12px;
		background: #fff;
		box-shadow: none;
	}

	html body.page-new-work.one230-has-mnav .one230-work-filters__rule,
	html body.one230-has-mnav .one230-work-filters--docked .one230-work-filters__rule {
		display: none;
	}

	html body.page-new-work.one230-has-mnav .one230-work-filters__group,
	html body.page-new-work.one230-has-mnav .one230-work-filters__group--billing,
	html body.one230-has-mnav .one230-work-filters--docked .one230-work-filters__group,
	html body.one230-has-mnav .one230-work-filters--docked .one230-work-filters__group--billing {
		width: 100%;
		justify-content: center;
	}

	html body.page-new-work.one230-has-mnav .one230-work-filters__pills,
	html body.one230-has-mnav .one230-work-filters--docked .one230-work-filters__pills {
		width: 100%;
		justify-content: center;
	}
}