.cliq-sl-settings {
	box-sizing: border-box;
	color: #1e293b;
	margin: 0;
	max-width: none;
	padding: 28px;
	width: 100%;
}

.cliq-sl-settings__footer {
	align-items: center;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
	display: flex;
	gap: 24px;
	justify-content: space-between;
	margin-top: 20px;
	padding: 18px 20px;

	strong {
		color: #1e293b;
		display: block;
		font-size: 14px;
		line-height: 1.35;
	}

	p {
		color: #64748b;
		font-size: 13px;
		margin: 4px 0 0;
	}

	.components-button {
		flex: 0 0 auto;
		font-weight: 700;
		justify-content: center;
		min-height: 42px;
		padding-inline: 22px;
	}
}

.cliq-sl-settings__sections {
	display: grid;
	gap: 20px;
	margin-top: 18px;
	max-width: none;
	min-width: 0;
	width: 100%;
}

.cliq-sl-settings__tabs,
.cliq-sl-settings__tabs > .components-tab-panel__tab-content,
.cliq-sl-settings__section,
.cliq-sl-template-tabs,
.cliq-sl-template-tabs > .components-tab-panel__tab-content,
.cliq-sl-template-grid {
	box-sizing: border-box;
	display: block;
	min-width: 0;
	width: 100%;
}

.cliq-sl-settings__tabs > .components-tab-panel__tabs,
.cliq-sl-template-tabs > .components-tab-panel__tabs {
	background: #fff;
	border: 1px solid #e2e7ef;
	border-radius: 14px;
	box-shadow: 0 7px 20px rgba(15, 23, 42, .07);
	display: grid;
	gap: 7px;
	padding: 7px;
}

.cliq-sl-settings__tabs > .components-tab-panel__tabs {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	overflow-x: auto;
}

.cliq-sl-template-tabs > .components-tab-panel__tabs {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cliq-sl-settings__tabs > .components-tab-panel__tabs .components-button,
.cliq-sl-template-tabs > .components-tab-panel__tabs .components-button {
	border: 0;
	border-radius: 10px;
	box-shadow: none;
	color: #526079;
	font-weight: 700;
	justify-content: center;
	min-height: 48px;
	padding-inline: 18px;
	position: relative;
	white-space: nowrap;
	width: 100%;
}

.cliq-sl-settings__tabs > .components-tab-panel__tabs .components-button::after,
.cliq-sl-template-tabs > .components-tab-panel__tabs .components-button::after {
	display: none;
}

.cliq-sl-settings__tabs > .components-tab-panel__tabs .components-button:hover,
.cliq-sl-template-tabs > .components-tab-panel__tabs .components-button:hover {
	background: #f3f6fb;
	color: #243047;
}

.cliq-sl-settings__tabs > .components-tab-panel__tabs .components-button:is(.active-tab, .is-active, [aria-selected="true"]),
.cliq-sl-template-tabs > .components-tab-panel__tabs .components-button:is(.active-tab, .is-active, [aria-selected="true"]) {
	background: #3858e9;
	box-shadow: 0 7px 17px rgba(56, 88, 233, .28);
	color: #fff;
}

.cliq-sl-settings__tabs > .components-tab-panel__tabs .components-button:focus:not(:disabled) {
	box-shadow: inset 0 0 0 2px rgba(56, 88, 233, .52);
}

.cliq-sl-settings__tabs > .components-tab-panel__tabs .components-button:is(.active-tab, .is-active, [aria-selected="true"]):focus:not(:disabled),
.cliq-sl-template-tabs > .components-tab-panel__tabs .components-button:is(.active-tab, .is-active, [aria-selected="true"]):focus:not(:disabled) {
	box-shadow:
		0 7px 17px rgba(56, 88, 233, .28),
		inset 0 0 0 2px rgba(255, 255, 255, .55);
}

.cliq-sl-settings__section {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
	padding: 24px;
	width: 100%;

	> header {
		border-bottom: 1px solid #eef2f7;
		margin-bottom: 22px;
		padding-bottom: 16px;
	}

	h2 {
		font-size: 18px;
		margin: 0 0 5px;
	}

	header p {
		color: #64748b;
		margin: 0;
	}
}

.cliq-sl-settings__grid {
	display: grid;
	gap: 20px 24px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cliq-sl-settings__grid .components-combobox-control__suggestions-container {
	background: #fff;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	box-shadow: none;
	min-height: 40px;
}

.cliq-sl-settings__grid .components-combobox-control__suggestions-container:focus-within {
	border-color: #3858e9;
	box-shadow: 0 0 0 2px rgba(56, 88, 233, .12);
}

.cliq-sl-settings__toggles {
	border-top: 1px solid #eef2f7;
	display: grid;
	gap: 12px 24px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 22px;
	padding-top: 20px;
}

/* Shared WP-native colour control (@cliqui .../builder/ColorControl). This
   bundle enqueues its own admin stylesheet, so the small ColorControl chrome is
   mirrored here (kept in sync with cliq-ui admin style.scss) so the palette
   editor and the Category icon colour control render correctly. */
.cb-colorctl {
	margin-bottom: 10px;
}

.cb-colorctl .components-base-control__label {
	display: block;
	margin-bottom: 4px;
}

.cb-colorctl__dd {
	display: block;
}

.cb-colorctl__swatch {
	align-items: center;
	background: #fff;
	border: 1px solid #d5d8dc;
	border-radius: 8px;
	color: #475569;
	cursor: pointer;
	display: flex;
	font-size: 12px;
	gap: 8px;
	padding: 5px 8px;
	width: 100%;
}

.cb-colorctl__chip {
	background-image:
		linear-gradient(45deg, #eee 25%, transparent 25%),
		linear-gradient(-45deg, #eee 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, #eee 75%),
		linear-gradient(-45deg, transparent 75%, #eee 75%);
	background-position: 0 0, 0 4px, 4px -4px, -4px 0;
	background-size: 8px 8px;
	border: 1px solid #e2e8f0;
	border-radius: 5px;
	flex-shrink: 0;
	height: 22px;
	width: 22px;
}

.cb-colorctl__swatch em {
	font-style: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cb-colorctl__body {
	min-width: 240px;
	padding: 12px;
}

.cb-colorctl__clear {
	margin-top: 8px;
}

/* In the theme grid, rely on the grid gap for spacing. */
.cliq-sl-theme__fields .cb-colorctl {
	margin-bottom: 0;
}

.cliq-sl-theme {
	display: grid;
	gap: 22px;
}

.cliq-sl-theme__toolbar {
	align-items: center;
	display: flex;
	gap: 24px;
	justify-content: space-between;
}

.cliq-sl-theme__toolbar h3 {
	color: #1e293b;
	font-size: 16px;
	margin: 0 0 4px;
}

.cliq-sl-theme__toolbar p,
.cliq-sl-theme__advanced > p {
	color: #64748b;
	font-size: 13px;
	line-height: 1.5;
	margin: 0;
}

.cliq-sl-theme__toolbar .components-button {
	flex: 0 0 auto;
	font-weight: 700;
	min-height: 38px;
}

.cliq-sl-theme__presets {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.cliq-sl-theme__presets > button {
	align-items: center;
	background: #fff;
	border: 1px solid #dbe2ea;
	border-radius: 11px;
	color: #334155;
	cursor: pointer;
	display: flex;
	gap: 10px;
	min-height: 54px;
	padding: 9px 11px;
	text-align: start;
	transition: border-color 150ms ease, box-shadow 150ms ease;
}

.cliq-sl-theme__presets > button:hover {
	border-color: #94a3b8;
}

.cliq-sl-theme__presets > button:focus-visible {
	border-color: #3858e9;
	box-shadow: 0 0 0 2px rgba(56, 88, 233, .18);
	outline: 0;
}

.cliq-sl-theme__presets > button.is-selected {
	border-color: #3858e9;
	box-shadow: inset 0 0 0 1px #3858e9;
}

.cliq-sl-theme__presets strong {
	font-size: 13px;
}

.cliq-sl-theme__swatches {
	display: flex;
	flex: 0 0 auto;
}

.cliq-sl-theme__swatches i {
	border: 1px solid rgba(15, 23, 42, .14);
	border-radius: 50%;
	display: block;
	height: 21px;
	margin-inline-start: -6px;
	width: 21px;
}

.cliq-sl-theme__swatches i:first-child {
	margin-inline-start: 0;
}

.cliq-sl-theme__preview {
	background: var(--preview-canvas);
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(280px, .85fr) minmax(360px, 1.15fr);
	padding: 18px;
}

.cliq-sl-theme__preview button {
	background: var(--preview-primary);
	border: 0;
	border-radius: 8px;
	color: var(--preview-on-primary);
	cursor: default;
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	padding: 9px 14px;
}

.cliq-sl-theme__preview button:hover {
	background: var(--preview-primary-strong);
	color: var(--preview-on-primary);
}

.cliq-sl-theme__preview-search {
	align-content: center;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
}

.cliq-sl-theme__preview-search label {
	color: var(--preview-on-canvas);
	font-size: 12px;
	font-weight: 700;
	grid-column: 1 / -1;
	margin-bottom: 6px;
}

.cliq-sl-theme__preview-search > span {
	align-items: center;
	background: var(--preview-surface);
	border: 1px solid var(--preview-border);
	border-inline-end: 0;
	border-radius: 8px 0 0 8px;
	color: var(--preview-muted);
	display: flex;
	font-size: 12px;
	min-height: 38px;
	padding-inline: 12px;
}

.cliq-sl-theme__preview-search > button {
	border-radius: 0 8px 8px 0;
}

.cliq-sl-theme__preview article {
	background: var(--preview-surface);
	border: 1px solid var(--preview-border-soft);
	border-radius: 11px;
	display: grid;
	gap: 14px;
	grid-template-columns: 92px minmax(0, 1fr);
	overflow: hidden;
	padding: 12px;
}

.cliq-sl-theme__preview article > img {
	border-radius: 8px;
	height: 112px;
	object-fit: cover;
	width: 92px;
}

.cliq-sl-theme__preview article > div {
	align-content: center;
	display: grid;
	justify-items: start;
}

.cliq-sl-theme__preview small {
	color: var(--preview-primary);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.cliq-sl-theme__preview h4 {
	color: var(--preview-heading);
	font-size: 17px;
	margin: 3px 0;
}

.cliq-sl-theme__preview article p {
	color: var(--preview-soft);
	font-size: 12px;
	margin: 0 0 9px;
}

.cliq-sl-theme__fields {
	display: grid;
	gap: 18px 22px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cliq-sl-theme__fields > .components-base-control:first-child {
	align-self: end;
}

.cliq-sl-theme__advanced {
	border: 1px solid #e2e8f0;
	border-radius: 11px;
	padding: 0 16px;
}

.cliq-sl-theme__advanced summary {
	color: #334155;
	cursor: pointer;
	font-size: 13px;
	font-weight: 750;
	padding: 14px 0;
}

.cliq-sl-theme__advanced[open] {
	padding-bottom: 18px;
}

.cliq-sl-theme__advanced[open] summary {
	margin-bottom: 0;
}

.cliq-sl-theme__advanced > p {
	margin: -4px 0 16px;
}

@media (max-width: 1000px) {
	.cliq-sl-theme__presets {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.cliq-sl-theme__preview {
		grid-template-columns: 1fr;
	}

	.cliq-sl-theme__fields {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* The preview and guide intentionally restyle semantic paragraphs beneath
   existing settings styles. Their component roots keep the cascade isolated. */
/* stylelint-disable no-descending-specificity */

/* Product identity and the decorative banner art that sits behind it. */
.cliq-sl-banner-brand {
	align-items: center;
	display: flex;
	gap: 9px;
	min-width: 0;
}

.cliq-sl-banner-brand__product {
	align-items: center;
	display: inline-flex;
	gap: 8px;
	min-width: 0;
}

.cliq-sl-banner-brand svg {
	display: block;
	flex: 0 0 auto;
	overflow: visible;
}

.cliq-sl-banner-brand__store-logo {
	height: auto;
	width: 164px;
}

.cliq-sl-banner-brand__cliq-logo {
	height: auto;
	opacity: 0.9;
	width: 94px;
}

.cliq-sl-banner-brand__by {
	color: rgba(255, 255, 255, 0.62);
	font-size: 11px;
	font-weight: 600;
}

.cliq-sl-guide-launch {
	align-items: center;
	background: rgba(255, 255, 255, 0.13);
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	gap: 6px;
	min-height: 34px;
	padding: 6px 11px;
}

.cliq-sl-guide-launch:hover,
.cliq-sl-guide-launch:focus-visible {
	background: rgba(255, 255, 255, 0.22);
	color: #fff;
}

.cliq-sl-dashboard,
.cliq-sl-teaser-screen {
	box-sizing: border-box;
	margin: 0;
	max-width: none;
	padding: 28px;
	width: 100%;
}

.cliq-sl-dashboard {
	display: grid;
	gap: 24px;
}

.cliq-sl-dashboard__hero {
	align-items: end;
	background:
		radial-gradient(85% 140% at 100% 0, rgba(160, 110, 255, .22), transparent 60%),
		linear-gradient(135deg, #fff, #f8f9ff);
	border: 1px solid #e1e6f0;
	border-radius: 18px;
	box-shadow: 0 12px 34px rgba(15, 23, 42, .06);
	display: flex;
	gap: 28px;
	justify-content: space-between;
	padding: 28px 30px;
}

.cliq-sl-dashboard__hero > div:first-child {
	max-width: 670px;
}

.cliq-sl-dashboard__hero > div:first-child > span {
	color: #5b21b6;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.cliq-sl-dashboard__hero h1 {
	color: #172033;
	font-size: 27px;
	letter-spacing: -.03em;
	line-height: 1.15;
	margin: 8px 0;
}

.cliq-sl-dashboard__hero p {
	color: #64748b;
	font-size: 13px;
	line-height: 1.6;
	margin: 0;
}

.cliq-sl-dashboard__hero-actions {
	display: flex;
	flex: 0 0 auto;
	gap: 9px;
}

.cliq-sl-dashboard__hero-actions .components-button {
	align-items: center;
	border-radius: 9px;
	font-weight: 700;
	gap: 7px;
	min-height: 42px;
	padding-inline: 16px;
}

.cliq-sl-dashboard__summary {
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, .8fr) minmax(320px, 1.2fr);
}

.cliq-sl-dashboard__stats {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cliq-sl-dashboard__stats .cliqthemes-ui-stat {
	align-items: center;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
	display: flex;
	gap: 14px;
	min-height: 92px;
	padding: 18px;
}

.cliq-sl-dashboard__stats .cliqthemes-ui-stat__icon {
	align-items: center;
	background: #eef2ff;
	border-radius: 11px;
	color: #3858e9;
	display: inline-flex;
	height: 46px;
	justify-content: center;
	width: 46px;
}

.cliq-sl-dashboard__stats .cliqthemes-ui-stat--emerald .cliqthemes-ui-stat__icon {
	background: #ecfdf5;
	color: #059669;
}

.cliq-sl-dashboard__stats .cliqthemes-ui-stat__body {
	display: grid;
	gap: 2px;
}

.cliq-sl-dashboard__stats .cliqthemes-ui-stat__value {
	color: #172033;
	font-size: 25px;
	line-height: 1;
}

.cliq-sl-dashboard__stats .cliqthemes-ui-stat__label {
	color: #64748b;
	font-size: 13px;
	font-weight: 650;
}

.cliq-sl-dashboard__publish {
	align-items: center;
	background: #172033;
	border: 1px solid #273248;
	border-radius: 14px;
	box-shadow: 0 10px 28px rgba(15, 23, 42, .12);
	color: #fff;
	display: flex;
	gap: 15px;
	padding: 18px 20px;
}

.cliq-sl-dashboard__publish > span {
	align-items: center;
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 10px;
	display: inline-flex;
	flex: 0 0 auto;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.cliq-sl-dashboard__publish > div {
	min-width: 0;
}

.cliq-sl-dashboard__publish strong {
	display: block;
	font-size: 13px;
	margin-bottom: 3px;
}

.cliq-sl-dashboard__publish p {
	color: #aeb9ca;
	font-size: 11px;
	line-height: 1.45;
	margin: 0 0 8px;
}

.cliq-sl-dashboard__publish code {
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 6px;
	color: #e7e9ff;
	display: inline-block;
	font-size: 11px;
	padding: 4px 7px;
}

.cliq-sl-dashboard__workspace {
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1.4fr) minmax(300px, .8fr);
}

.cliq-sl-dashboard__checklist,
.cliq-sl-dashboard__howto {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(15,23,42,.05);
	overflow: hidden;
}

.cliq-sl-dashboard__checklist > header {
	align-items: center;
	border-bottom: 1px solid #edf1f6;
	display: flex;
	gap: 12px;
	padding: 18px 20px;
}

.cliq-sl-dashboard__checklist > header > span {
	align-items: center;
	background: #eef2ff;
	border-radius: 9px;
	color: #3858e9;
	display: inline-flex;
	height: 38px;
	justify-content: center;
	width: 38px;
}

.cliq-sl-dashboard__checklist h2,
.cliq-sl-dashboard__howto h2 {
	color: #243047;
	font-size: 15px;
	margin: 0 0 3px;
}

.cliq-sl-dashboard__checklist header p,
.cliq-sl-dashboard__howto header p {
	color: #8290a4;
	font-size: 11px;
	margin: 0;
}

.cliq-sl-dashboard__checklist article {
	align-items: center;
	border-bottom: 1px solid #edf1f6;
	display: grid;
	gap: 12px;
	grid-template-columns: 26px minmax(0, 1fr) auto;
	padding: 15px 20px;
}

.cliq-sl-dashboard__checklist article:last-child {
	border-bottom: 0;
}

.cliq-sl-dashboard__check {
	align-items: center;
	border: 1px solid #ccd5e1;
	border-radius: 50%;
	color: #fff;
	display: inline-flex;
	height: 22px;
	justify-content: center;
	width: 22px;
}

.cliq-sl-dashboard__checklist article.is-complete .cliq-sl-dashboard__check {
	background: #0e9f6e;
	border-color: #0e9f6e;
}

.cliq-sl-dashboard__checklist article strong {
	color: #344258;
	display: block;
	font-size: 12px;
	margin-bottom: 3px;
}

.cliq-sl-dashboard__checklist article p {
	color: #8290a4;
	font-size: 11px;
	line-height: 1.45;
	margin: 0;
}

.cliq-sl-dashboard__checklist article .components-button {
	align-items: center;
	color: #3858e9;
	font-size: 11px;
	font-weight: 700;
	gap: 5px;
}

.cliq-sl-dashboard__howto > header {
	border-bottom: 1px solid #edf1f6;
	padding: 18px 20px;
}

.cliq-sl-dashboard__howto > button {
	align-items: center;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #edf1f6;
	color: #64748b;
	cursor: pointer;
	display: grid;
	gap: 11px;
	grid-template-columns: 36px minmax(0, 1fr) auto;
	padding: 15px 18px;
	text-align: start;
	width: 100%;
}

.cliq-sl-dashboard__howto > button:last-child {
	border-bottom: 0;
}

.cliq-sl-dashboard__howto > button:hover {
	background: #f8faff;
}

.cliq-sl-dashboard__howto > button > span {
	align-items: center;
	background: #f1edff;
	border-radius: 9px;
	color: #6338d8;
	display: inline-flex;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.cliq-sl-dashboard__howto strong {
	color: #344258;
	display: block;
	font-size: 12px;
	margin-bottom: 3px;
}

.cliq-sl-dashboard__howto small {
	color: #8290a4;
	display: block;
	font-size: 10.5px;
	line-height: 1.45;
}

.cliq-sl-dashboard__analytics .cliq-sl-teaser-screen {
	max-width: none;
	padding: 0;
}

.cliq-sl-teaser-screen.is-compact .cliq-sl-teaser {
	aspect-ratio: 16 / 7;
	max-width: none;
}

.cliq-sl-teaser-screen__header {
	align-items: center;
	display: grid;
	gap: 28px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin: 0 0 26px;
}

.cliq-sl-teaser-screen__header > div:first-child {
	max-width: 760px;
}

.cliq-sl-teaser-screen__header > div:first-child > span {
	color: #5b21b6;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.cliq-sl-teaser-screen__header h1 {
	color: #172033;
	font-size: clamp(30px, 3vw, 42px);
	letter-spacing: -0.035em;
	line-height: 1.08;
	margin: 9px 0 12px;
}

.cliq-sl-teaser-screen__header p {
	color: #64748b;
	font-size: 15px;
	line-height: 1.6;
	margin: 0;
}

.cliq-sl-teaser-screen__header-action {
	align-items: flex-end;
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding-bottom: 2px;
}

.cliq-sl-teaser-screen__header-action small {
	color: #94a3b8;
	font-size: 11px;
	line-height: 1.5;
	max-width: 260px;
	text-align: end;
}

.cliq-sl-teaser {
	aspect-ratio: 3 / 2;
	background: #f8fafc;
	border: 1px solid #dfe5ee;
	border-radius: 18px;
	box-shadow: 0 18px 45px rgba(30, 41, 59, 0.09);
	overflow: hidden;
	position: relative;
}

.cliq-sl-pro-preview {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.cliq-sl-teaser__tint {
	background: rgba(76, 29, 149, .008);
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.cliq-sl-teaser__gate {
	align-items: center;
	backdrop-filter: blur(12px);
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid rgba(255, 255, 255, 0.88);
	border-radius: 14px;
	bottom: 22px;
	box-shadow: 0 14px 38px rgba(30, 41, 59, 0.16);
	color: #172033;
	display: grid;
	gap: 14px;
	grid-template-columns: auto minmax(0, 1fr) auto;
	inset-inline: 22px;
	padding: 14px 16px;
	position: absolute;
}

.cliq-sl-teaser__badge {
	background: #ede9fe;
	border-radius: 999px;
	color: #5b21b6;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.09em;
	padding: 6px 10px;
	text-transform: uppercase;
}

.cliq-sl-teaser__gate > div {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.cliq-sl-teaser__gate strong {
	color: #172033;
	font-size: 14px;
	line-height: 1.35;
}

.cliq-sl-teaser__gate > div > span {
	color: #64748b;
	font-size: 12px;
	line-height: 1.45;
}

.cliq-sl-upgrade.components-button.is-primary {
	background: #5b21b6;
	border-radius: 9px;
	box-shadow: 0 8px 22px rgba(91, 33, 182, 0.22);
	color: #fff;
	font-weight: 750;
	min-height: 42px;
	padding-inline: 18px;
	white-space: nowrap;
}

.cliq-sl-upgrade.components-button.is-primary:hover {
	background: #4c1d95;
	color: #fff;
}

.cliq-sl-teaser-screen__features {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
}

.cliq-sl-teaser-screen__features li {
	align-items: flex-start;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	color: #475569;
	display: flex;
	font-size: 13px;
	font-weight: 650;
	gap: 10px;
	line-height: 1.45;
	padding: 16px;
}

.cliq-sl-teaser-screen__features li svg {
	color: #6d28d9;
	flex: 0 0 auto;
}

.cliq-sl-teaser-overview,
.cliq-sl-builder-teaser__hero {
	background: #fff;
	border: 1px solid #dfe5ee;
	border-radius: 20px;
	box-shadow: 0 18px 46px rgba(30, 41, 59, .08);
	display: grid;
	grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
	overflow: hidden;
	width: 100%;
}

.cliq-sl-teaser-overview__copy,
.cliq-sl-builder-teaser__intro {
	align-content: center;
	display: grid;
	padding: 38px 36px;
}

.cliq-sl-teaser-overview__eyebrow,
.cliq-sl-builder-teaser__intro > span {
	color: #5b21b6;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.cliq-sl-teaser-overview h1,
.cliq-sl-builder-teaser__intro h1 {
	color: #172033;
	font-size: clamp(30px, 3vw, 42px);
	letter-spacing: -.035em;
	line-height: 1.08;
	margin: 10px 0 14px;
}

.cliq-sl-teaser-overview__copy > p,
.cliq-sl-builder-teaser__intro > p {
	color: #64748b;
	font-size: 14px;
	line-height: 1.65;
	margin: 0;
}

.cliq-sl-teaser-overview__copy ul,
.cliq-sl-builder-teaser__intro ul {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 22px 0 0;
	padding: 0;
}

.cliq-sl-teaser-overview__copy li,
.cliq-sl-builder-teaser__intro li {
	align-items: flex-start;
	color: #344258;
	display: flex;
	font-size: 12px;
	font-weight: 650;
	gap: 9px;
	line-height: 1.45;
}

.cliq-sl-teaser-overview__copy li svg,
.cliq-sl-builder-teaser__intro li svg {
	color: #5b21b6;
	flex: 0 0 auto;
}

.cliq-sl-teaser-overview__action,
.cliq-sl-builder-teaser__hero-action {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 7px;
	margin-top: 24px;
}

.cliq-sl-teaser-overview__action small,
.cliq-sl-builder-teaser__hero-action small {
	color: #8a96a9;
	font-size: 10.5px;
}

.cliq-sl-teaser-visual {
	background: #f5f7fb;
	border-inline-start: 1px solid #e4e9f1;
	min-height: 520px;
	overflow: hidden;
	position: relative;
}

.cliq-sl-teaser-visual .cliq-sl-pro-preview {
	height: 100%;
	object-fit: contain;
	padding: 18px;
}

.cliq-sl-teaser-visual__label {
	align-items: center;
	background: rgba(255, 255, 255, .95);
	border: 1px solid #dfe5ee;
	border-radius: 999px;
	bottom: 18px;
	box-shadow: 0 7px 20px rgba(15, 23, 42, .12);
	color: #344258;
	display: inline-flex;
	font-size: 10px;
	font-weight: 750;
	gap: 7px;
	inset-inline-end: 18px;
	padding: 7px 10px;
	position: absolute;
}

.cliq-sl-teaser-visual__label > span {
	background: #5b21b6;
	border-radius: 50%;
	height: 7px;
	width: 7px;
}

.cliq-sl-builder-teaser {
	display: grid;
	gap: 30px;
}

.cliq-sl-builder-teaser__hero {
	grid-template-columns: minmax(350px, .78fr) minmax(0, 1.22fr);
}

.cliq-sl-builder-teaser__section,
.cliq-sl-builder-teaser__showcases,
.cliq-sl-builder-teaser__cta {
	width: 100%;
}

.cliq-sl-builder-teaser__section {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	box-shadow: 0 14px 38px rgba(30, 41, 59, 0.06);
	overflow: hidden;
}

.cliq-sl-builder-teaser__section-heading {
	background: #fafbfe;
	border-bottom: 1px solid #e9e4f6;
	padding: 28px 30px;
}

.cliq-sl-builder-teaser__section-heading > span,
.cliq-sl-builder-teaser__showcase-copy > span,
.cliq-sl-builder-teaser__cta > div > span {
	color: #6d28d9;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.cliq-sl-builder-teaser__section-heading h2,
.cliq-sl-builder-teaser__cta h2 {
	color: #172033;
	font-size: 25px;
	letter-spacing: -0.025em;
	line-height: 1.18;
	margin: 8px 0;
}

.cliq-sl-builder-teaser__section-heading p,
.cliq-sl-builder-teaser__cta p {
	color: #64748b;
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
	max-width: 760px;
}

.cliq-sl-builder-teaser__parts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cliq-sl-builder-teaser__parts article {
	align-items: flex-start;
	border-bottom: 1px solid #edf0f5;
	border-inline-end: 1px solid #edf0f5;
	display: flex;
	gap: 13px;
	min-height: 142px;
	padding: 22px;
}

.cliq-sl-builder-teaser__parts article:nth-child(3n) {
	border-inline-end: 0;
}

.cliq-sl-builder-teaser__parts article:nth-last-child(-n + 3) {
	border-bottom: 0;
}

.cliq-sl-builder-teaser__parts article > span {
	align-items: center;
	background: #ede9fe;
	border-radius: 8px;
	color: #6d28d9;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 10px;
	font-weight: 800;
	height: 30px;
	justify-content: center;
	width: 30px;
}

.cliq-sl-builder-teaser__parts h3,
.cliq-sl-builder-teaser__showcase h3 {
	color: #172033;
	font-size: 16px;
	line-height: 1.3;
	margin: 2px 0 7px;
}

.cliq-sl-builder-teaser__parts p,
.cliq-sl-builder-teaser__showcase p {
	color: #64748b;
	font-size: 12.5px;
	line-height: 1.55;
	margin: 0;
}

.cliq-sl-builder-teaser__showcases {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cliq-sl-builder-teaser__showcase {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	box-shadow: 0 12px 32px rgba(30, 41, 59, 0.06);
	overflow: hidden;
}

.cliq-sl-builder-teaser__showcase-media {
	aspect-ratio: 3 / 2;
	background: #f8fafc;
	border-bottom: 1px solid #e7ebf1;
	overflow: hidden;
}

.cliq-sl-builder-teaser__showcase-media .cliq-sl-pro-preview {
	transition: transform 350ms ease;
}

.cliq-sl-builder-teaser__showcase:hover .cliq-sl-pro-preview {
	transform: scale(1.012);
}

.cliq-sl-builder-teaser__showcase-copy {
	padding: 22px 24px 24px;
}

.cliq-sl-builder-teaser__showcase h3 {
	font-size: 19px;
	margin: 8px 0;
}

.cliq-sl-builder-teaser__showcase p {
	font-size: 13px;
}

.cliq-sl-builder-teaser__showcase:last-child:nth-child(odd) {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
}

.cliq-sl-builder-teaser__showcase:last-child:nth-child(odd) .cliq-sl-builder-teaser__showcase-media {
	border-bottom: 0;
	border-inline-end: 1px solid #e7ebf1;
}

.cliq-sl-builder-teaser__showcase:last-child:nth-child(odd) .cliq-sl-builder-teaser__showcase-copy {
	align-content: center;
	display: grid;
}

.cliq-sl-builder-teaser__cta {
	align-items: center;
	background: #faf8ff;
	border: 1px solid #e4d8ff;
	border-radius: 18px;
	display: flex;
	gap: 28px;
	justify-content: space-between;
	padding: 28px 30px;
}

.cliq-sl-builder-teaser__cta h2 {
	font-size: 23px;
}

.cliq-sl-settings__subgrid {
	border-top: 1px solid #eef2f7;
	margin-top: 20px;
	padding-top: 20px;
}

.cliq-sl-template-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr);
	margin-top: 18px;
}

.cliq-sl-template {
	background: #fbfcfe;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	min-width: 0;
	padding: 20px;
}

.cliq-sl-template__heading {
	align-items: flex-start;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	min-height: 58px;
}

.cliq-sl-template__columns {
	display: inline-flex;
	flex: 0 0 auto;
}

.cliq-sl-template__columns .components-button {
	justify-content: center;
	min-width: 82px;
}

.cliq-sl-template__heading h3 {
	color: #172033;
	font-size: 18px;
	margin: 0 0 5px;
}

.cliq-sl-template__heading p,
.cliq-sl-slug-fields > p {
	color: #64748b;
	font-size: 12px;
	line-height: 1.45;
	margin: 0;
}

.cliq-sl-template__list {
	display: grid;
	gap: 9px;
	margin-top: 14px;
}

.cliq-sl-template__lanes {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 18px;
}

.cliq-sl-template__lane {
	background: #f3f6fb;
	border: 1px solid #dfe6f0;
	border-radius: 12px;
	min-width: 0;
	padding: 12px;
}

.cliq-sl-template__lane > header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 2px 3px 8px;
}

.cliq-sl-template__lane > header strong {
	color: #334155;
	font-size: 12px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.cliq-sl-template__lane > header span {
	align-items: center;
	background: #e2e8f0;
	border-radius: 999px;
	color: #64748b;
	display: inline-flex;
	font-size: 10px;
	font-weight: 700;
	height: 22px;
	justify-content: center;
	min-width: 22px;
	padding-inline: 6px;
}

.cliq-sl-template__lane .cliq-sl-template__list {
	margin-top: 0;
}

.cliq-sl-template__empty {
	border: 1px dashed #cbd5e1;
	border-radius: 9px;
	color: #7c899d;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 20px;
	text-align: center;
}

.cliq-sl-template__empty strong {
	color: #334155;
	display: block;
	font-size: 13px;
}

.cliq-sl-template__empty p {
	margin: 5px auto 12px;
	max-width: 280px;
}

.cliq-sl-template__empty .components-button {
	justify-content: center;
}

.cliq-sl-template__item {
	align-items: center;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(240px, 1fr) minmax(220px, 340px);
	min-width: 0;
	padding: 10px 12px;
}

.cliq-sl-template__item.has-column-picker {
	align-items: stretch;
	grid-template-columns: 1fr;
}

.cliq-sl-template__item:focus-within {
	position: relative;
	z-index: 20;
}

.cliq-sl-template__primary {
	align-items: center;
	display: grid;
	gap: 8px;
	grid-template-columns: 90px minmax(0, 1fr);
	min-width: 0;
}

.cliq-sl-template__controls {
	align-items: center;
	display: grid;
	gap: 9px;
	grid-template-columns: minmax(0, 1fr);
	min-width: 0;
}

.cliq-sl-template__item.has-column-picker .cliq-sl-template__controls {
	grid-template-columns: minmax(145px, 1fr) auto;
}

.cliq-sl-template__select {
	min-width: 0;
	position: relative;
}

.cliq-sl-template__select .components-combobox-control,
.cliq-sl-template__select .components-base-control__field {
	margin: 0;
	min-width: 0;
}

.cliq-sl-template__select .components-combobox-control__suggestions-container {
	align-items: center;
	background: #fff;
	border: 1px solid #8c8f94;
	border-radius: 8px;
	box-sizing: border-box;
	display: flex;
	min-height: 40px;
	min-width: 0;
	position: relative;
	width: 100%;
}

.cliq-sl-template__select .components-combobox-control__suggestions-container:focus-within {
	border-color: #3858e9;
	box-shadow: 0 0 0 1px #3858e9;
}

.cliq-sl-template__select .components-combobox-control__suggestions-container > .components-flex {
	align-items: center;
	box-sizing: border-box;
	min-height: 38px;
	min-width: 0;
	width: 100%;
}

.cliq-sl-template__select .components-combobox-control__suggestions-container .components-flex-block {
	min-width: 0;
}

.cliq-sl-template__select .components-form-token-field__suggestions-list {
	background: #fff;
	border: 1px solid #d7deea;
	border-radius: 8px;
	box-shadow: 0 14px 32px rgba(15, 23, 42, .16);
	inset-inline: 0;
	margin: 4px 0 0;
	max-height: min(260px, 40vh);
	overflow-y: auto;
	padding: 4px;
	position: absolute;
	top: 100%;
	z-index: 40;
}

.cliq-sl-template__select input.components-combobox-control__input {
	border: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box;
	height: 38px;
	min-height: 38px;
	min-width: 0;
	outline: 0;
	width: 100%;
}

.cliq-sl-template__select input.components-combobox-control__input:focus {
	border: 0 !important;
	box-shadow: none !important;
	outline: 0;
}

.cliq-sl-template__select .components-combobox-control__suggestions-container .components-button {
	flex: 0 0 28px;
	height: 28px;
	min-width: 28px;
	padding: 2px;
}

.cliq-sl-template__item .components-base-control,
.cliq-sl-template__item .components-toggle-control {
	margin: 0;
	min-width: 0;
}

.cliq-sl-template__order {
	display: flex;
}

.cliq-sl-template__move-column.components-button {
	justify-content: center;
	min-height: 38px;
	white-space: nowrap;
}

.cliq-sl-template__order .components-button,
.cliq-sl-slug-fields__item .components-button {
	height: 28px;
	min-width: 26px;
	padding: 3px;
}

.cliq-sl-slug-fields {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	display: grid;
	gap: 8px;
	padding: 14px;
}

.cliq-sl-slug-fields__item {
	align-items: center;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	padding: 7px 9px;
}

.cliq-sl-tools-teaser__panel {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	box-shadow: 0 18px 45px rgba(30, 41, 59, 0.09);
	overflow: hidden;
}

.cliq-sl-tools-teaser__intro {
	background: #f8f5ff;
	border-bottom: 1px solid #e7defc;
	padding: 24px;
}

.cliq-sl-tools-teaser__intro .cliq-sl-teaser__badge {
	background: #5b21b6;
	color: #fff;
	display: inline-block;
}

.cliq-sl-tools-teaser__intro h2 {
	color: #172033;
	font-size: 22px;
	margin: 13px 0 0;
}

.cliq-sl-tools-teaser__grid {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	background: #e2e8f0;
}

.cliq-sl-tools-teaser__grid article {
	background: #fff;
	min-height: 150px;
	padding: 22px;
}

.cliq-sl-tools-teaser__grid article > span {
	color: #7c3aed;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.cliq-sl-tools-teaser__grid h3 {
	color: #172033;
	font-size: 16px;
	margin: 9px 0 7px;
}

.cliq-sl-tools-teaser__grid p,
.cliq-sl-tools-teaser__footer p {
	color: #64748b;
	font-size: 13px;
	line-height: 1.55;
	margin: 0;
}

.cliq-sl-tools-teaser__footer {
	align-items: center;
	background: #f8fafc;
	display: flex;
	gap: 20px;
	justify-content: space-between;
	padding: 20px 24px;
}

.cliq-sl-tools-teaser__footer .cliq-sl-upgrade.components-button.is-primary {
	background: #5b21b6;
	color: #fff;
}

.cliq-sl-guide.components-guide {
	background: #f5f7fb;
	border: 1px solid #d8e0eb;
	border-radius: 18px;
	box-shadow: 0 28px 80px rgba(15, 23, 42, .28);
	overflow: hidden;
	width: min(700px, 92vw);
}

.cliq-sl-guide .components-guide__container {
	background: #f5f7fb;
}

.cliq-sl-guide .components-guide__page-control {
	margin-top: 18px;
}

.cliq-sl-guide .components-guide__footer {
	background: #fff;
	border-top: 1px solid #e3e8f0;
	padding: 14px 24px;
}

.cliq-sl-guide__step {
	align-content: start;
	background: #fff;
	border: 1px solid #e1e7f0;
	border-radius: 14px;
	display: grid;
	gap: 22px;
	margin: 12px 26px 22px;
	min-height: 300px;
	padding: 26px 28px 28px;
}

.cliq-sl-guide__heading {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	width: 100%;
}

.cliq-sl-guide__icon {
	align-items: center;
	background: #eef2ff;
	border: 1px solid #d5deff;
	border-radius: 12px;
	color: #3858e9;
	display: inline-flex;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.cliq-sl-guide__meta {
	align-items: flex-end;
	display: grid;
	gap: 3px;
	justify-items: end;
}

.cliq-sl-guide__eyebrow {
	color: #526079;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.cliq-sl-guide__counter {
	color: #3858e9;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
}

.cliq-sl-guide__body {
	align-content: start;
	display: grid;
	gap: 16px;
}

.cliq-sl-guide__step h2 {
	color: #172033;
	font-size: 25px;
	letter-spacing: -.03em;
	line-height: 1.22;
	margin: 0;
}

.cliq-sl-guide__copy {
	color: #526079;
	display: grid;
	font-size: 14px;
	gap: 14px;
	line-height: 1.65;
}

.cliq-sl-guide__copy p {
	margin: 0;
}

.cliq-sl-guide__copy code {
	background: #f4f6ff;
	border: 1px solid #cdd7ff;
	border-radius: 8px;
	color: #2745c7;
	display: block;
	max-width: 100%;
	padding: 10px 13px;
	width: max-content;
}

.cliq-sl-guide__body > .components-button {
	border-radius: 8px;
	font-weight: 700;
	justify-content: center;
	min-height: 42px;
	padding-inline: 18px;
	width: fit-content;
}

/* stylelint-enable no-descending-specificity */

@media (max-width: 1040px) {
	.cliq-sl-template__lanes {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 782px) {

	.cliq-sl-settings {
		padding: 18px 12px;
	}

	.cliq-sl-settings__footer {
		align-items: stretch;
		flex-direction: column;

		.components-button {
			width: 100%;
		}
	}

	.cliq-sl-settings__grid,
	.cliq-sl-settings__toggles,
	.cliq-sl-template-grid,
	.cliq-sl-template__lanes,
	.cliq-sl-tools-teaser__grid {
		grid-template-columns: 1fr;
	}

	.cliq-sl-banner-brand__by,
	.cliq-sl-banner-brand__cliq-logo {
		display: none;
	}

	.cliq-sl-banner-brand__store-logo {
		width: 138px;
	}

	.cliq-sl-dashboard,
	.cliq-sl-teaser-screen {
		padding: 18px 12px;
	}

	.cliq-sl-dashboard__hero {
		align-items: flex-start;
		flex-direction: column;
		padding: 22px;
	}

	.cliq-sl-dashboard__hero-actions {
		flex-wrap: wrap;
	}

	.cliq-sl-dashboard__summary,
	.cliq-sl-dashboard__workspace {
		grid-template-columns: 1fr;
	}

	.cliq-sl-teaser-screen__header {
		align-items: start;
		grid-template-columns: 1fr;
	}

	.cliq-sl-teaser-screen__header-action {
		align-items: flex-start;
	}

	.cliq-sl-dashboard__stats,
	.cliq-sl-teaser-screen__features,
	.cliq-sl-builder-teaser__parts,
	.cliq-sl-builder-teaser__showcases {
		grid-template-columns: 1fr;
	}

	.cliq-sl-teaser-overview,
	.cliq-sl-builder-teaser__hero {
		grid-template-columns: 1fr;
	}

	.cliq-sl-teaser-visual {
		border-inline-start: 0;
		border-top: 1px solid #e4e9f1;
		min-height: 420px;
	}

	.cliq-sl-builder-teaser__showcase:last-child:nth-child(odd) {
		display: block;
		grid-column: auto;
	}

	.cliq-sl-builder-teaser__showcase:last-child:nth-child(odd) .cliq-sl-builder-teaser__showcase-media {
		border-bottom: 1px solid #e7ebf1;
		border-inline-end: 0;
	}

	.cliq-sl-dashboard__checklist article {
		align-items: start;
		grid-template-columns: 26px minmax(0, 1fr);
	}

	.cliq-sl-dashboard__checklist article .components-button {
		grid-column: 2;
		justify-self: start;
	}

	.cliq-sl-teaser {
		aspect-ratio: auto;
		min-height: 460px;
	}

	.cliq-sl-teaser > .cliq-sl-pro-preview {
		inset: 0;
		position: absolute;
	}

	.cliq-sl-teaser__gate {
		align-items: flex-start;
		bottom: 12px;
		grid-template-columns: 1fr;
		inset-inline: 12px;
	}

	.cliq-sl-teaser__gate > .cliq-sl-teaser__badge {
		justify-self: start;
	}

	.cliq-sl-builder-teaser__parts article,
	.cliq-sl-builder-teaser__parts article:nth-child(3n),
	.cliq-sl-builder-teaser__parts article:nth-last-child(-n + 3) {
		border-bottom: 1px solid #edf0f5;
		border-inline-end: 0;
		min-height: 0;
	}

	.cliq-sl-builder-teaser__parts article:last-child {
		border-bottom: 0;
	}

	.cliq-sl-builder-teaser__section-heading,
	.cliq-sl-builder-teaser__cta {
		padding: 22px;
	}

	.cliq-sl-builder-teaser__cta {
		align-items: flex-start;
		flex-direction: column;
	}

	.cliq-sl-template__heading {
		align-items: stretch;
		flex-direction: column;
		min-height: 0;
	}

	.cliq-sl-template__item {
		grid-template-columns: 1fr;
	}

	.cliq-sl-template-tabs > .components-tab-panel__tabs {
		grid-template-columns: repeat(3, minmax(145px, 1fr));
		overflow-x: auto;
	}

	.cliq-sl-settings__tabs > .components-tab-panel__tabs {
		grid-template-columns: repeat(5, minmax(140px, 1fr));
	}

	.cliq-sl-template__item.has-column-picker .cliq-sl-template__controls {
		grid-template-columns: 1fr;
	}

	.cliq-sl-tools-teaser__footer {
		align-items: flex-start;
		flex-direction: column;
	}
}
