/* Shared MobiShop colors across every CMS admin page. */
:is(
	.mobishop-dashboard,
	.mobishop-library,
	.mobishop-editor,
	.mobishop-legacy-library,
	.mobishop-legacy-editor,
	.mobishop-hero-library,
	.mobishop-image-banner-edit,
	.mobishop-builder-editor,
	.mobishop-category-editor,
	.mobishop-page-editor,
	.mobishop-unsaved-modal
) {
	--mobishop-admin-primary: #2f806e;
	--mobishop-admin-primary-dark: #236b59;
	--mobishop-admin-primary-soft: #e7f5f1;
	--mobishop-admin-border: #8fbeb2;
	--mobishop-admin-button-radius: 10px;
}

:is(
	.mobishop-dashboard,
	.mobishop-library,
	.mobishop-editor,
	.mobishop-legacy-library,
	.mobishop-legacy-editor,
	.mobishop-hero-library,
	.mobishop-image-banner-edit,
	.mobishop-builder-editor,
	.mobishop-category-editor,
	.mobishop-page-editor,
	.mobishop-unsaved-modal
) :is(button, .button, .page-title-action, input[type="button"], input[type="submit"], input[type="reset"]) {
	border-radius: var(--mobishop-admin-button-radius) !important;
}

:is(
	.mobishop-dashboard,
	.mobishop-library,
	.mobishop-editor,
	.mobishop-legacy-library,
	.mobishop-legacy-editor,
	.mobishop-hero-library,
	.mobishop-image-banner-edit,
	.mobishop-builder-editor,
	.mobishop-category-editor,
	.mobishop-page-editor
) :is(.button-primary, .page-title-action) {
	border-color: var(--mobishop-admin-primary-dark) !important;
	background: var(--mobishop-admin-primary) !important;
	color: #fff !important;
	box-shadow: none !important;
}

:is(
	.mobishop-dashboard,
	.mobishop-library,
	.mobishop-editor,
	.mobishop-legacy-library,
	.mobishop-legacy-editor,
	.mobishop-hero-library,
	.mobishop-image-banner-edit,
	.mobishop-builder-editor,
	.mobishop-category-editor,
	.mobishop-page-editor
) :is(.button-primary, .page-title-action):hover {
	background: var(--mobishop-admin-primary-dark) !important;
}

/*
 * One calm, consistent control rhythm across every layout builder.
 * Icon-only controls intentionally keep their compact square dimensions.
 */
:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) {
	--mobishop-settings-control-width: 150px;
	--mobishop-settings-control-height: 35px;
	--mobishop-settings-control-radius: 7px;
}

/* One real toolbar component for Home, Category and every page builder. */
:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-shared-builder-toolbar {
	position: sticky;
	top: var(--mobishop-preview-sticky-top, 134px);
	z-index: 50;
	display: flex;
	width: 77%;
	min-height: 70px;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 14px 0 14px auto;
	padding: 10px 12px;
	box-sizing: border-box;
	border: 1px solid #d8e5e1;
	border-radius: 10px;
	background: linear-gradient(135deg,#e7f5f1,#fff);
	box-shadow: 0 3px 12px rgba(35,107,89,.08);
}

.mobishop-shared-builder-toolbar :is(
	.mobishop-builder-toolbar__actions,
	.mobishop-builder-toolbar__save,
	.mobishop-builder-toolbar__primary-actions,
	.mobishop-builder-toolbar__secondary-actions
) {
	display: flex;
	min-width: 0;
	align-items: center;
	flex-wrap: nowrap;
	gap: 5px;
}

.mobishop-shared-builder-toolbar .mobishop-builder-toolbar__actions {
	min-width: 0;
}

.mobishop-shared-builder-toolbar .mobishop-builder-toolbar__save {
	flex: 0 0 auto;
}

.mobishop-shared-builder-toolbar .button {
	display: inline-flex;
	height: 34px;
	min-height: 34px;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin: 0;
	padding: 0 9px;
	border-radius: 7px !important;
	font-size: 12px;
	line-height: 1;
	white-space: nowrap;
}
.mobishop-builder-toolbar--home {
	align-items: center;
}

.mobishop-builder-toolbar--home .mobishop-builder-toolbar__primary-actions,
.mobishop-builder-toolbar--home .mobishop-builder-toolbar__secondary-actions {
	gap: 5px;
}

.mobishop-builder-toolbar--home .mobishop-builder-toolbar__primary-actions {
	direction: rtl;
}

.mobishop-builder-toolbar--home .mobishop-builder-toolbar__secondary-actions {
	direction: ltr;
}

.mobishop-builder-toolbar--home .mobishop-builder-toolbar__secondary-actions input[type="submit"] {
	order: 1;
}

.mobishop-builder-toolbar--home .mobishop-builder-toolbar__secondary-actions #mobishop-expand-all {
	order: 2;
}

.mobishop-builder-toolbar--home .mobishop-builder-toolbar__secondary-actions #mobishop-collapse-all {
	order: 3;
}

.mobishop-builder-toolbar--home .button {
	box-sizing: border-box;
	height: 34px;
	min-height: 34px;
	margin: 0;
	white-space: nowrap;
}

.mobishop-builder-toolbar--home .button .dashicons {
	display: inline-grid;
	width: 18px;
	height: 18px;
	place-items: center;
	flex: 0 0 18px;
	font-size: 18px;
	line-height: 18px;
	vertical-align: middle;
}

.mobishop-shared-builder-toolbar .mobishop-builder-toolbar__context {
	margin-inline-start: 6px;
	color: #236b59;
}

.mobishop-builder-cards-scroll {
	min-width: 0;
}

/*
 * The desktop workspace has three permanent surfaces: CMS navigation, page
 * toolbar, and phone preview. This rail is the only settings scroll surface.
 */
@media (min-width: 1101px) {
	body.mobishop-cms-builder-screen :is(.mobishop-builder-workspace,.mobishop-page-workspace,.mobishop-category-workspace) {
		min-height: 0;
		flex: 1 1 auto;
		align-items: stretch;
		overflow: hidden;
		padding-top: 10px;
	}

	body.mobishop-cms-builder-screen :is(.mobishop-preview,.mobishop-page-preview,.mobishop-category-mobile-preview) {
		position: relative !important;
		top: auto !important;
		height: 100%;
		min-height: 0;
		overflow: hidden;
	}

	body.mobishop-cms-builder-screen :is(.mobishop-builder-editor,.mobishop-page-editor,.mobishop-category-editor) {
		height: 100%;
		min-height: 0;
		overflow: hidden;
	}

	body.mobishop-cms-builder-screen :is(.mobishop-builder-editor > form,.mobishop-page-editor,.mobishop-category-editor > form) {
		display: flex;
		height: 100%;
		min-height: 0;
		flex-direction: column;
		overflow: hidden;
	}

	body.mobishop-cms-builder-screen :is(.mobishop-page-builder,.mobishop-builder-wrap,.mobishop-category-builder) .mobishop-shared-builder-toolbar {
		position: relative;
		top: auto;
		z-index: 80;
		flex: 0 0 auto;
	}

	body.mobishop-cms-builder-screen .mobishop-builder-cards-scroll {
		min-height: 0;
		flex: 1 1 auto;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding-bottom: 16px;
		scrollbar-gutter: stable;
		scrollbar-color: #2f806e #e8f0ed;
		scrollbar-width: auto;
	}
}

@media (max-width: 960px) {
	:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-shared-builder-toolbar { width: 100%; }
	.mobishop-shared-builder-toolbar { flex-wrap: wrap; }
	.mobishop-shared-builder-toolbar :is(.mobishop-builder-toolbar__actions,.mobishop-builder-toolbar__save) { flex-wrap: wrap; }
	.mobishop-builder-toolbar--home :is(.mobishop-builder-toolbar__primary-actions,.mobishop-builder-toolbar__secondary-actions) { flex-wrap: wrap; }
}

/* Every settings section starts with its first field on the physical right. */
:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder)
	:is(.mobishop-page-fields, .mobishop-builder-settings-content, .mobishop-builder-settings-content > .mobishop-builder-grid, .mobishop-product-icon-panel__body, .mobishop-category-general-fields, .mobishop-category-settings) {
	direction: rtl !important;
	text-align: right !important;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder)
	:is(.mobishop-page-fields, .mobishop-builder-settings-content, .mobishop-builder-settings-content > .mobishop-builder-grid, .mobishop-product-icon-panel__body, .mobishop-category-general-fields, .mobishop-category-settings)
	:is(.mobishop-page-field, .mobishop-builder-field, label) {
	direction: rtl;
	text-align: right;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder)
	:is(.mobishop-page-fields, .mobishop-builder-settings-content, .mobishop-builder-settings-content > .mobishop-builder-grid, .mobishop-product-icon-panel__body, .mobishop-category-general-fields, .mobishop-category-settings)
	:is(.mobishop-page-field, .mobishop-builder-field) {
	align-items: flex-start !important;
}

/*
 * Canonical Section Layout panel used by Home, every page element, Category,
 * and the fixed Header/Footer. Keep this definition here so individual
 * builders cannot drift in heading, spacing, sizing, or column structure.
 */
:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-section-layout-panel {
	display: block !important;
	width: 100% !important;
	min-width: 0;
	grid-column: 1 / -1 !important;
	order: 98;
	margin: 14px 0 0 !important;
	padding: 14px !important;
	border: 1px solid #c9dfd9 !important;
	border-radius: 10px !important;
	background: #fff;
	direction: rtl !important;
	box-sizing: border-box;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-settings-section-title--section_layout {
	display: block !important;
	width: 100% !important;
	min-height: 28px;
	grid-column: 1 / -1 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #236b59 !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 28px !important;
	direction: rtl !important;
	text-align: right !important;
	box-sizing: border-box;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-section-layout-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(150px, 1fr));
	grid-column: 1 / -1;
	order: 99;
	width: 100%;
	margin: 0;
	padding: 14px 0 0;
	gap: 11px 18px;
	direction: rtl !important;
	box-sizing: border-box;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-section-layout-column {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 11px;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-section-layout-column > :is(.mobishop-page-field, .mobishop-builder-field, label) {
	width: 100%;
	margin: 0;
}

/* Category stores each shared setting in the label itself, unlike Home/Page fields. */
:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-section-layout-column > label {
	display: flex !important;
	min-width: 0;
	min-height: 18px;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 5px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 18px !important;
	direction: rtl !important;
	text-align: right !important;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-section-layout-column > :is(.mobishop-page-field, .mobishop-builder-field, label) > label {
	min-height: 18px;
	margin: 0 0 5px;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
}

/* The five shared Section Layout controls must look identical in every Builder. */
:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-section-layout-column input[type="number"],
:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-section-layout-column input[type="color"] {
	width: min(100%, var(--mobishop-settings-control-width)) !important;
	min-width: 0 !important;
	height: var(--mobishop-settings-control-height) !important;
	min-height: var(--mobishop-settings-control-height) !important;
	margin: 0 !important;
	border-radius: var(--mobishop-settings-control-radius) !important;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-section-layout-column--background .mobishop-builder-background-control {
	position: relative;
	display: block !important;
	width: min(100%, var(--mobishop-settings-control-width)) !important;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-section-layout-column--background .mobishop-block-background-picker {
	width: 100% !important;
	min-width: 0 !important;
	height: var(--mobishop-settings-control-height) !important;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-section-layout-column--background .mobishop-block-background-value {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

@media (max-width: 782px) {
	:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-section-layout-grid {
		grid-template-columns: 1fr;
	}
}

/* Catalog reuses the Home Product Grid panels; each remains a full section. */
.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-page-fields > .mobishop-product-icon-panel {
	display: block;
	width: 100% !important;
	overflow: hidden;
	grid-column: 1 / -1 !important;
	border: 1px solid #c9dfd9;
	border-radius: 10px;
	background: #fff;
}

.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel > .mobishop-settings-section-title {
	display: flex !important;
	min-height: 45px;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
	margin: 0 !important;
	padding: 10px 12px !important;
	border-top: 0;
}

.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel > .mobishop-settings-section-title .mobishop-product-icon-field {
	display: flex;
	width: auto;
	margin-inline-start: auto;
	align-items: center;
}

.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel > .mobishop-settings-section-title .mobishop-product-icon-field > label {
	display: inline-flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: 9px;
}

.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel__body {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: minmax(56px, auto);
	align-items: start;
	gap: 14px 18px;
	padding: 16px 14px 18px;
	direction: rtl;
}

.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel__body > .mobishop-page-field {
	grid-column: auto;
	grid-row: auto;
	direction: rtl;
}

.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel__body > :is(.mobishop-product-icon-field--quick_add_position,.mobishop-product-icon-field--product_wishlist_position) { grid-column:1; grid-row:1 / 5; }
.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel__body > :is(.mobishop-product-icon-field--quick_add_icon_variant,.mobishop-product-icon-field--product_wishlist_icon_variant) { grid-column:3; grid-row:1; }
.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel__body > :is(.mobishop-product-icon-field--quick_add_icon_style,.mobishop-product-icon-field--product_wishlist_icon_style) { grid-column:2; grid-row:1; }
.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel__body > :is(.mobishop-product-icon-field--quick_add_icon_size,.mobishop-product-icon-field--product_wishlist_icon_size) { grid-column:3; grid-row:2; }
.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel__body > :is(.mobishop-product-icon-field--quick_add_icon_color,.mobishop-product-icon-field--product_wishlist_icon_color) { grid-column:2; grid-row:2; }
.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel__body > :is(.mobishop-product-icon-field--quick_add_background_size,.mobishop-product-icon-field--product_wishlist_background_size) { grid-column:3; grid-row:3; }
.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel__body > :is(.mobishop-product-icon-field--quick_add_radius,.mobishop-product-icon-field--product_wishlist_radius) { grid-column:2; grid-row:3; }
.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel__body > :is(.mobishop-product-icon-field--quick_add_background_color,.mobishop-product-icon-field--product_wishlist_background_color) { grid-column:3; grid-row:4; }
.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel__body > :is(.mobishop-product-icon-field--quick_add_show_background,.mobishop-product-icon-field--product_wishlist_show_background) { grid-column:2; grid-row:4; }

.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel .mobishop-product-position {
	width: min(100%, 210px);
	min-height: 210px;
}

@media (max-width: 782px) {
	.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel__body { grid-template-columns: 1fr; }
	.mobishop-page-builder :is([data-element="product_grid"], [data-element="wishlist_grid"]) .mobishop-product-icon-panel__body > .mobishop-product-icon-field { grid-column: 1; grid-row: auto; }
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder)
	:is(.mobishop-page-field, .mobishop-builder-field, .mobishop-category-settings label, .mobishop-category-general-fields > label)
	> :is(input[type="text"], input[type="url"], input[type="number"], input[type="datetime-local"], select),
:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder)
	:is(.mobishop-page-field, .mobishop-builder-field, .mobishop-category-settings label, .mobishop-category-general-fields > label)
	> input[type="color"] {
	width: min(100%, var(--mobishop-settings-control-width)) !important;
	max-width: var(--mobishop-settings-control-width) !important;
	min-height: var(--mobishop-settings-control-height) !important;
	height: var(--mobishop-settings-control-height) !important;
	margin: 0 !important;
	border-radius: var(--mobishop-settings-control-radius) !important;
	font-size: 14px !important;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder)
	:is(.mobishop-page-field, .mobishop-builder-field, .mobishop-category-settings label, .mobishop-category-general-fields > label)
	> input[type="color"] {
	min-width: min(100%, var(--mobishop-settings-control-width)) !important;
	padding: 4px !important;
	background: #fff !important;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder)
	:is(.mobishop-page-field, .mobishop-builder-field) > textarea {
	width: min(100%, var(--mobishop-settings-control-width)) !important;
	max-width: var(--mobishop-settings-control-width) !important;
	border-radius: var(--mobishop-settings-control-radius) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
}

/* Field values stay visually secondary to labels across every CMS builder. */
:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder)
	:is(
		input[type="text"],
		input[type="url"],
		input[type="number"],
		input[type="datetime-local"],
		input[type="email"],
		input[type="search"],
		select,
		textarea
	) {
	font-size: 13px !important;
	font-weight: 400 !important;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder)
	:is(.mobishop-page-toggle, .mobishop-builder-grid .mobishop-builder-field > label:first-child:last-child, .mobishop-hero-block-item .mobishop-builder-field--toggle > label) {
	width: min(100%, var(--mobishop-settings-control-width)) !important;
	max-width: var(--mobishop-settings-control-width) !important;
	min-height: var(--mobishop-settings-control-height) !important;
	padding: 7px 10px !important;
	border-radius: var(--mobishop-settings-control-radius) !important;
}

/* Every boolean setting uses the same On/Off control instead of a tick box. */
:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-unified-boolean {
	display: inline-flex !important;
	width: min(100%, var(--mobishop-settings-control-width)) !important;
	min-height: var(--mobishop-settings-control-height) !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 6px !important;
	direction: rtl !important;
}

.mobishop-unified-boolean__control {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	direction: rtl !important;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-unified-boolean__control > input[type="checkbox"] {
	position: relative !important;
	width: 42px !important;
	min-width: 42px !important;
	height: 22px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #a7aaad !important;
	appearance: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-unified-boolean__control > input[type="checkbox"]::before {
	content: "" !important;
	position: absolute !important;
	top: 3px !important;
	left: 3px !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
	border-radius: 50% !important;
	background: #fff !important;
	transition: transform .18s ease !important;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-unified-boolean__control > input[type="checkbox"]:checked {
	background: #2f806e !important;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-unified-boolean__control > input[type="checkbox"]:checked::before {
	transform: translateX(20px) !important;
}

.mobishop-unified-boolean__state::before { content: "Off"; color: #646970; font-weight: 700; }
.mobishop-unified-boolean__control > input[type="checkbox"]:checked ~ .mobishop-unified-boolean__state::before { content: "On"; color: #2f806e; }
.mobishop-page-toggle.mobishop-unified-boolean > b,
.mobishop-page-toggle.mobishop-unified-boolean > span:not(.mobishop-unified-boolean__state):not(.mobishop-unified-boolean__control) { display: none !important; }

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-builder-background-control {
	width: min(100%, var(--mobishop-settings-control-width)) !important;
	max-width: var(--mobishop-settings-control-width) !important;
	min-height: var(--mobishop-settings-control-height) !important;
	gap: 6px !important;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-builder-background-control input[type="color"] {
	width: 54px !important;
	min-width: 54px !important;
	height: var(--mobishop-settings-control-height) !important;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) .mobishop-builder-background-control .mobishop-block-background-value {
	width: auto !important;
	min-width: 0 !important;
	height: var(--mobishop-settings-control-height) !important;
	flex: 1 1 auto !important;
}

:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder)
	:is(.mobishop-page-media-actions, .mobishop-page-text-control, .mobishop-builder-media-field, .mobishop-builder-field--media, .mobishop-category-image-actions)
	.button {
	min-height: var(--mobishop-settings-control-height) !important;
	border-radius: var(--mobishop-settings-control-radius) !important;
	padding-inline: 16px !important;
}

@media (max-width: 782px) {
	:is(.mobishop-page-builder, .mobishop-builder-wrap, .mobishop-category-builder) {
		--mobishop-settings-control-width: 100%;
	}
}
.mobishop-wishlist-access-mode .mobishop-category-navigation-modes {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	padding: 18px;
}

.mobishop-wishlist-access-mode .mobishop-category-navigation-modes label {
	position: relative;
}

.mobishop-wishlist-access-mode .mobishop-category-navigation-modes input {
	position: absolute;
	opacity: 0;
}

.mobishop-wishlist-access-mode .mobishop-category-navigation-modes span {
	display: grid;
	min-height: 60px;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-areas:
		"icon title"
		"description description";
	align-items: center;
	gap: 4px 8px;
	padding: 12px 16px;
	border: 2px solid #dbe7e4;
	border-radius: 12px;
	background: #fff;
	cursor: pointer;
}

.mobishop-wishlist-access-mode .mobishop-category-navigation-modes b {
	grid-area: title;
	min-width: 0;
}

.mobishop-wishlist-access-mode .mobishop-category-navigation-modes i {
	grid-area: icon;
	width: 20px;
	height: 20px;
	font-size: 20px;
}

.mobishop-wishlist-access-mode .mobishop-category-navigation-modes small {
	grid-area: description;
	color: #60706c;
}

.mobishop-wishlist-access-mode .mobishop-category-navigation-modes input:checked + span {
	border-color: #2f8877;
	background: #eef8f5;
}

@media (max-width: 782px) {
	.mobishop-wishlist-access-mode .mobishop-category-navigation-modes {
		grid-template-columns: 1fr;
	}
}
.mobishop-wishlist-access-mode .mobishop-wishlist-access-options{padding-bottom:10px}
.mobishop-wishlist-preview-heading{display:flex;flex-direction:column;gap:4px;margin:4px 18px 0;padding-top:16px;border-top:1px solid #dbe7e4;color:#315f55}
.mobishop-wishlist-preview-heading small{color:#60706c;font-weight:400}
.mobishop-wishlist-access-mode .mobishop-wishlist-preview-modes{padding-top:12px}
.mobishop-wishlist-access-mode .mobishop-wishlist-preview-modes span{background:#f8fbfa}
.mobishop-wishlist-access-mode .mobishop-wishlist-preview-modes{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.mobishop-wishlist-access-mode .mobishop-wishlist-preview-modes{grid-template-columns:1fr}}
.mobishop-page-elements>.mobishop-page-card[hidden],.mobishop-page-elements>.is-wishlist-state-hidden{display:none!important}
.mobishop-wishlist-preview-option.is-disabled{cursor:not-allowed;filter:grayscale(1);opacity:.48}
.mobishop-wishlist-preview-option.is-disabled span{background:#f1f3f3!important;border-color:#d6dcda!important}
body.mobishop-wishlist-picker-open{overflow:hidden}
.mobishop-wishlist-element-picker{position:fixed;z-index:1000000;inset:0;display:grid;place-items:center;padding:24px;direction:ltr}
.mobishop-wishlist-element-picker[hidden]{display:none!important}
.mobishop-wishlist-element-picker__overlay{position:absolute;inset:0;background:rgba(29,35,39,.68);backdrop-filter:blur(2px)}
.mobishop-wishlist-element-picker__panel{position:relative;z-index:1;width:min(620px,100%);max-height:min(78vh,680px);overflow:auto;border:1px solid rgba(255,255,255,.35);border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.mobishop-wishlist-element-picker__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e1ebe8}
.mobishop-wishlist-element-picker__header h2{margin:0;color:#174e42;font-size:20px}
.mobishop-wishlist-element-picker__header p{margin:5px 0 0;color:#60706c;font-size:13px;font-weight:400}
.mobishop-wishlist-element-picker__close{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;color:#236b59!important}
.mobishop-wishlist-element-picker__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 20px 22px}
.mobishop-wishlist-element-choice{display:flex;min-height:68px;align-items:center;gap:11px;padding:13px 15px;border:1px solid #cfe0dc;border-radius:11px;background:#fff;color:#315f55;text-align:start;cursor:pointer}
.mobishop-wishlist-element-choice[hidden]{display:none!important}
.mobishop-wishlist-element-choice:hover,.mobishop-wishlist-element-choice:focus-visible{border-color:#2f8877;background:#eef8f5;box-shadow:0 2px 8px rgba(47,128,110,.14);outline:none}
.mobishop-wishlist-element-choice>.dashicons{width:24px;height:24px;color:#2f8877;font-size:24px}
.mobishop-wishlist-element-choice strong{font-size:14px}
@media(max-width:640px){.mobishop-wishlist-element-picker{padding:14px}.mobishop-wishlist-element-picker__grid{grid-template-columns:1fr}}
.mobishop-product-tabs-editor{display:flex;flex-direction:column;gap:10px;width:100%}
.mobishop-product-tabs-rows{display:flex;flex-direction:column;gap:8px}
.mobishop-product-tab-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(190px,1.4fr) auto 42px;gap:8px;align-items:center;padding:9px;border:1px solid #d7e5e1;border-radius:10px;background:#f8fbfa}
.mobishop-product-tab-enabled{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.mobishop-product-tab-remove{display:grid!important;place-items:center;padding:0!important}
.mobishop-product-tab-add{align-self:flex-start;display:inline-flex!important;align-items:center;gap:5px}
@media(max-width:900px){.mobishop-product-tab-row{grid-template-columns:1fr 1fr}.mobishop-product-tab-enabled,.mobishop-product-tab-remove{justify-self:start}}