/* ============================================================
   EGEG frontend.css — generated component bundle.
   Source components: assets/css/components/*.css
   Build script: tools/css-migration/build_css.py
   Do not add emergency overrides at the end of this file.
   Edit the matching component file and rebuild.
   ============================================================ */

/* @egeg-block:000001 | component:00-foundation.css */
.egeg-generator {
	/* Design tokens live in assets/css/design-tokens.css. */
	background: var(--egeg-color-page, var(--egeg-gray-50));
	color: var(--egeg-gray-400);
	display: flex;
	align-items: flex-start;
	font-family: var(--egeg-font-family);
	justify-content: center;
	min-height: 100vh;
	overflow-x: hidden;
	padding: var(--egeg-generator-padding, clamp(10px, 2.2vw, 30px));
	width: 100%;
	-webkit-tap-highlight-color: transparent;
}

/* @egeg-block:000002 | component:00-foundation.css */
.egeg-generator *,
.egeg-generator *::before,
.egeg-generator *::after {
	box-sizing: border-box;
}

/* @egeg-block:000003 | component:00-foundation.css */
.egeg-sr-only {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/* @egeg-block:000004 | component:00-foundation.css */
.egeg-stack {
	display: grid;
	gap: 18px;
}

/* @egeg-block:000005 | component:00-foundation.css */
.egeg-placeholder-warning {
	background: var(--egeg-yellow-100);
	border-color: var(--egeg-yellow-200);
	box-shadow: none;
	color: var(--egeg-gray-400);
}

/* @egeg-block:000006 | component:00-foundation.css */
.egeg-fit-controls {
	align-items: center;
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr;
	margin-top: 12px;
	width: min(560px, 100%);
}

/* @egeg-block:000007 | component:00-foundation.css */
.egeg-fit-lock {
	align-items: center;
	color: var(--egeg-purple-400);
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 800;
	gap: 8px;
	justify-self: end;
	margin-bottom: 2px;
}

/* @egeg-block:000008 | component:00-foundation.css */
.egeg-final-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* @egeg-block:000009 | component:00-foundation.css */
.egeg-final-item {
	background: var(--egeg-white);
	border: 1px solid var(--egeg-purple-100);
	border-radius: 8px;
	box-shadow: var(--egeg-shadow-card);
	display: grid;
	gap: 4px;
	padding: 12px 16px;
}

/* @egeg-block:000010 | component:00-foundation.css */
.egeg-final-item span {
	color: var(--egeg-yellow-300);
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

/* @egeg-block:000011 | component:00-foundation.css */
.egeg-final-item strong {
	color: var(--egeg-purple-400);
	font-size: 16px;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

/* @egeg-block:000012 | component:00-foundation.css */
.egeg-empty {
	background: var(--egeg-white);
	border: 1px solid var(--egeg-purple-100);
	border-radius: 8px;
	color: var(--egeg-text-secondary);
	margin: 0;
	padding: 18px;
}

/* @egeg-block:000013 | component:00-foundation.css */
.egeg-validation {
	background: var(--egeg-yellow-100);
	border: 1px solid var(--egeg-yellow-200);
	border-radius: 8px;
	color: var(--egeg-yellow-500);
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	padding: 12px 14px;
}

/* @egeg-block:000014 | component:00-foundation.css */
.egeg-fit-controls {
	margin-top: 4px;
	width: min(620px, 100%);
}

/* @egeg-block:000015 | component:00-foundation.css */
.egeg-fit-lock {
	justify-self: end;
}

/* @egeg-block:000016 | component:00-foundation.css */
.egeg-quote-action {
	background: var(--egeg-yellow-100);
	border: 1px solid var(--egeg-yellow-200);
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	justify-content: space-between;
	margin-inline: auto;
	max-width: 640px;
	padding: 12px 14px;
}

/* @egeg-block:000017 | component:00-foundation.css */
.egeg-quote-action p {
	color: var(--egeg-gray-400);
	font-size: 13px;
	line-height: 1.35;
	margin: 0;
	max-width: 390px;
}

/* @egeg-block:000018 | component:00-foundation.css */
.egeg-final-mockup {
	display: grid;
	gap: 12px;
	justify-items: center;
	padding: 10px 4px 0;
}

/* @egeg-block:000019 | component:00-foundation.css */
.egeg-final-mockup-frame {
	align-items: center;
	background:
		linear-gradient(var(--egeg-white), var(--egeg-white)) center / 76% 86% no-repeat,
		linear-gradient(180deg, rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.09), rgba(var(--egeg-accent-rgb, 249, 136, 0), 0.08));
	border: 1px solid var(--egeg-purple-100);
	border-radius: 14px;
	box-shadow: var(--egeg-shadow-card);
	display: flex;
	justify-content: center;
	min-height: 260px;
	padding: 24px;
	position: relative;
	width: 100%;
}

/* @egeg-block:000020 | component:00-foundation.css */
.egeg-final-mockup-frame::after {
	background: linear-gradient(90deg, rgba(70,70,70,0.08), rgba(70,70,70,0));
	bottom: 18px;
	content: "";
	height: 12px;
	left: 16%;
	position: absolute;
	right: 16%;
	transform: skewX(-18deg);
}

/* @egeg-block:000021 | component:00-foundation.css */
.egeg-final-mockup-frame[data-egeg-shape="rect_horizontal"] {
	min-height: 190px;
}

/* @egeg-block:000022 | component:00-foundation.css */
.egeg-final-mockup-frame[data-egeg-shape="square"] {
	aspect-ratio: 1 / 1;
	min-height: 0;
}

/* @egeg-block:000023 | component:00-foundation.css */
.egeg-final-mockup-art {
	align-items: center;
	background-image:
		linear-gradient(135deg, rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.20), rgba(var(--egeg-accent-rgb, 249, 136, 0), 0.14)),
		linear-gradient(45deg, rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.10) 25%, transparent 25%, transparent 50%, rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.10) 50%, rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.10) 75%, transparent 75%, transparent);
	background-size: cover, 18px 18px;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.18);
	color: var(--egeg-purple-400);
	display: flex;
	font-size: 12px;
	font-weight: 800;
	height: 72%;
	justify-content: center;
	text-align: center;
	width: 72%;
}

/* @egeg-block:000024 | component:00-foundation.css */
.egeg-final-mockup p {
	color: var(--egeg-text-secondary);
	font-size: 12px;
	line-height: 1.35;
	margin: 0;
	text-align: center;
}

/* @egeg-block:000025 | component:00-foundation.css */
.egeg-art-stage {
	inset: 0;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

/* @egeg-block:000026 | component:00-foundation.css */
.egeg-final-mockup-art {
	overflow: hidden;
	padding: 0;
}

/* @egeg-block:000027 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="0"] [data-egeg-stage] {
	overflow: hidden;
	max-width: 100%;
}

/* @egeg-block:000028 | component:00-foundation.css */
.egeg-art-stage {
	inset: var(--egeg-clean-inset-y, 1%) var(--egeg-clean-inset-x, 1%);
	overflow: visible;
	position: absolute;
	z-index: 1;
}

/* @egeg-block:000029 | component:00-foundation.css */
.egeg-art-stage {
	inset: var(--egeg-clean-inset-y, 1%) var(--egeg-clean-inset-x, 1%) !important;
	overflow: visible;
}

/* @egeg-block:000030 | component:00-foundation.css */
.egeg-final-pdf-preview {
	background: #FFFFFF !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .22);
	border-radius: 14px;
	display: grid;
	gap: 10px;
	justify-items: center;
	padding: 14px;
	width: 100%;
}

/* @egeg-block:000031 | component:00-foundation.css */
.egeg-final-pdf-preview p {
	color: var(--egeg-text-secondary);
	font-size: 12px;
	line-height: 1.3;
	margin: 0;
	max-width: 230px;
	text-align: center;
}

/* @egeg-block:000032 | component:00-foundation.css */
/* 0.1.15 visual/persistence refinements */
.egeg-generator {
	align-items: stretch !important;
	min-height: 100dvh !important;
}

/* @egeg-block:000033 | component:00-foundation.css */
.egeg-fit-warning {
	background: #FFF6D9;
	border: 1px solid #FFD65A;
	border-radius: 10px;
	color: #6A6274;
	font-size: 12px;
	line-height: 1.35;
	margin: 2px auto 0;
	max-width: 560px;
	padding: 10px 12px;
	width: 100%;
}

/* @egeg-block:000034 | component:00-foundation.css */
.egeg-fit-warning--blank {
	background: var(--egeg-warning-bg, #FFF7E8) !important;
	border-color: rgba(248, 130, 36, .38) !important;
	color: var(--egeg-text-strong, #2D263D) !important;
	font-weight: 800 !important;
}

.egeg-fit-warning[hidden] {
	display: none !important;
}

/* @egeg-block:000035 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-stage,
.egeg-generator[data-egeg-current-step="7"] [data-egeg-stage] {
	background: var(--egeg-color-panel, #F6F2FF) !important;
}

/* @egeg-block:000036 | component:00-foundation.css */
.egeg-final-pdf-preview {
	box-shadow: none !important;
}

/* @egeg-block:000037 | component:00-foundation.css */
.egeg-preview-expand {
	align-items: center;
	appearance: none;
	background: #FFFFFF;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.18);
	border-radius: 10px;
	box-shadow: var(--egeg-shadow-button-soft, 0 6px 14px rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.08));
	color: var(--egeg-purple-400);
	cursor: pointer;
	display: inline-flex;
	font-size: 18px;
	height: 36px;
	justify-content: center;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 36px;
	z-index: 25;
}

/* @egeg-block:000038 | component:00-foundation.css */
.egeg-preview-expand:hover,
.egeg-preview-expand:focus-visible {
	border-color: var(--egeg-yellow-300);
	color: var(--egeg-yellow-300);
}

/* @egeg-block:000039 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-stage {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* @egeg-block:000040 | component:00-foundation.css */
.egeg-shape-svg-guide {
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 45;
}

/* @egeg-block:000041 | component:00-foundation.css */
.egeg-shape-svg-guide .egeg-shape-svg-print-area {
	fill: none;
	stroke: rgba(217, 217, 217, .95);
	stroke-width: 16px;
	vector-effect: non-scaling-stroke;
}

/* @egeg-block:000042 | component:00-foundation.css */
.egeg-shape-svg-guide .egeg-shape-svg-bleed-area {
	fill: none;
	stroke: rgba(0, 82, 255, .62);
	stroke-width: 10px;
	vector-effect: non-scaling-stroke;
}

/* @egeg-block:000043 | component:00-foundation.css */
.egeg-shape-svg-guide .egeg-shape-svg-clean-path {
	fill: none;
	stroke: rgba(255, 45, 32, .9);
	stroke-width: 14px;
	vector-effect: non-scaling-stroke;
}

/* @egeg-block:000044 | component:00-foundation.css */
.egeg-shape-svg-guide .egeg-shape-svg-print-area {
	stroke: rgba(255, 45, 32, .82) !important;
	stroke-width: 1.8px !important;
}

/* @egeg-block:000045 | component:00-foundation.css */
.egeg-shape-svg-guide .egeg-shape-svg-bleed-area {
	stroke: rgba(0, 82, 255, .56) !important;
	stroke-width: 1.5px !important;
}

/* @egeg-block:000046 | component:00-foundation.css */
.egeg-shape-svg-guide .egeg-shape-svg-clean-path {
	stroke: rgba(47, 42, 168, .9) !important;
	stroke-width: 1.8px !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

/* @egeg-block:000047 | component:00-foundation.css */
.egeg-shape-svg-guide .egeg-shape-svg-print-area {
	stroke: rgba(255, 45, 32, .88) !important;
	stroke-width: 1.8px !important;
}

/* @egeg-block:000048 | component:00-foundation.css */
.egeg-shape-svg-guide .egeg-shape-svg-bleed-area {
	display: none !important;
}

/* @egeg-block:000049 | component:00-foundation.css */
.egeg-shape-svg-guide .egeg-shape-svg-clean-path {
	stroke: rgba(0, 82, 255, .88) !important;
	stroke-width: 1.8px !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

/* @egeg-block:000050 | component:00-foundation.css */
.egeg-shape-svg-guide {
	display: block;
	height: 100%;
	left: 0;
	overflow: visible;
	top: 0;
	width: 100%;
}

/* @egeg-block:000051 | component:00-foundation.css */
.egeg-shape-svg-editor-svg {
	display: block;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	overflow: hidden;
	touch-action: none;
	width: 100%;
}

/* @egeg-block:000052 | component:00-foundation.css */
.egeg-shape-svg-editor-bg {
	fill: #FFFFFF;
	stroke: #D9D9D9;
	stroke-width: 1.4px;
	vector-effect: non-scaling-stroke;
}

/* @egeg-block:000053 | component:00-foundation.css */
.egeg-guide-legend {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	justify-content: center;
	margin: 10px auto 0;
	max-width: 680px;
}

/* @egeg-block:000054 | component:00-foundation.css */
.egeg-guide-legend > span {
	align-items: center;
	color: var(--egeg-color-body);
	display: inline-flex;
	font-size: 11px;
	font-weight: 700;
	gap: 5px;
	line-height: 1.2;
	white-space: nowrap;
}

/* @egeg-block:000055 | component:00-foundation.css */
.egeg-guide-swatch {
	border-radius: 999px;
	display: inline-block;
	height: 3px;
	width: 22px;
}

/* @egeg-block:000056 | component:00-foundation.css */
.egeg-guide-swatch--safe {
	background: var(--egeg-guide-safe);
}

/* @egeg-block:000057 | component:00-foundation.css */
.egeg-guide-swatch--cut {
	background: var(--egeg-guide-cut);
}

/* @egeg-block:000058 | component:00-foundation.css */
.egeg-final-pdf-preview .egeg-guide-legend {
	margin-top: 8px;
}

/* @egeg-block:000059 | component:00-foundation.css */
.egeg-guide-legend {
	align-items: center !important;
	gap: var(--egeg-guide-legend-gap-y) var(--egeg-guide-legend-gap-x) !important;
	justify-content: center !important;
	margin: 7px auto 0 !important;
	max-width: 100% !important;
}

/* @egeg-block:000060 | component:00-foundation.css */
.egeg-guide-legend > span {
	font-size: var(--egeg-guide-legend-text) !important;
	font-weight: 700 !important;
	gap: 4px !important;
	letter-spacing: -0.01em !important;
	line-height: 1 !important;
}

/* @egeg-block:000061 | component:00-foundation.css */
.egeg-guide-swatch {
	height: 2px !important;
	width: 18px !important;
}

/* @egeg-block:000062 | component:00-foundation.css */
.egeg-step-header h3 {
	font-size: var(--egeg-text-step-title) !important;
	font-weight: 700 !important;
}

/* @egeg-block:000063 | component:00-foundation.css */
.egeg-guide-legend {
	background: transparent !important;
	column-gap: 10px !important;
	display: flex !important;
	flex-wrap: wrap !important;
	margin-top: 6px !important;
	row-gap: 4px !important;
}

/* @egeg-block:000064 | component:00-foundation.css */
.egeg-guide-legend > span {
	color: var(--egeg-gray-700) !important;
	font-size: var(--egeg-guide-legend-text) !important;
	font-weight: 700 !important;
	white-space: nowrap !important;
}

/* @egeg-block:000065 | component:00-foundation.css */
.egeg-guide-swatch--safe {
	background: var(--egeg-guide-safe) !important;
	border-color: var(--egeg-guide-safe) !important;
}

/* @egeg-block:000066 | component:00-foundation.css */
.egeg-guide-swatch--cut {
	background: var(--egeg-guide-cut) !important;
	border-color: var(--egeg-guide-cut) !important;
}

/* @egeg-block:000067 | component:00-foundation.css */
/* Beta 0.1.63: quote confirmation actions */
.egeg-quote-action__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	justify-content: flex-end;
}

/* @egeg-block:000068 | component:00-foundation.css */
/* Stable hardening 0.1.92: grouped product categories, info modals and final total padding. */
.egeg-product-category-section {
	display: grid;
	gap: 14px;
	margin-bottom: 22px;
}

/* @egeg-block:000069 | component:00-foundation.css */
.egeg-product-category-section + .egeg-product-category-section {
	border-top: 1px solid rgba(75, 52, 118, 0.12);
	padding-top: 20px;
}

/* @egeg-block:000070 | component:00-foundation.css */
.egeg-product-category-title {
	color: var(--egeg-ink, #21183b);
	font-size: clamp(1rem, 1.4vw, 1.2rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	margin: 0;
}

/* @egeg-block:000071 | component:00-foundation.css */
.egeg-info-modal-body {
	display: grid;
	gap: 10px;
}

/* @egeg-block:000072 | component:00-foundation.css */
.egeg-info-modal-body p {
	color: rgba(33, 24, 59, 0.78);
	font-size: 0.95rem;
	line-height: 1.48;
	margin: 0;
}

/* @egeg-block:000073 | component:00-foundation.css */
.egeg-info-modal-actions {
	display: flex;
	justify-content: flex-end;
	padding: 0 24px 24px;
}

/* @egeg-block:000074 | component:00-foundation.css */
.egeg-empty-state--catalog strong {
	font-size: 1.05rem;
	font-weight: 800;
}

/* @egeg-block:000075 | component:00-foundation.css */
.egeg-empty-state--catalog p {
	margin: 0;
	line-height: 1.45;
	color: rgba(33, 24, 59, 0.72);
}

/* @egeg-block:000076 | component:00-foundation.css */
.egeg-info-modal-body {
	gap: 6px !important;
	padding: 16px 20px !important;
}

/* @egeg-block:000077 | component:00-foundation.css */
.egeg-info-modal-body p {
	font-size: 0.92rem !important;
	line-height: 1.35 !important;
	margin: 0 !important;
}

/* @egeg-block:000078 | component:00-foundation.css */
.egeg-info-modal-actions {
	padding: 0 20px 18px !important;
}

/* @egeg-block:000079 | component:00-foundation.css */
.egeg-info-modal-section {
	display: grid !important;
	gap: 3px !important;
	padding: 10px 0 !important;
	border-bottom: 1px solid rgba(87, 48, 171, 0.10) !important;
}

/* @egeg-block:000080 | component:00-foundation.css */
.egeg-info-modal-section:first-child { padding-top: 0 !important; }

/* @egeg-block:000081 | component:00-foundation.css */
.egeg-info-modal-section:last-child { border-bottom: 0 !important; padding-bottom: 0 !important; }

/* @egeg-block:000082 | component:00-foundation.css */
.egeg-generator .egeg-info-modal-section {
	padding: 0 !important;
	border-bottom: 0 !important;
}

/* @egeg-block:000083 | component:00-foundation.css */
.egeg-generator .egeg-info-modal-section + .egeg-info-modal-section {
	padding-top: 10px !important;
	border-top: 1px solid rgba(87, 48, 171, .10) !important;
}

/* @egeg-block:000084 | component:00-foundation.css */
.egeg-generator .egeg-info-modal-section strong {
	font-size: 12px !important;
}

/* @egeg-block:000085 | component:00-foundation.css */
.egeg-channel-badge {
	background: rgba(var(--egeg-primary-rgb, 135, 50, 245), .10) !important;
	border-radius: 999px !important;
	color: var(--egeg-purple-400, var(--egeg-color-primary, #8732F5)) !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	padding: 7px 10px !important;
	white-space: nowrap !important;
}

/* @egeg-block:000086 | component:00-foundation.css */
.egeg-payment-intro {
	color: rgba(33, 24, 59, .70) !important;
	font-size: 14px !important;
	line-height: 1.42 !important;
	margin: 0 !important;
}

/* @egeg-block:000087 | component:00-foundation.css */
.egeg-info-modal-body {
	align-content: start !important;
	align-items: stretch !important;
	gap: 12px !important;
	justify-items: stretch !important;
	min-height: 0 !important;
	max-height: min(62vh, 430px) !important;
	overflow: auto !important;
	padding: 16px !important;
}

/* @egeg-block:000088 | component:00-foundation.css */
.egeg-info-modal-message {
	color: rgba(33,24,59,.74) !important;
	font-size: 15px !important;
	line-height: 1.48 !important;
	margin: 0 !important;
}

/* @egeg-block:000089 | component:00-foundation.css */
.egeg-info-modal-technical {
	background: #fff8e4 !important;
	border: 1px solid rgba(241,126,35,.26) !important;
	border-radius: 12px !important;
	color: rgba(33,24,59,.78) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
	padding: 12px 14px !important;
}

/* @egeg-block:000090 | component:00-foundation.css */
.egeg-info-modal-section {
	border-top: 0 !important;
	padding: 0 !important;
}

/* @egeg-block:000091 | component:00-foundation.css */
.egeg-info-modal-section + .egeg-info-modal-section {
	border-top: 1px solid rgba(87,48,171,.10) !important;
	padding-top: 10px !important;
}

/* @egeg-block:000092 | component:00-foundation.css */
.egeg-info-modal-section p {
	font-size: 14px !important;
	line-height: 1.45 !important;
	margin: 0 !important;
}

/* @egeg-block:000093 | component:00-foundation.css */
.egeg-payment-grid {
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
	gap: 12px !important;
}

/* @egeg-block:000094 | component:00-foundation.css */
.egeg-payment-method-card {
	background: var(--egeg-color-panel, #fbf8ff) !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245),.16) !important;
	border-radius: 12px !important;
	display: grid !important;
	gap: 6px !important;
	padding: 10px 12px !important;
}

/* @egeg-block:000095 | component:00-foundation.css */
.egeg-payment-method-card span {
	color: rgba(33,24,59,.64) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
}

/* @egeg-block:000096 | component:00-foundation.css */
.egeg-payment-method-card strong {
	color: #201733 !important;
	font-size: 15px !important;
}

/* @egeg-block:000097 | component:00-foundation.css */
.egeg-info-modal-body {
	align-content: start !important;
	gap: 10px !important;
	max-height: min(54vh, 330px) !important;
	min-height: 0 !important;
	overflow: auto !important;
	padding: 14px !important;
}

/* @egeg-block:000098 | component:00-foundation.css */
.egeg-info-modal-message {
	font-size: 14px !important;
	line-height: 1.42 !important;
	margin: 0 !important;
}

/* @egeg-block:000099 | component:00-foundation.css */
.egeg-info-modal-technical {
	font-size: 12.5px !important;
	line-height: 1.35 !important;
	margin-top: 2px !important;
	padding: 10px 12px !important;
}

/* @egeg-block:000100 | component:00-foundation.css */
.egeg-info-modal-actions {
	padding-top: 0 !important;
}

/* @egeg-block:000101 | component:00-foundation.css */
.egeg-payment-method-card {
	align-items: center !important;
	display: grid !important;
	grid-template-columns: 1fr auto !important;
	gap: 8px 12px !important;
}

/* @egeg-block:000102 | component:00-foundation.css */
.egeg-payment-method-card > span,
.egeg-payment-method-card > strong {
	grid-column: 1 !important;
}

/* @egeg-block:000103 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="4"] .egeg-validation:empty,
.egeg-generator[data-egeg-current-step="4"] .egeg-validation[hidden] {
	display: none !important;
}

/* @egeg-block:000104 | component:00-foundation.css */
.egeg-info-modal-body {
	align-content: start !important;
	min-height: 0 !important;
	max-height: min(52vh, 300px) !important;
	overflow: auto !important;
	gap: 10px !important;
	padding: 12px !important;
}

/* @egeg-block:000105 | component:00-foundation.css */
.egeg-info-modal-message {
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.42 !important;
}

/* @egeg-block:000106 | component:00-foundation.css */
.egeg-info-modal-technical {
	white-space: pre-line !important;
	font-size: 12.5px !important;
	line-height: 1.35 !important;
	padding: 10px 12px !important;
	margin: 0 !important;
}

/* @egeg-block:000107 | component:00-foundation.css */
.egeg-payment-intro {
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
}

/* @egeg-block:000108 | component:00-foundation.css */
.egeg-payment-method-card {
	background: #fff !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245),.14) !important;
	border-radius: 14px !important;
	padding: 12px !important;
}

/* @egeg-block:000109 | component:00-foundation.css */
/* =============================================================================
   ONBOARDING v3 — callouts inline con tokens del design system
   Arquitectura: el callout se inserta como primer hijo del stage.
   No hay posicionamiento flotante — el tip vive en el flujo del documento.
   ============================================================================= */

/* Overlay de foco — backdrop que aísla el onboarding del contenido */
.egeg-ob-overlay {
	background: rgba(37, 37, 37, 0.5); /* --egeg-color-gray-900 con opacity */
	inset: 0;
	position: fixed;
	z-index: 8999;
	animation: egeg-ob-fade 0.2s ease both;
}

/* @egeg-block:000110 | component:00-foundation.css */
@keyframes egeg-ob-fade {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* @egeg-block:000111 | component:00-foundation.css */
@keyframes egeg-ob-in {
	from { opacity: 0; transform: translate(-50%, calc(-50% + 10px)); }
	to   { opacity: 1; transform: translate(-50%, -50%); }
}

/* @egeg-block:000112 | component:00-foundation.css */
.egeg-ob-callout--leaving {
	animation: egeg-ob-out 0.18s ease-in forwards;
}

/* @egeg-block:000113 | component:00-foundation.css */
@keyframes egeg-ob-out {
	to { opacity: 0; transform: translate(-50%, calc(-50% - 6px)); }
}

/* @egeg-block:000114 | component:00-foundation.css */
/* Barra lateral — identidad del sistema */
.egeg-ob-bar {
	background: var(--egeg-purple-400);
	flex-shrink: 0;
	width: 4px;
}

/* @egeg-block:000115 | component:00-foundation.css */
/* Contenido */
.egeg-ob-content {
	flex: 1;
	padding: 20px 20px 16px;
}

/* @egeg-block:000116 | component:00-foundation.css */
.egeg-ob-header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}

/* @egeg-block:000117 | component:00-foundation.css */
.egeg-ob-counter {
	color: var(--egeg-color-gray-500);
	font-family: var(--egeg-font-family);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .4px;
	text-transform: uppercase;
}

/* @egeg-block:000118 | component:00-foundation.css */
.egeg-ob-skip {
	background: none;
	border: none;
	color: var(--egeg-color-gray-500);
	cursor: pointer;
	font-family: var(--egeg-font-family);
	font-size: 11px;
	padding: 2px 0;
	text-decoration: underline;
	transition: color 0.12s;
}

/* @egeg-block:000119 | component:00-foundation.css */
.egeg-ob-skip:hover { color: var(--egeg-color-gray-900); }

/* @egeg-block:000120 | component:00-foundation.css */
.egeg-ob-title {
	color: var(--egeg-color-gray-900);
	display: block;
	font-family: var(--egeg-font-family);
	font-size: 15px;
	font-weight: 800;
	line-height: 1.25;
	margin-bottom: 8px;
}

/* @egeg-block:000121 | component:00-foundation.css */
.egeg-ob-body {
	color: var(--egeg-color-gray-700);
	font-family: var(--egeg-font-family);
	font-size: 13px;
	line-height: 1.6;
	margin: 0 0 16px;
}

/* @egeg-block:000122 | component:00-foundation.css */
/* Dots de progreso */
.egeg-ob-dots {
	align-items: center;
	display: flex;
	gap: 5px;
}

/* @egeg-block:000123 | component:00-foundation.css */
.egeg-ob-dot {
	background: var(--egeg-color-gray-200);
	border: none;
	border-radius: 999px;
	cursor: pointer;
	height: 6px;
	padding: 0;
	transition: background 0.15s, width 0.2s cubic-bezier(0.22, 1, 0.36, 1);
	width: 6px;
}

/* @egeg-block:000124 | component:00-foundation.css */
.egeg-ob-dot--active {
	background: var(--egeg-purple-400);
	width: 20px;
}

/* @egeg-block:000125 | component:00-foundation.css */
/* Footer */
.egeg-ob-footer {
	align-items: center;
	display: flex;
	gap: 8px;
	justify-content: space-between;
	margin-top: 16px;
}

/* @egeg-block:000126 | component:00-foundation.css */
.egeg-ob-prev:not(:disabled):hover {
	background: var(--egeg-color-gray-100);
}

/* @egeg-block:000127 | component:00-foundation.css */
.egeg-ob-next:not(:disabled):hover {
	opacity: 0.88;
}

/* @egeg-block:000128 | component:00-foundation.css */
.egeg-ob-btn:hover { opacity: 0.82; }

/* @egeg-block:000129 | component:00-foundation.css */
.egeg-ob-btn--primary {
	background: var(--egeg-purple-400);
	color: var(--egeg-white);
}

/* @egeg-block:000130 | component:00-foundation.css */
.egeg-ob-btn--ghost {
	background: transparent;
	color: var(--egeg-color-gray-500);
	padding-left: 0;
	text-decoration: underline;
}

/* @egeg-block:000131 | component:00-foundation.css */
.egeg-ob-launch:hover {
	box-shadow: 0 4px 14px rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.4);
	transform: scale(1.08);
}

/* @egeg-block:000132 | component:00-foundation.css */
/* =============================================================================
   SCREEN FEEDBACK v2 — componente de satisfacción por pantalla
   Card propio con estrellas limpias y comentario expandible.
   ============================================================================= */

.egeg-sfb {
	animation: egeg-sfb-in 0.3s cubic-bezier(0.22, 1, 0.36, 1) both;
	/* Visualmente secundario: borde más sutil, sin sombra fuerte */
	background: var(--egeg-gray-50, #f9fafb);
	border: 1px solid var(--egeg-gray-100, #efefef);
	border-radius: var(--egeg-radius-md);
	border-top: 1px solid var(--egeg-gray-100, #efefef);
	margin-top: 20px;
	padding: 12px 16px;
}

/* @egeg-block:000133 | component:00-foundation.css */
@keyframes egeg-sfb-in {
	from { opacity: 0; transform: translateY(8px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* @egeg-block:000134 | component:00-foundation.css */
.egeg-sfb--fade {
	opacity: 0;
	transition: opacity 0.4s ease;
}

/* @egeg-block:000135 | component:00-foundation.css */
.egeg-sfb-prompt {
	color: var(--egeg-color-gray-700);
	font-family: var(--egeg-font-family);
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 10px;
}

/* @egeg-block:000136 | component:00-foundation.css */
/* Estrellas — botones limpios, sin radios visibles */
.egeg-sfb-stars {
	display: flex;
	gap: 4px;
}

/* @egeg-block:000137 | component:00-foundation.css */
.egeg-sfb-star {
	background: none;
	border: none;
	color: var(--egeg-color-gray-200);
	cursor: pointer;
	font-size: 20px;
	line-height: 1;
	padding: 1px;
	transition: color 0.1s, transform 0.1s;
}

/* @egeg-block:000138 | component:00-foundation.css */
.egeg-sfb-star:hover { transform: scale(1.15); }

/* @egeg-block:000139 | component:00-foundation.css */
/* Comentario expandible */
.egeg-sfb-comment {
	display: grid;
	gap: 10px;
	max-height: 0;
	margin-top: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.3s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease, margin-top 0.3s ease;
}

/* @egeg-block:000140 | component:00-foundation.css */
.egeg-sfb-comment--open {
	margin-top: 14px;
	max-height: 200px;
	opacity: 1;
}

/* @egeg-block:000141 | component:00-foundation.css */
.egeg-sfb-send:hover { opacity: 0.88; }

/* @egeg-block:000142 | component:00-foundation.css */
/* Estado de agradecimiento */
.egeg-sfb-thanks {
	align-items: center;
	color: var(--egeg-color-gray-700);
	display: flex;
	font-family: var(--egeg-font-family);
	font-size: 13px;
	font-weight: 600;
	gap: 8px;
	justify-content: center;
	padding: 4px 0;
}

/* @egeg-block:000143 | component:00-foundation.css */
/* Estado de error de envío */
.egeg-sfb-error {
	color: #b91c1c;
	font-size: 11px;
	margin-top: 6px;
}

/* @egeg-block:000144 | component:00-foundation.css */
/* =============================================================================
   EGEG 0.3.4 — estabilización de flujo, feedback y preview técnica
   ============================================================================= */

.egeg-screen-feedback-slot {
	align-items: stretch;
	display: flex;
	justify-content: flex-end;
	margin: 10px 0 0;
	min-height: 0;
	width: 100%;
}

/* @egeg-block:000145 | component:00-foundation.css */
.egeg-context-note {
	align-items: start;
	background: #fff8ed;
	border: 1px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), 0.32);
	border-radius: 14px;
	box-shadow: 0 12px 32px rgba(33, 24, 59, 0.08);
	display: grid;
	gap: 4px;
	margin: 0 auto 16px;
	max-width: 760px;
	padding: 14px 18px;
	width: min(100%, 760px);
}

/* @egeg-block:000146 | component:00-foundation.css */
.egeg-context-note strong {
	color: var(--egeg-purple-500, var(--egeg-color-primary, #8732F5));
	font-size: 14px;
	font-weight: 800;
	line-height: 1.25;
}

/* @egeg-block:000147 | component:00-foundation.css */
.egeg-context-note p {
	color: rgba(33, 24, 59, 0.78);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.45;
	margin: 0;
}

/* @egeg-block:000148 | component:00-foundation.css */
.egeg-generator .egeg-sfb {
	align-items: center;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.16);
	border-radius: 999px;
	box-shadow: 0 10px 28px rgba(33, 24, 59, 0.08);
	display: grid;
	grid-template-columns: auto auto;
	gap: 10px 12px;
	margin: 0;
	max-width: min(100%, 540px);
	padding: 8px 12px 8px 16px;
	width: auto;
}

/* @egeg-block:000149 | component:00-foundation.css */
.egeg-generator .egeg-sfb-prompt {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.01em;
	margin: 0;
	white-space: nowrap;
}

/* @egeg-block:000150 | component:00-foundation.css */
.egeg-generator .egeg-sfb-stars {
	align-items: center;
	gap: 2px;
}

/* @egeg-block:000151 | component:00-foundation.css */
.egeg-generator .egeg-sfb-star {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: rgba(33, 24, 59, 0.18);
	display: inline-flex;
	font-size: 19px;
	height: 28px;
	justify-content: center;
	line-height: 1;
	padding: 0 !important;
	width: 24px;
}

/* @egeg-block:000152 | component:00-foundation.css */
.egeg-generator .egeg-sfb-star:focus-visible {
	border-radius: 999px;
	outline: 2px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.35);
	outline-offset: 2px;
}

/* @egeg-block:000153 | component:00-foundation.css */
.egeg-generator .egeg-sfb-comment {
	grid-column: 1 / -1;
	grid-template-columns: minmax(180px, 1fr) auto;
}

/* @egeg-block:000154 | component:00-foundation.css */
.egeg-generator .egeg-sfb-comment--open {
	margin-top: 2px;
	max-height: 140px;
}

/* @egeg-block:000155 | component:00-foundation.css */
.egeg-generator .egeg-sfb-send {
	height: 38px;
	padding-inline: 18px;
}

/* @egeg-block:000156 | component:00-foundation.css */
.egeg-generator .egeg-sfb--done {
	grid-template-columns: 1fr;
}

/* @egeg-block:000157 | component:00-foundation.css */
.egeg-generator .egeg-sfb-thanks {
	justify-content: flex-start;
	padding: 0;
}

/* @egeg-block:000158 | component:00-foundation.css */
.egeg-customer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 14px;
  margin-top: 18px;
}

/* @egeg-block:000159 | component:00-foundation.css */
/* ============================================================
   0.4.1 — UI polish pass: feedback bar, product carousel, preview modal
   ============================================================ */
.egeg-screen-feedback-slot {
	justify-content: center !important;
	margin: 12px auto 4px !important;
	padding-inline: clamp(0px, 1vw, 10px);
}

/* @egeg-block:000160 | component:00-foundation.css */
.egeg-generator .egeg-sfb {
	align-items: center !important;
	border-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.14) !important;
	border-radius: 20px !important;
	box-shadow: 0 12px 34px rgba(33, 24, 59, 0.075) !important;
	grid-template-columns: auto auto !important;
	max-width: min(100%, 430px) !important;
	padding: 7px 10px 7px 13px !important;
}

/* @egeg-block:000161 | component:00-foundation.css */
.egeg-generator .egeg-sfb-prompt {
	color: rgba(33, 24, 59, 0.78) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
}

/* @egeg-block:000162 | component:00-foundation.css */
.egeg-generator .egeg-sfb-stars {
	align-items: center !important;
	display: inline-flex !important;
	gap: 0 !important;
	line-height: 1 !important;
}

/* @egeg-block:000163 | component:00-foundation.css */
.egeg-generator .egeg-sfb-star {
	color: rgba(33, 24, 59, 0.20) !important;
	font-size: 17px !important;
	height: 24px !important;
	width: 22px !important;
}

/* @egeg-block:000164 | component:00-foundation.css */
.egeg-generator .egeg-sfb-star--on,
.egeg-generator .egeg-sfb-star:hover,
.egeg-generator .egeg-sfb-star:focus {
	color: var(--egeg-yellow-400, #F5C84C) !important;
}

/* @egeg-block:000165 | component:00-foundation.css */
.egeg-generator .egeg-sfb-comment {
	align-items: stretch !important;
	grid-column: 1 / -1 !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 8px !important;
}

/* @egeg-block:000166 | component:00-foundation.css */
.egeg-generator .egeg-sfb-comment--open {
	margin-top: 4px !important;
	max-height: 76px !important;
}

/* @egeg-block:000167 | component:00-foundation.css */
.egeg-generator .egeg-sfb-send {
	border-radius: 999px !important;
	font-size: 12px !important;
	height: 34px !important;
	min-height: 34px !important;
	padding-inline: 15px !important;
}

/* @egeg-block:000168 | component:00-foundation.css */
.egeg-generator .egeg-sfb-thanks {
	font-size: 12px !important;
	font-weight: 800 !important;
}

/* @egeg-block:000169 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-validation:not(:empty) {
	margin-top: 14px !important;
}

/* @egeg-block:000170 | component:00-foundation.css */
/* 0.5.0-rc8 — cart as generator order hub */
.egeg-cart-order-hub {
	background: linear-gradient(135deg, rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.08), rgba(255, 255, 255, 0.96));
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.28);
	border-radius: 18px;
	box-shadow: 0 18px 44px rgba(36, 22, 70, 0.08);
	margin: 0 0 24px;
	padding: 20px;
}

/* @egeg-block:000171 | component:00-foundation.css */
.egeg-cart-order-hub__head {
	display: grid;
	gap: 4px;
	margin-bottom: 16px;
}

/* @egeg-block:000172 | component:00-foundation.css */
.egeg-cart-order-hub__head strong {
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5));
	font-size: 1.15rem;
}

/* @egeg-block:000173 | component:00-foundation.css */
.egeg-cart-order-hub__head span {
	color: #5f586d;
	font-size: 0.95rem;
}

/* @egeg-block:000174 | component:00-foundation.css */
.egeg-cart-order-hub__list {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

/* @egeg-block:000175 | component:00-foundation.css */
.egeg-cart-order-card {
	background: #fff;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.18);
	border-radius: 14px;
	display: grid;
	gap: 6px;
	padding: 14px;
}

/* @egeg-block:000176 | component:00-foundation.css */
.egeg-cart-order-card span,
.egeg-cart-order-card small {
	color: #686173;
	font-size: 0.82rem;
}

/* @egeg-block:000177 | component:00-foundation.css */
.egeg-cart-order-card strong {
	color: #1e162d;
	font-size: 1.1rem;
}

/* @egeg-block:000178 | component:00-foundation.css */
.egeg-cart-order-card .button {
	justify-self: start;
	margin-top: 6px;
}

/* @egeg-block:000179 | component:00-foundation.css */
.egeg-generator .egeg-sfb-send {
	align-items: center !important;
	appearance: none !important;
	background: var(--egeg-color-yellow, #F8CA45) !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: 0 4px 0 #C9821E !important;
	color: #2E2417 !important;
	cursor: pointer !important;
	display: inline-flex !important;
	font-family: var(--egeg-font-family, inherit) !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	justify-content: center !important;
	line-height: 1 !important;
	min-height: 38px !important;
	padding: 0 20px !important;
	transition: background .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

/* @egeg-block:000180 | component:00-foundation.css */
.egeg-generator .egeg-sfb-send:hover,
.egeg-generator .egeg-sfb-send:focus-visible {
	background: #FFD65A !important;
	box-shadow: 0 5px 0 #C9821E !important;
	transform: translateY(-2px) !important;
}

/* @egeg-block:000181 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-stack {
  box-sizing: border-box !important;
  display: grid !important;
  gap: 18px !important;
  margin-inline: auto !important;
  max-width: var(--egeg-final-stack-max) !important;
  width: 100% !important;
}

/* @egeg-block:000182 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 0 !important;
}

/* @egeg-block:000183 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: 1fr !important;
  margin: 0 !important;
}

/* @egeg-block:000184 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

/* @egeg-block:000185 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > span {
  grid-column: 1 / -1 !important;
}

/* @egeg-block:000186 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > strong {
  color: #24153F !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

/* @egeg-block:000187 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-stack {
  gap: 12px !important;
}

/* @egeg-block:000188 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-grid {
  gap: 10px !important;
}

/* @egeg-block:000189 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-grid {
  gap: 10px !important;
}

/* @egeg-block:000190 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-stack {
  gap: 14px !important;
}

/* @egeg-block:000191 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-grid {
  gap: 12px !important;
}

/* @egeg-block:000192 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > strong {
  color: #24153F !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

/* @egeg-block:000193 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card {
  align-items: center !important;
  align-content: center !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  grid-template-rows: auto auto !important;
  column-gap: 18px !important;
  row-gap: 3px !important;
  min-height: 0 !important;
  padding: 14px 16px !important;
}

/* @egeg-block:000194 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > span {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
}

/* @egeg-block:000195 | component:00-foundation.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > strong {
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
}

/* @egeg-block:000196 | component:00-foundation.css */
.egeg-generator {
	background: transparent !important;
	min-height: auto !important;
	padding: 0 !important;
}

/* @egeg-block:000197 | component:00-foundation.css */
.egeg-generator .egeg-shell {
	margin-inline: auto;
}

/* @egeg-block:000198 | component:00-foundation.css */
.egeg-generator {
	overflow: visible !important;
}

/* @egeg-block:000199 | component:00-foundation.css */
.egeg-heading .egeg-ob-launch,
.egeg-heading .egeg-ob-launch--heading,
.egeg-mobile-action-row .egeg-ob-launch--mobile-action {
	-webkit-appearance: none !important;
	appearance: none !important;
	background: linear-gradient(135deg, var(--egeg-purple-400, var(--egeg-color-primary, #8732F5)), var(--egeg-color-primary-line, #A96BFF)) !important;
	border: 1.5px solid rgba(255, 255, 255, .72) !important;
	box-shadow: 0 12px 28px rgba(80, 31, 169, .18) !important;
	color: #FFFFFF !important;
	font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif) !important;
	text-decoration: none !important;
	transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.egeg-heading .egeg-ob-launch:hover,
.egeg-heading .egeg-ob-launch:focus-visible,
.egeg-heading .egeg-ob-launch--heading:hover,
.egeg-heading .egeg-ob-launch--heading:focus-visible,
.egeg-mobile-action-row .egeg-ob-launch--mobile-action:hover,
.egeg-mobile-action-row .egeg-ob-launch--mobile-action:focus-visible {
	background: linear-gradient(135deg, var(--egeg-color-orange, var(--egeg-color-accent, #F98800)), var(--egeg-color-yellow, #F8CA45)) !important;
	border-color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	box-shadow: 0 14px 32px rgba(var(--egeg-accent-rgb, 249, 136, 0), .22) !important;
	color: #201733 !important;
	transform: translateY(-1px) !important;
}

.egeg-heading .egeg-ob-launch-mark,
.egeg-mobile-action-row .egeg-ob-launch-mark {
	background: rgba(255, 255, 255, .20) !important;
	color: currentColor !important;
}

.egeg-heading .egeg-ob-launch:hover .egeg-ob-launch-mark,
.egeg-heading .egeg-ob-launch:focus-visible .egeg-ob-launch-mark,
.egeg-mobile-action-row .egeg-ob-launch--mobile-action:hover .egeg-ob-launch-mark,
.egeg-mobile-action-row .egeg-ob-launch--mobile-action:focus-visible .egeg-ob-launch-mark {
	background: rgba(255, 255, 255, .36) !important;
}

.egeg-generator .egeg-sfb,
.egeg-generator .egeg-sfb-comment,
.egeg-generator .egeg-sfb-comment--open {
	max-height: none !important;
	overflow: visible !important;
}

.egeg-generator .egeg-sfb-comment textarea {
	box-sizing: border-box !important;
	min-height: 44px !important;
}

.egeg-generator .egeg-sfb-send {
	box-sizing: border-box !important;
}

/* @egeg-block:000200 | component:01-shell-stepper.css */
.egeg-shell {
	background: var(--egeg-white);
	border: 1px solid var(--egeg-purple-200);
	border-radius: 26px;
	box-shadow: var(--egeg-shadow-shell);
	max-width: 1360px;
	overflow: hidden;
	padding: var(--egeg-shell-padding);
	width: 100%;
}

/* @egeg-block:000201 | component:01-shell-stepper.css */
.egeg-layout {
	align-items: start;
	display: grid;
	gap: 28px;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 310px);
	max-width: 100%;
	overflow: hidden;
	width: 100%;
}

/* @egeg-block:000202 | component:01-shell-stepper.css */
.egeg-layout > * {
	min-width: 0;
}

/* @egeg-block:000203 | component:01-shell-stepper.css */
.egeg-main {
	display: grid;
	gap: var(--egeg-shell-gap, 14px);
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 1;
}

/* @egeg-block:000204 | component:01-shell-stepper.css */
.egeg-heading {
	display: grid;
	gap: var(--egeg-heading-gap, 8px);
	max-width: var(--egeg-heading-max-width, 760px);
}

/* @egeg-block:000205 | component:01-shell-stepper.css */
.egeg-heading h2 {
	color: var(--egeg-purple-400);
	font-size: var(--egeg-text-display);
	font-weight: var(--egeg-text-display-weight, 800);
	letter-spacing: 0;
	line-height: var(--egeg-heading-title-line-height, 1.05);
	margin: 0 0 var(--egeg-heading-title-margin-bottom, 8px);
}

/* @egeg-block:000206 | component:01-shell-stepper.css */
.egeg-heading p {
	color: var(--egeg-text-secondary);
	font-size: var(--egeg-text-shell-subtitle);
	font-weight: var(--egeg-text-shell-subtitle-weight, 400);
	line-height: var(--egeg-text-shell-subtitle-line-height, 1.2);
	margin: 0;
}

/* @egeg-block:000207 | component:01-shell-stepper.css */
.egeg-stepper {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	margin: 0;
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

/* @egeg-block:000208 | component:01-shell-stepper.css */
.egeg-stepper::before {
	background: var(--egeg-border-default);
	border-radius: 999px;
	content: "";
	height: var(--egeg-stepper-line-height, 4px);
	left: 22px;
	position: absolute;
	right: 22px;
	top: 17px;
	z-index: 0;
}

/* @egeg-block:000209 | component:01-shell-stepper.css */
.egeg-stepper-item {
	background: transparent;
	color: var(--egeg-gray-300);
	cursor: default;
	display: grid;
	gap: var(--egeg-stepper-gap, 6px);
	justify-items: center;
	min-width: 0;
	padding: 0;
	position: relative;
	text-align: center;
	z-index: 1;
}

/* @egeg-block:000210 | component:01-shell-stepper.css */
.egeg-stepper-icon {
	align-items: center;
	background: var(--egeg-gray-200);
	border-radius: 999px;
	color: var(--egeg-gray-50);
	display: inline-flex;
	font-size: var(--egeg-stepper-icon-font-size, 19px);
	height: var(--egeg-stepper-icon-size, 34px);
	justify-content: center;
	width: var(--egeg-stepper-icon-size, 34px);
}

/* @egeg-block:000211 | component:01-shell-stepper.css */
.egeg-stepper-item > span:last-child {
	color: var(--egeg-gray-300);
	font-size: var(--egeg-text-stepper-label);
	font-weight: var(--egeg-text-stepper-label-weight, 700);
	line-height: var(--egeg-text-stepper-label-line-height, 1.4);
	overflow-wrap: anywhere;
	max-width: 100%;
	white-space: nowrap;
}

/* @egeg-block:000212 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="1"] .egeg-stepper::before {
	background: linear-gradient(90deg, var(--egeg-yellow-200) 0 12.5%, var(--egeg-border-default) 12.5% 100%);
}

/* @egeg-block:000213 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-stepper::before {
	background: linear-gradient(90deg, var(--egeg-yellow-200) 0 25%, var(--egeg-border-default) 25% 100%);
}

/* @egeg-block:000214 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-stepper::before {
	background: linear-gradient(90deg, var(--egeg-yellow-200) 0 37.5%, var(--egeg-border-default) 37.5% 100%);
}

/* @egeg-block:000215 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="4"] .egeg-stepper::before {
	background: linear-gradient(90deg, var(--egeg-yellow-200) 0 50%, var(--egeg-border-default) 50% 100%);
}

/* @egeg-block:000216 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-stepper::before {
	background: linear-gradient(90deg, var(--egeg-yellow-200) 0 62.5%, var(--egeg-border-default) 62.5% 100%);
}

/* @egeg-block:000217 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-stepper::before {
	background: linear-gradient(90deg, var(--egeg-yellow-200) 0 75%, var(--egeg-border-default) 75% 100%);
}

/* @egeg-block:000218 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-stepper::before {
	background: linear-gradient(90deg, var(--egeg-yellow-200) 0 87.5%, var(--egeg-border-default) 87.5% 100%);
}

/* @egeg-block:000219 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="8"] .egeg-stepper::before {
	background: var(--egeg-yellow-200);
}

/* @egeg-block:000220 | component:01-shell-stepper.css */
.egeg-stepper-item[aria-current="step"] .egeg-stepper-icon {
	background: var(--egeg-purple-400);
	color: var(--egeg-purple-50);
}

/* @egeg-block:000221 | component:01-shell-stepper.css */
.egeg-stepper-item[aria-current="step"] span:last-child {
	color: var(--egeg-purple-500);
}

/* @egeg-block:000222 | component:01-shell-stepper.css */
.egeg-stepper-item[data-egeg-step-state="complete"] .egeg-stepper-icon {
	background: var(--egeg-yellow-300);
	color: var(--egeg-white);
}

/* @egeg-block:000223 | component:01-shell-stepper.css */
.egeg-stepper-item[data-egeg-step-state="complete"] span:last-child {
	color: var(--egeg-yellow-500);
}

/* @egeg-block:000224 | component:01-shell-stepper.css */
.egeg-substep {
	background: var(--egeg-purple-50);
	border: var(--egeg-panel-stroke-width, 2px) solid var(--egeg-purple-200);
	border-radius: 16px;
	max-width: 100%;
	overflow: hidden;
	padding: var(--egeg-step-header-padding-y) var(--egeg-step-header-padding-x);
	width: 100%;
}

/* @egeg-block:000225 | component:01-shell-stepper.css */
.egeg-substep h3 {
	color: var(--egeg-purple-400);
	font-size: var(--egeg-text-step-title);
	font-weight: 700;
	line-height: 1.1;
	margin: 0 0 4px;
}

/* @egeg-block:000226 | component:01-shell-stepper.css */
.egeg-substep p:last-child {
	color: var(--egeg-text-secondary);
	font-size: var(--egeg-text-step-copy);
	line-height: 1.35;
	margin: 0;
}

/* @egeg-block:000227 | component:01-shell-stepper.css */
.egeg-panel {
	background: var(--egeg-purple-50);
	border: var(--egeg-panel-stroke-width, 2px) solid var(--egeg-purple-200);
	border-radius: 16px;
	max-width: 100%;
	min-height: 0;
	overflow: hidden;
	padding: var(--egeg-panel-padding);
	width: 100%;
}

/* @egeg-block:000228 | component:01-shell-stepper.css */
.egeg-nav {
	display: flex;
	gap: 17px;
	justify-self: end;
	max-width: 420px;
	width: 100%;
}

/* @egeg-block:000229 | component:01-shell-stepper.css */
.egeg-summary {
	display: grid;
	gap: 16px;
	min-width: 0;
	position: relative;
	z-index: 2;
}

/* @egeg-block:000230 | component:01-shell-stepper.css */
.egeg-summary h3 {
	color: var(--egeg-purple-400);
	font-size: 18px;
	font-weight: 800;
	line-height: 1.2;
	margin: 0;
}

/* @egeg-block:000231 | component:01-shell-stepper.css */
.egeg-summary dl div {
	background: var(--egeg-white);
	border: var(--egeg-summary-item-stroke-width, 1px) solid var(--egeg-purple-100);
	border-radius: 8px;
	box-shadow: var(--egeg-shadow-card);
	display: grid;
	gap: 4px;
	padding: 12px 16px;
}

/* @egeg-block:000232 | component:01-shell-stepper.css */
.egeg-summary dt {
	color: var(--egeg-yellow-300);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	margin: 0;
}

/* @egeg-block:000233 | component:01-shell-stepper.css */
.egeg-summary dd {
	color: var(--egeg-purple-400);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.2;
	margin: 0;
	overflow-wrap: anywhere;
}

/* @egeg-block:000234 | component:01-shell-stepper.css */
.egeg-summary .egeg-summary-total {
	background: var(--egeg-purple-300);
	border: var(--egeg-summary-total-stroke-width, var(--egeg-panel-stroke-width, 2px)) solid var(--egeg-purple-400);
	box-shadow: var(--egeg-shadow-card);
}

/* @egeg-block:000235 | component:01-shell-stepper.css */
.egeg-summary .egeg-summary-total dt {
	color: var(--egeg-yellow-200);
}

/* @egeg-block:000236 | component:01-shell-stepper.css */
.egeg-shell,
.egeg-layout,
.egeg-main,
.egeg-panel {
	overflow: visible;
}

/* @egeg-block:000237 | component:01-shell-stepper.css */
.egeg-stepper {
	grid-template-columns: repeat(8, minmax(0, 1fr));
}

/* @egeg-block:000238 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-stepper::before {
	background: var(--egeg-border-default);
}

/* @egeg-block:000239 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="1"] .egeg-stepper::before {
	background: linear-gradient(90deg, var(--egeg-yellow-200) 0 14.285%, var(--egeg-border-default) 14.285% 100%);
}

/* @egeg-block:000240 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-stepper::before {
	background: linear-gradient(90deg, var(--egeg-yellow-200) 0 28.57%, var(--egeg-border-default) 28.57% 100%);
}

/* @egeg-block:000241 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-stepper::before {
	background: linear-gradient(90deg, var(--egeg-yellow-200) 0 42.85%, var(--egeg-border-default) 42.85% 100%);
}

/* @egeg-block:000242 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="4"] .egeg-stepper::before {
	background: linear-gradient(90deg, var(--egeg-yellow-200) 0 57.14%, var(--egeg-border-default) 57.14% 100%);
}

/* @egeg-block:000243 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-stepper::before {
	background: linear-gradient(90deg, var(--egeg-yellow-200) 0 71.42%, var(--egeg-border-default) 71.42% 100%);
}

/* @egeg-block:000244 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-stepper::before {
	background: linear-gradient(90deg, var(--egeg-yellow-200) 0 85.71%, var(--egeg-border-default) 85.71% 100%);
}

/* @egeg-block:000245 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-stepper::before {
	background: var(--egeg-yellow-200);
}

/* @egeg-block:000246 | component:01-shell-stepper.css */
.egeg-panel {
	padding: clamp(14px, 1.8vw, 20px);
}

/* @egeg-block:000247 | component:01-shell-stepper.css */
/* Beta tuning 0.1.7: production geometry, clipped carousel and compact checkout controls. */
.egeg-generator[data-egeg-current-step="0"] .egeg-panel {
	overflow: hidden;
}

/* @egeg-block:000248 | component:01-shell-stepper.css */
/* Beta tuning 0.1.8: corrected fit containment, stepper hiding and PDF thumb visibility. */
.egeg-generator[data-egeg-current-step="0"] .egeg-main,
.egeg-generator[data-egeg-current-step="0"] [data-egeg-stage] {
	overflow: visible;
}

/* @egeg-block:000249 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-panel {
	overflow: hidden;
}

/* @egeg-block:000250 | component:01-shell-stepper.css */
.egeg-shell {
	box-shadow: var(--egeg-shadow-shell) !important;
	min-height: calc(100vh - 2 * clamp(10px, 2.2vw, 30px));
}

/* @egeg-block:000251 | component:01-shell-stepper.css */
.egeg-heading h2 {
	font-size: clamp(31px, 3.1vw, 38px);
}

/* @egeg-block:000252 | component:01-shell-stepper.css */
.egeg-heading p {
	font-size: clamp(16px, 1.6vw, 19px);
}

/* @egeg-block:000253 | component:01-shell-stepper.css */
.egeg-stepper {
	overflow: visible;
}

/* @egeg-block:000254 | component:01-shell-stepper.css */
.egeg-stepper-item {
	gap: 7px;
}

/* @egeg-block:000255 | component:01-shell-stepper.css */
.egeg-stepper-icon {
	font-size: 20px;
	height: 36px;
	width: 36px;
}

/* @egeg-block:000256 | component:01-shell-stepper.css */
.egeg-stepper-item > span:last-child {
	font-size: var(--egeg-text-stepper-label);
	line-height: 1.25;
	white-space: nowrap;
}

/* @egeg-block:000257 | component:01-shell-stepper.css */
.egeg-substep h3 {
	font-size: 28px;
}

/* @egeg-block:000258 | component:01-shell-stepper.css */
.egeg-substep p:last-child {
	font-size: 17px;
}

/* @egeg-block:000259 | component:01-shell-stepper.css */
.egeg-summary dd {
	font-size: 16px;
}

/* @egeg-block:000260 | component:01-shell-stepper.css */
.egeg-panel,
.egeg-substep,
.egeg-summary dl {
	background-color: var(--egeg-purple-50) !important;
}

/* @egeg-block:000261 | component:01-shell-stepper.css */
.egeg-substep h3 {
	font-size: clamp(18px, 2vw, 24px) !important;
	line-height: 1.15;
}

/* @egeg-block:000262 | component:01-shell-stepper.css */
.egeg-substep p:last-child {
	font-size: 14px !important;
	line-height: 1.35;
}

/* @egeg-block:000263 | component:01-shell-stepper.css */
.egeg-panel,
.egeg-summary dl,
.egeg-generator[data-egeg-current-step="7"] .egeg-summary dl {
	background: transparent !important;
	box-shadow: none !important;
}

/* @egeg-block:000264 | component:01-shell-stepper.css */
.egeg-summary h3 {
	font-size: 20px !important;
}

/* @egeg-block:000265 | component:01-shell-stepper.css */
.egeg-summary dl div {
	border-radius: 10px;
}

/* @egeg-block:000266 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-summary dl {
	padding: 0 !important;
}

/* @egeg-block:000267 | component:01-shell-stepper.css */
.egeg-substep {
	padding: 12px 18px !important;
}

/* @egeg-block:000268 | component:01-shell-stepper.css */
.egeg-substep h3 {
	font-size: clamp(16px, 1.6vw, 21px) !important;
	line-height: 1.14 !important;
}

/* @egeg-block:000269 | component:01-shell-stepper.css */
.egeg-substep p:last-child {
	font-size: 13px !important;
	line-height: 1.35 !important;
}

/* @egeg-block:000270 | component:01-shell-stepper.css */
.egeg-stepper-item > span:last-child {
	font-size: var(--egeg-text-stepper-label) !important;
	font-weight: 500 !important;
	line-height: 1.22 !important;
}

/* @egeg-block:000271 | component:01-shell-stepper.css */
.egeg-summary dl {
	padding: 10px !important;
}

/* @egeg-block:000272 | component:01-shell-stepper.css */
.egeg-summary .egeg-summary-total {
	background: linear-gradient(135deg, var(--egeg-color-primary, #8732F5) 0%, var(--egeg-color-primary-line, #A96BFF) 100%) !important;
	border-color: var(--egeg-color-primary, #8732F5) !important;
	box-shadow: 0 14px 26px rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.24) !important;
}

/* @egeg-block:000273 | component:01-shell-stepper.css */
.egeg-summary .egeg-summary-total dt {
	color: #FFD65A !important;
}

/* @egeg-block:000274 | component:01-shell-stepper.css */
.egeg-summary .egeg-summary-total dd {
	color: #FFFFFF !important;
}

/* @egeg-block:000275 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-summary dl {
	background: var(--egeg-color-panel, #F6F2FF) !important;
	border-color: var(--egeg-color-primary, #8732F5) !important;
	box-shadow: none !important;
	padding: 10px !important;
}

/* @egeg-block:000276 | component:01-shell-stepper.css */
.egeg-shell {
	display: flex;
	min-height: calc(100dvh - 24px) !important;
}

/* @egeg-block:000277 | component:01-shell-stepper.css */
.egeg-layout {
	align-items: stretch;
	flex: 1 1 auto;
	min-height: 100%;
}

/* @egeg-block:000278 | component:01-shell-stepper.css */
.egeg-main,
.egeg-summary {
	align-content: start;
}

/* @egeg-block:000279 | component:01-shell-stepper.css */
.egeg-heading h2 {
	font-size: clamp(22px, 2.4vw, 28px) !important;
	margin-bottom: 6px !important;
}

/* @egeg-block:000280 | component:01-shell-stepper.css */
.egeg-heading p {
	font-size: 14px !important;
	line-height: 1.3 !important;
}

/* @egeg-block:000281 | component:01-shell-stepper.css */
.egeg-stepper-item > span:last-child {
	font-size: var(--egeg-text-stepper-label) !important;
	line-height: 1.25 !important;
}

/* @egeg-block:000282 | component:01-shell-stepper.css */
.egeg-substep h3 {
	font-size: 15px !important;
	line-height: 1.15 !important;
	margin-bottom: 3px !important;
}

/* @egeg-block:000283 | component:01-shell-stepper.css */
.egeg-substep p:last-child {
	color: var(--egeg-text-secondary) !important;
	font-size: 12px !important;
	line-height: 1.3 !important;
}

/* @egeg-block:000284 | component:01-shell-stepper.css */
.egeg-substep,
.egeg-panel,
.egeg-summary dl {
	background: var(--egeg-color-panel, #F6F2FF) !important;
	box-shadow: none !important;
}

/* @egeg-block:000285 | component:01-shell-stepper.css */
/* 0.1.16: ojales substep, preview modal, tighter editor layout */
.egeg-substep p:last-child {
	font-size: 13.5px !important;
	line-height: 1.35 !important;
}

/* @egeg-block:000286 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-panel {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* @egeg-block:000287 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-panel,
.egeg-generator[data-egeg-current-step="6"] .egeg-stage {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

/* @egeg-block:000288 | component:01-shell-stepper.css */
.egeg-summary dl {
	padding: 16px !important;
}

/* @egeg-block:000289 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-panel,
.egeg-generator[data-egeg-current-step="0"] [data-egeg-stage] {
	overflow: visible !important;
}

/* @egeg-block:000290 | component:01-shell-stepper.css */
/* 0.1.27: keep product carousel inside main column while preserving card breathing room. */
.egeg-generator[data-egeg-current-step="0"] .egeg-panel,
.egeg-generator[data-egeg-current-step="0"] [data-egeg-stage] {
	overflow: hidden !important;
}

/* @egeg-block:000291 | component:01-shell-stepper.css */
.egeg-heading h2 {
	font-size: var(--egeg-text-display) !important;
}

/* @egeg-block:000292 | component:01-shell-stepper.css */
.egeg-heading p,
.egeg-substep p {
	font-size: var(--egeg-text-body) !important;
}

/* @egeg-block:000293 | component:01-shell-stepper.css */
.egeg-substep h3,
.egeg-summary h3 {
	font-size: var(--egeg-text-title) !important;
}

/* @egeg-block:000294 | component:01-shell-stepper.css */
.egeg-substep h3 {
	font-size: var(--egeg-text-title) !important;
	line-height: 1.12 !important;
	margin-bottom: 4px !important;
}

/* @egeg-block:000295 | component:01-shell-stepper.css */
.egeg-substep p:last-child {
	font-size: var(--egeg-text-body) !important;
	line-height: 1.32 !important;
}

/* @egeg-block:000296 | component:01-shell-stepper.css */
/* ==========================================================
 * Interface Closure Layer — token-driven component tuning
 * ----------------------------------------------------------
 * Esta capa concentra tamaños finales de componentes sin tocar
 * lógica ni estructura. Ajustar valores en design-tokens.css.
 * ========================================================== */
.egeg-heading h2 {
	font-size: var(--egeg-text-display) !important;
	font-weight: 800;
}

/* @egeg-block:000297 | component:01-shell-stepper.css */
.egeg-heading p,
.egeg-step-header p {
	font-size: var(--egeg-text-step-copy) !important;
}

/* @egeg-block:000298 | component:01-shell-stepper.css */
.egeg-summary h3,
.egeg-quick-summary h3 {
	font-size: var(--egeg-summary-title-size) !important;
}

/* @egeg-block:000299 | component:01-shell-stepper.css */
.egeg-summary-label,
.egeg-quick-summary-label {
	font-size: var(--egeg-summary-label-size) !important;
}

/* @egeg-block:000300 | component:01-shell-stepper.css */
/* QA hardening 0.1.93: catalog blocking, compact modals and cleaner summary. */
.egeg-empty-state--catalog {
	background: #fff;
	border: 1px solid rgba(75, 52, 118, 0.14);
	border-radius: 18px;
	padding: 22px 24px;
	display: grid;
	gap: 8px;
	color: var(--egeg-ink, #21183b);
}

/* @egeg-block:000301 | component:01-shell-stepper.css */
/* Callout — card flotante centrado sobre el overlay en desktop */
.egeg-ob-callout {
	animation: egeg-ob-in 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
	background: var(--egeg-white);
	border: var(--egeg-summary-item-stroke-width, 1px) solid var(--egeg-purple-100);
	border-radius: var(--egeg-radius-md);
	box-shadow: var(--egeg-shadow-shell);
	display: flex;
	font-family: var(--egeg-font-family);
	left: 50%;
	max-width: min(440px, calc(100vw - 32px));
	overflow: hidden;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 9001;
}

/* @egeg-block:000302 | component:01-shell-stepper.css */
.egeg-ob-nav-btn:disabled {
	cursor: not-allowed;
	opacity: 0.3;
}

/* @egeg-block:000303 | component:01-shell-stepper.css */
/* ============================================================
   0.5.0-rc3 — delivery cleanup: dynamic stepper, preview modal, order feedback
   ============================================================ */
.egeg-stepper {
	grid-template-columns: repeat(var(--egeg-visible-steps, 8), minmax(0, 1fr)) !important;
	overflow: visible !important;
}

/* @egeg-block:000304 | component:01-shell-stepper.css */
.egeg-stepper::before {
	background: linear-gradient(90deg, var(--egeg-yellow-200) 0 var(--egeg-step-progress, 0%), var(--egeg-border-default) var(--egeg-step-progress, 0%) 100%) !important;
	left: calc(var(--egeg-stepper-icon-size, 36px) / 2) !important;
	right: calc(var(--egeg-stepper-icon-size, 36px) / 2) !important;
}

/* @egeg-block:000305 | component:01-shell-stepper.css */
.egeg-stepper-item[hidden],
.egeg-stepper-item[data-egeg-hidden-step="true"] {
	display: none !important;
}

/* @egeg-block:000306 | component:01-shell-stepper.css */
/* Resumen final: clear progressive sections instead of one dense block. */
.egeg-generator[data-egeg-current-step="7"] .egeg-panel,
.egeg-generator[data-egeg-current-step="7"] [data-egeg-stage] {
  background: var(--egeg-color-panel, #F6F2FF) !important;
}

/* @egeg-block:000307 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-substep h3 {
  font-size: clamp(20px, 1.85vw, 24px) !important;
  font-weight: 650 !important;
  letter-spacing: -.015em !important;
  line-height: 1.18 !important;
}

/* @egeg-block:000308 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-substep p:last-child {
  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

/* @egeg-block:000309 | component:01-shell-stepper.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-summary h3 {
  font-size: 15.5px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}

/* @egeg-block:000310 | component:01-shell-stepper.css */
.egeg-summary dl div.egeg-summary-empty {
	align-items: flex-start !important;
	background: rgba(255, 255, 255, .68) !important;
	border: 1px dashed rgba(var(--egeg-primary-rgb, 135, 50, 245), .22) !important;
	box-shadow: none !important;
	padding: 14px 16px !important;
}

.egeg-summary .egeg-summary-empty p {
	color: rgba(36, 21, 63, .58) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	margin: 0 !important;
}

.egeg-summary dl div:not(.egeg-summary-total):not(.egeg-summary-empty) dt {
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
}

.egeg-summary dl div:not(.egeg-summary-total):not(.egeg-summary-empty) dd {
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	font-weight: 760 !important;
}

/* @egeg-block:000311 | component:01-shell-stepper.css */
.egeg-shell {
	box-sizing: border-box !important;
	margin-block: var(--egeg-shell-shadow-gutter, clamp(10px, 1.5vw, 22px)) !important;
	max-width: min(1360px, calc(100% - (var(--egeg-shell-shadow-gutter, clamp(10px, 1.5vw, 22px)) * 2))) !important;
}

/* @egeg-block:000312 | component:01-shell-stepper.css */
.egeg-mobile-summary-toggle {
	align-items: center;
	background: linear-gradient(135deg, var(--egeg-purple-400), var(--egeg-purple-300));
	border: 2px solid rgba(255, 255, 255, .78);
	border-radius: 999px;
	box-shadow: 0 16px 34px rgba(80, 31, 169, .24), 0 4px 0 rgba(58, 22, 123, .28);
	color: #FFFFFF;
	display: none;
	font-family: var(--egeg-font-family);
	font-size: 14px;
	font-weight: 800;
	gap: 8px;
	justify-content: center;
	line-height: 1;
	min-height: 50px;
	padding: 0 16px 0 14px;
	position: fixed;
	z-index: 99940;
}

/* @egeg-block:000313 | component:01-shell-stepper.css */
.egeg-mobile-summary-toggle:hover,
.egeg-mobile-summary-toggle:focus-visible {
	box-shadow: 0 18px 38px rgba(80, 31, 169, .30), 0 4px 0 rgba(58, 22, 123, .32);
	transform: translateY(-1px);
}

/* @egeg-block:000314 | component:01-shell-stepper.css */
.egeg-mobile-summary-toggle-icon {
	align-items: center;
	display: inline-flex;
	font-size: 19px;
	height: 22px;
	justify-content: center;
	width: 22px;
}

/* @egeg-block:000315 | component:01-shell-stepper.css */
.egeg-mobile-summary-toggle-badge {
	align-items: center;
	background: var(--egeg-yellow-300);
	border: 1px solid rgba(255, 255, 255, .74);
	border-radius: 999px;
	box-shadow: 0 2px 0 rgba(148, 91, 19, .28);
	color: #24153F;
	display: inline-flex;
	font-size: 11px;
	font-weight: 900;
	height: 20px;
	justify-content: center;
	min-width: 20px;
	padding: 0 6px;
}

/* @egeg-block:000316 | component:01-shell-stepper.css */
.egeg-mobile-summary-toggle.is-empty .egeg-mobile-summary-toggle-badge {
	display: none;
}

/* @egeg-block:000317 | component:01-shell-stepper.css */
.egeg-mobile-summary-modal {
	z-index: var(--egeg-z-modal, 2147483000) !important;
}

/* @egeg-block:000318 | component:01-shell-stepper.css */
.egeg-mobile-summary-dialog {
	border-color: var(--egeg-purple-300);
	max-width: min(480px, calc(100vw - 24px));
	padding: 16px;
	width: 100%;
}

/* @egeg-block:000319 | component:01-shell-stepper.css */
.egeg-mobile-summary-body {
	display: grid;
	gap: 12px;
	max-height: min(70vh, 640px);
	overflow: auto;
	padding-right: 2px;
}

/* @egeg-block:000320 | component:01-shell-stepper.css */
.egeg-mobile-summary-list {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
}

/* @egeg-block:000321 | component:01-shell-stepper.css */
.egeg-mobile-summary-list > div {
	background: #FFFFFF;
	border: var(--egeg-summary-item-stroke-width, 1px) solid var(--egeg-purple-100);
	border-radius: 14px;
	box-shadow: var(--egeg-shadow-card);
	display: grid;
	gap: 5px;
	padding: 12px 14px;
}

/* @egeg-block:000322 | component:01-shell-stepper.css */
.egeg-mobile-summary-list dt {
	color: var(--egeg-yellow-300);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.15;
	margin: 0;
}

/* @egeg-block:000323 | component:01-shell-stepper.css */
.egeg-mobile-summary-list dd {
	color: var(--egeg-purple-400);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.2;
	margin: 0;
	overflow-wrap: anywhere;
}

/* @egeg-block:000324 | component:01-shell-stepper.css */
.egeg-mobile-summary-list .egeg-summary-total {
	background: linear-gradient(135deg, var(--egeg-purple-400), var(--egeg-purple-300));
	border-color: var(--egeg-purple-400);
}

/* @egeg-block:000325 | component:01-shell-stepper.css */
.egeg-mobile-summary-list .egeg-summary-total dt,
.egeg-mobile-summary-list .egeg-summary-total dd {
	color: #FFFFFF;
}

/* @egeg-block:000326 | component:01-shell-stepper.css */
.egeg-ob-overlay {
	z-index: var(--egeg-z-modal, 2147483000) !important;
}

/* @egeg-block:000327 | component:01-shell-stepper.css */
.egeg-ob-callout {
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .22) !important;
	border-radius: 20px !important;
	box-shadow: 0 22px 64px rgba(32, 23, 51, .28) !important;
	font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif) !important;
	max-width: min(440px, calc(100vw - 28px)) !important;
}

/* @egeg-block:000328 | component:01-shell-stepper.css */
.egeg-heading {
	box-sizing: border-box !important;
	max-width: 100% !important;
	width: 100% !important;
}

.egeg-heading .egeg-ob-launch--heading {
	align-self: start !important;
	justify-self: end !important;
	margin-left: auto !important;
}

/* @egeg-block:000329 | component:02-buttons-forms.css */
.egeg-generator button,
.egeg-generator input,
.egeg-generator a {
	accent-color: var(--egeg-purple-400);
	font: inherit;
}

/* @egeg-block:000330 | component:02-buttons-forms.css */
.egeg-generator button:focus,
.egeg-generator button:active,
.egeg-generator input:focus,
.egeg-generator input:active {
	outline-color: var(--egeg-yellow-300);
}

/* @egeg-block:000331 | component:02-buttons-forms.css */
.egeg-generator .egeg-button-icon > svg {
	display: block;
	height: var(--egeg-button-icon-size);
	width: var(--egeg-button-icon-size);
}

/* @egeg-block:000332 | component:02-buttons-forms.css */
.egeg-generator .egeg-button-icon > .ph {
	display: block;
	flex: 0 0 auto;
	font-size: var(--egeg-button-icon-size);
	line-height: 1;
}

.egeg-generator .egeg-button-icon > .ph::before {
	display: block;
	line-height: 1;
}

/* @egeg-block:000333 | component:02-buttons-forms.css */
.egeg-generator .egeg-button-icon > svg * {
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 18;
}

/* @egeg-block:000334 | component:02-buttons-forms.css */
.egeg-generator .egeg-button-icon > svg * {
	stroke-width: 2;
}

/* @egeg-block:000335 | component:02-buttons-forms.css */
.egeg-mini-button {
	align-items: center;
	appearance: none;
	background: var(--egeg-white);
	border: 1.5px solid var(--egeg-yellow-300);
	border-radius: var(--egeg-button-radius, 999px);
	color: var(--egeg-yellow-300);
	cursor: pointer;
	display: inline-flex;
	font-weight: 800;
	justify-content: center;
	line-height: var(--egeg-button-line-height, 1);
	min-height: 42px;
	padding: 10px 16px;
	text-align: center;
	text-decoration: none;
}

/* @egeg-block:000336 | component:02-buttons-forms.css */
.egeg-mini-button:hover:not(:disabled) {
	background: var(--egeg-yellow-100);
	color: var(--egeg-yellow-400);
}

/* @egeg-block:000337 | component:02-buttons-forms.css */
.egeg-mini-button:disabled {
	border-color: var(--egeg-gray-100);
	color: var(--egeg-gray-300);
	cursor: not-allowed;
}

/* @egeg-block:000338 | component:02-buttons-forms.css */
.egeg-fit-lock input {
	accent-color: var(--egeg-yellow-300);
	height: 18px;
	width: 18px;
}

/* @egeg-block:000339 | component:02-buttons-forms.css */
.egeg-slider-row {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: 58px minmax(0, 1fr) 48px;
	width: 100%;
}

/* @egeg-block:000340 | component:02-buttons-forms.css */
.egeg-slider-row span {
	color: var(--egeg-purple-400);
	font-size: 15px;
	font-weight: 800;
	text-align: right;
}

/* @egeg-block:000341 | component:02-buttons-forms.css */
.egeg-slider-row strong {
	color: var(--egeg-purple-400);
	font-size: 15px;
	text-align: right;
}

/* @egeg-block:000342 | component:02-buttons-forms.css */
.egeg-slider-row input[type="range"] {
	accent-color: var(--egeg-purple-400);
	width: 100%;
}

/* @egeg-block:000343 | component:02-buttons-forms.css */
.egeg-slider-row input[type="range"]:disabled {
	cursor: not-allowed;
	opacity: 0.65;
}

/* @egeg-block:000344 | component:02-buttons-forms.css */
.egeg-generator .egeg-button {
	align-items: center;
	appearance: none;
	border-radius: var(--egeg-button-radius) !important;
	cursor: pointer;
	display: inline-flex;
	flex: 1 1 0;
	font-size: 16px;
	font-weight: 700;
	gap: var(--egeg-button-gap);
	justify-content: center;
	line-height: var(--egeg-button-line-height);
	min-height: 48px;
	min-width: 0;
	padding: 12px 22px;
	text-align: center;
	transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}

/* @egeg-block:000345 | component:02-buttons-forms.css */
.egeg-generator .egeg-button-icon {
	align-items: center;
	display: inline-flex;
	flex: 0 0 var(--egeg-button-icon-box-size);
	height: var(--egeg-button-icon-box-size);
	justify-content: center;
	line-height: 0;
	width: var(--egeg-button-icon-box-size);
}

/* @egeg-block:000346 | component:02-buttons-forms.css */
.egeg-button--primary {
	background: var(--egeg-yellow-200);
	border: 0;
	box-shadow: 0 4px 0 var(--egeg-yellow-300);
	color: var(--egeg-yellow-500);
}

/* @egeg-block:000347 | component:02-buttons-forms.css */
.egeg-button--primary:focus,
.egeg-button--primary:active,
.egeg-button--outline:focus,
.egeg-button--outline:active {
	background: var(--egeg-yellow-200);
	color: var(--egeg-yellow-500);
}

/* @egeg-block:000348 | component:02-buttons-forms.css */
.egeg-button--outline {
	background: var(--egeg-white);
	border: 1.5px solid var(--egeg-yellow-300);
	color: var(--egeg-yellow-300);
}

/* @egeg-block:000349 | component:02-buttons-forms.css */
.egeg-button--outline:focus,
.egeg-button--outline:active {
	background: var(--egeg-white);
	border-color: var(--egeg-yellow-300);
	color: var(--egeg-yellow-300);
}

/* @egeg-block:000350 | component:02-buttons-forms.css */
.egeg-button:hover:not(:disabled) {
	transform: none;
}

/* @egeg-block:000351 | component:02-buttons-forms.css */
.egeg-button--primary:hover:not(:disabled) {
	background: var(--egeg-yellow-100);
	color: var(--egeg-yellow-500);
}

/* @egeg-block:000352 | component:02-buttons-forms.css */
.egeg-button--outline:hover:not(:disabled) {
	background: var(--egeg-yellow-100);
	border-color: var(--egeg-yellow-400);
	color: var(--egeg-yellow-400);
}

/* @egeg-block:000353 | component:02-buttons-forms.css */
.egeg-button--primary:active:not(:disabled) {
	box-shadow: 0 2px 0 var(--egeg-yellow-300);
	transform: translateY(2px);
}

/* @egeg-block:000354 | component:02-buttons-forms.css */
.egeg-button:disabled {
	background: var(--egeg-gray-100);
	border-color: var(--egeg-gray-100);
	box-shadow: none;
	color: var(--egeg-gray-300);
	cursor: not-allowed;
	transform: none;
}

/* @egeg-block:000355 | component:02-buttons-forms.css */
.egeg-generator .egeg-button,
.egeg-generator .egeg-button:hover,
.egeg-generator .egeg-button:focus,
.egeg-generator .egeg-button:active,
.egeg-generator .egeg-mini-button,
.egeg-generator .egeg-mini-button:hover,
.egeg-generator .egeg-mini-button:focus,
.egeg-generator .egeg-mini-button:active {
	text-decoration: none;
}

/* @egeg-block:000356 | component:02-buttons-forms.css */
.egeg-mini-button--round {
	border-radius: var(--egeg-button-radius, 999px);
	min-width: 44px;
	padding-inline: 12px;
}

/* @egeg-block:000357 | component:02-buttons-forms.css */
.egeg-mini-button--ghost {
	background: var(--egeg-white);
	border-color: var(--egeg-purple-100);
	color: var(--egeg-purple-400);
}

/* @egeg-block:000358 | component:02-buttons-forms.css */
.egeg-slider-row {
	grid-template-columns: 58px minmax(0, 1fr) 88px !important;
}

/* @egeg-block:000359 | component:02-buttons-forms.css */
.egeg-slider-row input[type="number"] {
	appearance: textfield;
	background: #FFFFFF;
	border: 1px solid var(--egeg-purple-100);
	border-radius: 10px;
	color: var(--egeg-purple-400);
	font-size: 14px;
	font-weight: 700;
	height: 38px;
	padding: 8px 10px;
	text-align: center;
	width: 88px;
}

/* @egeg-block:000360 | component:02-buttons-forms.css */
.egeg-slider-row input[type="number"]::-webkit-outer-spin-button,
.egeg-slider-row input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* @egeg-block:000361 | component:02-buttons-forms.css */
.egeg-generator .egeg-nav .egeg-button {
	box-shadow: none !important;
	filter: none !important;
	transform: translateY(0);
	transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

/* @egeg-block:000362 | component:02-buttons-forms.css */
.egeg-generator .egeg-nav .egeg-button--primary {
	background: #F8CA45 !important;
	border: 0 !important;
	box-shadow: 0 4px 0 #C9821E !important;
	color: #2E2417 !important;
}

/* @egeg-block:000363 | component:02-buttons-forms.css */
.egeg-generator .egeg-nav .egeg-button--primary:hover:not(:disabled),
.egeg-generator .egeg-nav .egeg-button--primary:focus-visible:not(:disabled) {
	background: #FFD65A !important;
	box-shadow: 0 6px 0 #C9821E !important;
	color: #2E2417 !important;
	transform: translateY(-2px) !important;
}

/* @egeg-block:000364 | component:02-buttons-forms.css */
.egeg-generator .egeg-nav .egeg-button--primary:active:not(:disabled) {
	background: #F8CA45 !important;
	box-shadow: 0 2px 0 #C9821E !important;
	transform: translateY(2px) !important;
}

/* @egeg-block:000365 | component:02-buttons-forms.css */
.egeg-generator .egeg-nav .egeg-button--outline {
	background: #FFFFFF !important;
	border: 1.5px solid #F28A1A !important;
	box-shadow: none !important;
	color: #F28A1A !important;
}

/* @egeg-block:000366 | component:02-buttons-forms.css */
.egeg-generator .egeg-nav .egeg-button--outline:hover:not(:disabled),
.egeg-generator .egeg-nav .egeg-button--outline:focus-visible:not(:disabled) {
	background: #FFF6D9 !important;
	border-color: #F28A1A !important;
	box-shadow: 0 4px 0 #F28A1A !important;
	color: #F28A1A !important;
	transform: translateY(-2px) !important;
}

/* @egeg-block:000367 | component:02-buttons-forms.css */
.egeg-generator .egeg-nav .egeg-button--outline:active:not(:disabled) {
	box-shadow: 0 2px 0 #F28A1A !important;
	transform: translateY(2px) !important;
}

/* @egeg-block:000368 | component:02-buttons-forms.css */
.egeg-generator .egeg-nav .egeg-button:disabled {
	background: var(--egeg-gray-100) !important;
	border-color: var(--egeg-gray-100) !important;
	box-shadow: none !important;
	color: var(--egeg-gray-300) !important;
	transform: none !important;
}

/* @egeg-block:000369 | component:02-buttons-forms.css */
.egeg-generator .egeg-button--compact {
	border-radius: var(--egeg-button-radius) !important;
	font-size: 14px !important;
	gap: var(--egeg-button-gap) !important;
	min-height: 42px !important;
	padding: 10px 18px !important;
}

/* @egeg-block:000370 | component:02-buttons-forms.css */
.egeg-generator .egeg-button--primary:hover:not(:disabled),
.egeg-generator .egeg-button--primary:focus-visible:not(:disabled) {
	background: #FFD65A !important;
	box-shadow: 0 6px 0 #C9821E !important;
	color: #2E2417 !important;
	transform: translateY(-2px) !important;
}

/* @egeg-block:000371 | component:02-buttons-forms.css */
.egeg-generator .egeg-button--outline,
.egeg-generator .egeg-button--ghost,
.egeg-generator .egeg-mini-button {
	background: #FFFFFF !important;
	border: 1.5px solid #F28A1A !important;
	border-radius: var(--egeg-button-radius) !important;
	box-shadow: none !important;
	color: #F28A1A !important;
}

/* @egeg-block:000372 | component:02-buttons-forms.css */
.egeg-generator .egeg-button--outline:hover:not(:disabled),
.egeg-generator .egeg-button--outline:focus-visible:not(:disabled),
.egeg-generator .egeg-button--ghost:hover:not(:disabled),
.egeg-generator .egeg-button--ghost:focus-visible:not(:disabled),
.egeg-generator .egeg-mini-button:hover:not(:disabled),
.egeg-generator .egeg-mini-button:focus-visible:not(:disabled) {
	background: #FFF6D9 !important;
	border-color: #F28A1A !important;
	border-radius: var(--egeg-button-radius) !important;
	box-shadow: 0 4px 0 #F28A1A !important;
	color: #F28A1A !important;
	transform: translateY(-2px) !important;
}

/* @egeg-block:000373 | component:02-buttons-forms.css */
.egeg-generator .egeg-button:disabled,
.egeg-generator .egeg-mini-button:disabled {
	background: var(--egeg-gray-100) !important;
	border-color: var(--egeg-gray-100) !important;
	border-radius: var(--egeg-button-radius) !important;
	box-shadow: none !important;
	color: var(--egeg-gray-300) !important;
	cursor: not-allowed !important;
	transform: none !important;
}

/* @egeg-block:000374 | component:02-buttons-forms.css */
.egeg-generator .egeg-button--primary:hover:not(:disabled),
.egeg-generator .egeg-button--primary:focus-visible:not(:disabled) {
	background: #FFD65A !important;
	box-shadow: 0 5px 0 #C9821E !important;
	color: var(--egeg-color-ink) !important;
}

/* @egeg-block:000375 | component:02-buttons-forms.css */
.egeg-quote-action .egeg-mini-button {
	white-space: nowrap;
}

/* @egeg-block:000376 | component:02-buttons-forms.css */
.egeg-field {
	display: grid;
	gap: 6px;
	font-weight: 700;
	color: #201733;
}

/* @egeg-block:000377 | component:02-buttons-forms.css */
.egeg-field span {
	font-size: 0.82rem;
	color: rgba(32, 23, 51, 0.7);
}

/* @egeg-block:000378 | component:02-buttons-forms.css */
.egeg-quote-whatsapp-field {
	margin-top: 12px;
}

/* @egeg-block:000379 | component:02-buttons-forms.css */
.egeg-info-modal-section strong {
	color: var(--egeg-orange, var(--egeg-color-accent, #F98800)) !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	letter-spacing: .01em !important;
}

/* @egeg-block:000380 | component:02-buttons-forms.css */
/* Botones — mismos tokens que el sistema */
.egeg-ob-nav-btn {
	align-items: center;
	border-radius: var(--egeg-button-radius);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--egeg-font-family);
	font-size: 13px;
	font-weight: var(--egeg-button-font-weight);
	gap: var(--egeg-button-gap);
	height: 36px;
	justify-content: center;
	padding: 0 16px;
	transition: opacity 0.12s, background 0.12s;
	white-space: nowrap;
}

/* @egeg-block:000381 | component:02-buttons-forms.css */
/* Prev — ghost, igual que .egeg-button--outline */
.egeg-ob-prev {
	background: transparent;
	border: 1.5px solid var(--egeg-color-gray-200);
	color: var(--egeg-color-gray-700);
}

/* @egeg-block:000382 | component:02-buttons-forms.css */
/* Next — primario, igual que .egeg-button--primary */
.egeg-ob-next {
	background: var(--egeg-purple-400);
	border: 1.5px solid var(--egeg-purple-400);
	color: var(--egeg-white);
}

/* @egeg-block:000383 | component:02-buttons-forms.css */
/* Botones del callout inline (Entendido / No mostrar más) */
.egeg-ob-btn {
	border: none;
	border-radius: var(--egeg-button-radius);
	cursor: pointer;
	font-family: var(--egeg-font-family);
	font-size: 12px;
	font-weight: 700;
	height: 30px;
	padding: 0 14px;
	transition: opacity 0.12s;
}

/* @egeg-block:000384 | component:02-buttons-forms.css */
/* Botón ❓ — mismo sistema de posición que el resto del shell */
.egeg-ob-launch {
	align-items: center;
	background: var(--egeg-purple-400);
	border: none;
	border-radius: var(--egeg-button-radius);
	box-shadow: 0 2px 8px rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.3);
	color: var(--egeg-white);
	cursor: pointer;
	display: flex;
	font-family: var(--egeg-font-family);
	font-size: 13px;
	font-weight: 800;
	height: 32px;
	justify-content: center;
	position: absolute;
	right: 12px;
	top: 12px;
	transition: box-shadow 0.15s, transform 0.12s;
	width: 32px;
	z-index: 50;
}

/* @egeg-block:000385 | component:02-buttons-forms.css */
.egeg-sfb-star--on {
	color: var(--egeg-color-orange);
}

/* @egeg-block:000386 | component:02-buttons-forms.css */
.egeg-sfb-textarea {
	border: 1px solid var(--egeg-color-gray-200);
	border-radius: var(--egeg-radius-sm);
	color: var(--egeg-color-gray-900);
	font-family: var(--egeg-font-family);
	font-size: 13px;
	line-height: 1.5;
	padding: 10px 12px;
	resize: vertical;
	width: 100%;
	box-sizing: border-box;
}

/* @egeg-block:000387 | component:02-buttons-forms.css */
.egeg-sfb-textarea:focus {
	border-color: var(--egeg-purple-400);
	outline: none;
}

/* @egeg-block:000388 | component:02-buttons-forms.css */
.egeg-sfb-send {
	background: var(--egeg-purple-400);
	border: none;
	border-radius: var(--egeg-button-radius);
	color: var(--egeg-white);
	cursor: pointer;
	font-family: var(--egeg-font-family);
	font-size: 13px;
	font-weight: 700;
	height: 38px;
	justify-self: end;
	padding: 0 22px;
	transition: opacity 0.12s;
}

/* @egeg-block:000389 | component:02-buttons-forms.css */
.egeg-sfb-thanks-icon {
	align-items: center;
	background: var(--egeg-color-orange);
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	font-size: 12px;
	height: 22px;
	justify-content: center;
	width: 22px;
}

/* @egeg-block:000390 | component:02-buttons-forms.css */
.egeg-generator .egeg-sfb-textarea {
	min-height: 38px;
	resize: vertical;
}

/* @egeg-block:000391 | component:02-buttons-forms.css */
.egeg-customer-field input {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.24);
  border-radius: 12px;
  background: #fff;
  padding: 10px 14px;
  color: #252236;
  font: inherit;
}

/* @egeg-block:000392 | component:02-buttons-forms.css */
.egeg-customer-field input:focus {
  border-color: var(--egeg-color-primary, #8732F5);
  box-shadow: 0 0 0 3px rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.14);
  outline: none;
}

/* @egeg-block:000393 | component:02-buttons-forms.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-button[disabled] {
  opacity: 0.58;
  cursor: not-allowed;
}

/* @egeg-block:000394 | component:02-buttons-forms.css */
.egeg-generator .egeg-sfb-textarea {
	border-radius: 11px !important;
	font-size: 12px !important;
	line-height: 1.25 !important;
	min-height: 34px !important;
	padding: 8px 10px !important;
}

/* @egeg-block:000395 | component:02-buttons-forms.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-grid .egeg-customer-field:last-child {
  grid-column: 1 / -1 !important;
}

/* @egeg-block:000396 | component:02-buttons-forms.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-field {
  color: #24153F !important;
  display: grid !important;
  gap: 6px !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

/* @egeg-block:000397 | component:02-buttons-forms.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-field span,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > span {
  color: rgba(36, 21, 63, .64) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

/* @egeg-block:000398 | component:02-buttons-forms.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-field input {
  background: #FFFFFF !important;
  border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  color: #24153F !important;
  font: inherit !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  width: 100% !important;
}

/* @egeg-block:000399 | component:02-buttons-forms.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-field input:focus {
  border-color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
  box-shadow: 0 0 0 3px rgba(var(--egeg-primary-rgb, 135, 50, 245), .12) !important;
  outline: 0 !important;
}

/* @egeg-block:000400 | component:02-buttons-forms.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-field {
  gap: 4px !important;
}

/* @egeg-block:000401 | component:02-buttons-forms.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-field input {
  min-height: 40px !important;
  padding: 9px 11px !important;
}

/* @egeg-block:000402 | component:02-buttons-forms.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-field {
  gap: 5px !important;
}

/* @egeg-block:000403 | component:02-buttons-forms.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-field span,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > span {
  color: rgba(36, 21, 63, .68) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

/* @egeg-block:000404 | component:02-buttons-forms.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-field input {
  font-size: 15px !important;
  font-weight: 400 !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
}

/* @egeg-block:000405 | component:02-buttons-forms.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-field input::placeholder {
  color: rgba(36, 21, 63, .48) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

/* @egeg-block:000406 | component:03-cards-grids.css */
.egeg-card-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
	min-width: 0;
	width: 100%;
}

/* @egeg-block:000407 | component:03-cards-grids.css */
.egeg-card-grid--products {
	display: flex;
	gap: 18px;
	max-width: 100%;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 12px 8px 14px;
	scroll-snap-type: x mandatory;
	scrollbar-color: var(--egeg-gray-200) transparent;
	scrollbar-width: thin;
	width: 100%;
}

/* @egeg-block:000408 | component:03-cards-grids.css */
.egeg-card-grid--products::-webkit-scrollbar {
	height: 8px;
}

/* @egeg-block:000409 | component:03-cards-grids.css */
.egeg-card-grid--products::-webkit-scrollbar-track {
	background: transparent;
}

/* @egeg-block:000410 | component:03-cards-grids.css */
.egeg-card-grid--products::-webkit-scrollbar-thumb {
	background: var(--egeg-gray-200);
	border-radius: 999px;
}

/* @egeg-block:000411 | component:03-cards-grids.css */
.egeg-card {
	appearance: none;
	background: var(--egeg-white);
	border: 1px solid var(--egeg-purple-100);
	border-radius: 8px;
	box-shadow: var(--egeg-shadow-card);
	color: var(--egeg-gray-400);
	cursor: pointer;
	display: grid;
	gap: var(--egeg-summary-final-list-gap, 10px);
	min-width: 0;
	padding: var(--egeg-card-padding);
	position: relative;
	text-align: left;
	transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

/* @egeg-block:000412 | component:03-cards-grids.css */
.egeg-card-grid--products .egeg-card {
	flex: 0 0 clamp(200px, 29vw, 230px);
	min-height: 320px;
	scroll-snap-align: start;
}

/* @egeg-block:000413 | component:03-cards-grids.css */
.egeg-card:hover:not(:disabled):not([aria-disabled="true"]):not([aria-pressed="true"]) {
	background: var(--egeg-white);
	border-color: var(--egeg-purple-200);
	box-shadow: 6px 6px 12px rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.12);
}

/* @egeg-block:000414 | component:03-cards-grids.css */
.egeg-card[aria-pressed="true"] {
	border-color: var(--egeg-yellow-300);
	border-width: 2px;
	box-shadow: var(--egeg-shadow-card-selected);
}

/* @egeg-block:000415 | component:03-cards-grids.css */
.egeg-card:disabled,
.egeg-card[aria-disabled="true"] {
	background: var(--egeg-gray-50);
	border-color: var(--egeg-gray-100);
	box-shadow: none;
	color: var(--egeg-gray-300);
	cursor: not-allowed;
	opacity: 0.72;
}

/* @egeg-block:000416 | component:03-cards-grids.css */
.egeg-card-visual {
	align-items: center;
	background: #E3E3E3;
	border-radius: 4px;
	color: var(--egeg-gray-100);
	display: flex;
	flex: 0 0 auto;
	height: 126px;
	justify-content: center;
	overflow: hidden;
	width: 100%;
}

/* @egeg-block:000417 | component:03-cards-grids.css */
.egeg-card-visual .ph {
	font-size: 76px;
	opacity: 0.36;
}

/* @egeg-block:000418 | component:03-cards-grids.css */
.egeg-card-note {
	color: var(--egeg-yellow-400);
	font-weight: 700;
}

/* @egeg-block:000419 | component:03-cards-grids.css */
.egeg-card-check {
	align-items: center;
	background: var(--egeg-yellow-200);
	border: 2px solid var(--egeg-yellow-300);
	border-radius: 14px;
	color: var(--egeg-yellow-400);
	display: inline-flex;
	font-size: 20px;
	height: 38px;
	justify-content: center;
	opacity: 0;
	position: absolute;
	right: -14px;
	top: -14px;
	width: 38px;
}

/* @egeg-block:000420 | component:03-cards-grids.css */
.egeg-panel .egeg-card-check {
	right: 8px;
	top: 8px;
}

/* @egeg-block:000421 | component:03-cards-grids.css */
.egeg-card-pill {
	background: var(--egeg-yellow-100);
	border-radius: 999px;
	color: var(--egeg-gray-400);
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	padding: 7px 10px;
	width: max-content;
}

/* @egeg-block:000422 | component:03-cards-grids.css */
.egeg-card--icon {
	align-content: center;
	justify-items: center;
	min-height: 150px;
	padding: var(--egeg-card-padding);
	text-align: center;
}

/* @egeg-block:000423 | component:03-cards-grids.css */
.egeg-card--icon .egeg-card-icon {
	align-items: center;
	background: var(--egeg-purple-400);
	border-radius: 999px;
	color: var(--egeg-white);
	display: inline-flex;
	font-size: var(--egeg-option-card-icon-size);
	height: var(--egeg-option-card-icon-box);
	justify-content: center;
	width: var(--egeg-option-card-icon-box);
}

/* @egeg-block:000424 | component:03-cards-grids.css */
.egeg-card--icon .egeg-card-title {
	font-size: var(--egeg-option-card-title-size);
	font-weight: var(--egeg-option-card-title-weight);
	text-align: center;
}

/* @egeg-block:000425 | component:03-cards-grids.css */
.egeg-card--icon .egeg-card-copy {
	color: var(--egeg-yellow-300);
	font-size: var(--egeg-option-card-copy-size);
	font-weight: var(--egeg-option-card-copy-weight);
	white-space: normal;
}

/* @egeg-block:000426 | component:03-cards-grids.css */
.egeg-card--icon[aria-pressed="true"] .egeg-card-icon {
	background: var(--egeg-purple-400);
}

/* @egeg-block:000427 | component:03-cards-grids.css */
.egeg-card--compact {
	min-height: 132px;
}

/* @egeg-block:000428 | component:03-cards-grids.css */
.egeg-card-grid--icons {
	grid-template-columns: repeat(2, minmax(min(100%, 220px), 1fr));
	margin-inline: auto;
	max-width: 720px;
}

/* @egeg-block:000429 | component:03-cards-grids.css */
.egeg-card-grid-footer {
	padding: 0 var(--egeg-card-grid-padding, 12px);
	width: 100%;
}

/* @egeg-block:000430 | component:03-cards-grids.css */
.egeg-card[aria-pressed="true"] .egeg-card-check {
	opacity: 1;
}

/* @egeg-block:000431 | component:03-cards-grids.css */
.egeg-summary dl {
	background: var(--egeg-purple-50);
	border: 2px solid var(--egeg-purple-200);
	border-radius: 16px;
	display: grid;
	gap: 8px;
	margin: 0;
	padding: var(--egeg-card-padding);
}

/* @egeg-block:000432 | component:03-cards-grids.css */
.egeg-generator .egeg-card,
.egeg-generator .egeg-card:hover,
.egeg-generator .egeg-card:focus,
.egeg-generator .egeg-card:active,
.egeg-generator .egeg-card[aria-pressed="true"],
.egeg-generator .egeg-card[aria-pressed="true"]:hover,
.egeg-generator .egeg-card[aria-pressed="true"]:focus,
.egeg-generator .egeg-card[aria-pressed="true"]:active {
	background: var(--egeg-white) !important;
}

/* @egeg-block:000433 | component:03-cards-grids.css */
.egeg-generator .egeg-card:hover:not(:disabled):not([aria-disabled="true"]) {
	border-color: var(--egeg-yellow-300);
	box-shadow: 10px 12px 24px rgba(var(--egeg-accent-rgb, 249, 136, 0), 0.16);
	color: var(--egeg-gray-400);
}

/* @egeg-block:000434 | component:03-cards-grids.css */
.egeg-generator .egeg-card[aria-pressed="true"],
.egeg-generator .egeg-card[aria-pressed="true"]:hover {
	border-color: var(--egeg-yellow-300);
	box-shadow: var(--egeg-shadow-card-selected);
}

/* @egeg-block:000435 | component:03-cards-grids.css */
.egeg-generator .egeg-card .egeg-card-title,
.egeg-generator .egeg-card:hover .egeg-card-title,
.egeg-generator .egeg-card:focus .egeg-card-title,
.egeg-generator .egeg-card:active .egeg-card-title {
	color: var(--egeg-purple-400) !important;
}

/* @egeg-block:000436 | component:03-cards-grids.css */
.egeg-generator .egeg-card .egeg-card-copy,
.egeg-generator .egeg-card:hover .egeg-card-copy,
.egeg-generator .egeg-card:focus .egeg-card-copy,
.egeg-generator .egeg-card:active .egeg-card-copy {
	color: var(--egeg-text-secondary) !important;
}

/* @egeg-block:000437 | component:03-cards-grids.css */
.egeg-generator .egeg-card--icon .egeg-card-copy,
.egeg-generator .egeg-card--icon:hover .egeg-card-copy,
.egeg-generator .egeg-card--icon:focus .egeg-card-copy,
.egeg-generator .egeg-card--icon:active .egeg-card-copy {
	color: var(--egeg-yellow-300) !important;
}

/* @egeg-block:000438 | component:03-cards-grids.css */
.egeg-card-grid--products {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	overflow: visible;
	padding: 10px 8px 12px;
	scroll-snap-type: none;
}

/* @egeg-block:000439 | component:03-cards-grids.css */
.egeg-card-grid--products .egeg-card {
	flex: initial;
	min-height: 250px;
	scroll-snap-align: none;
}

/* @egeg-block:000440 | component:03-cards-grids.css */
.egeg-card,
.egeg-card--icon,
.egeg-card--compact {
	gap: 8px;
	padding: 14px;
}

/* @egeg-block:000441 | component:03-cards-grids.css */
.egeg-card-title,
.egeg-card-meta,
.egeg-card-copy,
.egeg-card-note,
.egeg-final-item strong,
.egeg-summary dd {
	hyphens: auto;
	overflow-wrap: anywhere;
	white-space: normal;
	word-break: normal;
}

/* @egeg-block:000442 | component:03-cards-grids.css */
.egeg-card-visual {
	height: 104px;
}

/* @egeg-block:000443 | component:03-cards-grids.css */
.egeg-card-visual .ph {
	font-size: 58px;
}

/* @egeg-block:000444 | component:03-cards-grids.css */
.egeg-card--icon {
	min-height: 160px;
}

/* @egeg-block:000445 | component:03-cards-grids.css */
.egeg-card--icon .egeg-card-title {
	font-size: var(--egeg-option-card-title-size);
	font-weight: var(--egeg-option-card-title-weight);
	line-height: 1.15;
}

/* @egeg-block:000446 | component:03-cards-grids.css */
.egeg-card--icon .egeg-card-copy,
.egeg-card--icon .egeg-card-meta {
	font-size: var(--egeg-option-card-copy-size);
	line-height: 1.25;
}

/* @egeg-block:000447 | component:03-cards-grids.css */
.egeg-card-grid--icons {
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 640px;
}

/* @egeg-block:000448 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products {
	display: flex;
	gap: 18px;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 10px 8px 16px;
	scroll-snap-type: x mandatory;
	width: 100%;
}

/* @egeg-block:000449 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card {
	flex: 0 0 clamp(205px, 30vw, 245px);
	min-height: 258px;
	scroll-snap-align: start;
}

/* @egeg-block:000450 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-visual {
	height: 100px;
}

/* @egeg-block:000451 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-card-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* @egeg-block:000452 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-card-title {
	font-size: 18px;
}

/* @egeg-block:000453 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-card-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-inline: auto;
	max-width: 640px;
}

/* @egeg-block:000454 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-card {
	min-height: 102px;
	padding: 14px;
}

/* @egeg-block:000455 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-card-copy {
	font-size: 13px;
	line-height: 1.32;
}

/* @egeg-block:000456 | component:03-cards-grids.css */
/* Beta tuning 0.1.5: product visual ratio and quote closure flow */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-visual,
.egeg-card-grid--products .egeg-card-visual {
	aspect-ratio: 5 / 4;
	height: auto;
	min-height: 0;
}

/* @egeg-block:000457 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card {
	min-height: 0;
}

/* @egeg-block:000458 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-title {
	min-height: 2.3em;
}

/* @egeg-block:000459 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons {
	align-items: stretch;
}

/* @egeg-block:000460 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-card[data-egeg-art-id="quote_design"] {
	border-color: var(--egeg-purple-200);
}

/* @egeg-block:000461 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 10px 8px 14px;
	scroll-snap-type: x mandatory;
	width: 100%;
}

/* @egeg-block:000462 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card {
	flex: 0 0 clamp(210px, 31vw, 250px);
	scroll-snap-align: start;
}

/* @egeg-block:000463 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-visual,
.egeg-card-grid--products .egeg-card-visual {
	aspect-ratio: 5 / 4;
	height: auto;
}

/* @egeg-block:000464 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-card-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	max-width: 640px;
}

/* @egeg-block:000465 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-card {
	min-height: 96px;
	padding: 12px 14px;
}

/* @egeg-block:000466 | component:03-cards-grids.css */
.egeg-card[data-egeg-delivery-id] {
	min-height: 84px;
	padding-block: 12px;
}

/* @egeg-block:000467 | component:03-cards-grids.css */
.egeg-card[data-egeg-delivery-id] .egeg-card-copy {
	font-size: 12px;
	line-height: 1.25;
}

/* @egeg-block:000468 | component:03-cards-grids.css */
.egeg-card[data-egeg-delivery-id] {
	min-height: 66px;
	padding: 10px 14px;
}

/* @egeg-block:000469 | component:03-cards-grids.css */
.egeg-card[data-egeg-delivery-id] .egeg-card-title {
	font-size: 18px;
}

/* @egeg-block:000470 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-card-grid {
	margin-bottom: 18px !important;
}

/* @egeg-block:000471 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-card-grid {
	margin-bottom: 0 !important;
	max-width: 700px;
	margin-inline: auto;
}

/* @egeg-block:000472 | component:03-cards-grids.css */
/* 0.1.17 micro polish: card checks + nav button shadow model. */
.egeg-generator .egeg-card-check,
.egeg-generator .egeg-panel .egeg-card-check,
.egeg-generator .egeg-card[aria-pressed="true"] .egeg-card-check {
	border-radius: 8px !important;
}

/* @egeg-block:000473 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products {
	margin-left: -8px;
	margin-right: -8px;
	padding: 12px 16px 16px !important;
	scrollbar-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), .82) rgba(246, 242, 255, .92);
	scrollbar-width: thin;
	width: calc(100% + 16px);
}

/* @egeg-block:000474 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products::-webkit-scrollbar {
	height: 8px;
}

/* @egeg-block:000475 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products::-webkit-scrollbar-track {
	background: rgba(246, 242, 255, .92);
	border-radius: 999px;
}

/* @egeg-block:000476 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products::-webkit-scrollbar-thumb {
	background: linear-gradient(90deg, var(--egeg-color-primary, #8732F5) 0%, var(--egeg-color-accent, #F98800) 100%);
	border: 2px solid rgba(246, 242, 255, .92);
	border-radius: 999px;
}

/* @egeg-block:000477 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card {
	gap: 6px !important;
}

/* @egeg-block:000478 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-title {
	line-height: 1.08 !important;
	margin-bottom: 0 !important;
	min-height: 0 !important;
}

/* @egeg-block:000479 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-meta,
.egeg-generator[data-egeg-current-step="0"] .egeg-card-copy,
.egeg-generator[data-egeg-current-step="0"] .egeg-card-note {
	line-height: 1.22 !important;
}

/* @egeg-block:000480 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-card .egeg-card-check,
.egeg-generator .egeg-card[data-egeg-delivery-id] .egeg-card-check {
	border-width: 1.5px !important;
	font-size: 15px !important;
	height: 28px !important;
	right: 8px !important;
	top: 8px !important;
	width: 28px !important;
}

/* @egeg-block:000481 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-card,
.egeg-generator .egeg-card[data-egeg-delivery-id] {
	padding-right: 42px !important;
}

/* @egeg-block:000482 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-card[aria-pressed="true"] .egeg-card-check,
.egeg-generator .egeg-card[data-egeg-delivery-id][aria-pressed="true"] .egeg-card-check {
	opacity: 1 !important;
}

/* @egeg-block:000483 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 12px 16px 16px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
	overscroll-behavior-x: contain;
	scroll-padding-inline: 16px;
}

/* @egeg-block:000484 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card {
	max-width: calc(100% - 2px);
}

/* @egeg-block:000485 | component:03-cards-grids.css */
.egeg-generator .egeg-card {
	gap: 10px !important;
	padding: 16px !important;
}

/* @egeg-block:000486 | component:03-cards-grids.css */
.egeg-generator .egeg-card-title {
	line-height: 1.14 !important;
}

/* @egeg-block:000487 | component:03-cards-grids.css */
.egeg-generator .egeg-card-copy,
.egeg-generator .egeg-card-meta,
.egeg-generator .egeg-card-note {
	line-height: 1.34 !important;
}

/* @egeg-block:000488 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card {
	gap: 10px !important;
	padding: 14px !important;
}

/* @egeg-block:000489 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-visual {
	margin-bottom: 2px !important;
}

/* @egeg-block:000490 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-title {
	line-height: 1.12 !important;
}

/* @egeg-block:000491 | component:03-cards-grids.css */
.egeg-card-title {
	font-size: var(--egeg-text-card-title) !important;
}

/* @egeg-block:000492 | component:03-cards-grids.css */
.egeg-card-meta {
	font-size: var(--egeg-text-card-meta) !important;
}

/* @egeg-block:000493 | component:03-cards-grids.css */
.egeg-card-copy,
.egeg-card-note {
	font-size: var(--egeg-text-card-copy) !important;
}

/* @egeg-block:000494 | component:03-cards-grids.css */
.egeg-card-visual img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/* @egeg-block:000495 | component:03-cards-grids.css */
.egeg-card-title {
	font-size: var(--egeg-text-card-title) !important;
	line-height: 1.14 !important;
}

/* @egeg-block:000496 | component:03-cards-grids.css */
.egeg-card-meta,
.egeg-card-note {
	font-size: var(--egeg-text-card-meta) !important;
	line-height: 1.22 !important;
}

/* @egeg-block:000497 | component:03-cards-grids.css */
.egeg-card-copy {
	font-size: var(--egeg-text-card-copy) !important;
	line-height: 1.35 !important;
}

/* @egeg-block:000498 | component:03-cards-grids.css */
.egeg-card--icon .egeg-card-title,
.egeg-card--compact .egeg-card-title {
	font-size: var(--egeg-text-option-card-title) !important;
	line-height: 1.12 !important;
}

/* @egeg-block:000499 | component:03-cards-grids.css */
.egeg-card--icon .egeg-card-copy,
.egeg-card--icon .egeg-card-meta,
.egeg-card--compact .egeg-card-copy,
.egeg-card--compact .egeg-card-meta {
	font-size: var(--egeg-text-option-card-copy) !important;
	line-height: 1.28 !important;
}

/* @egeg-block:000500 | component:03-cards-grids.css */
.egeg-card {
	gap: var(--egeg-card-gap);
	padding: var(--egeg-card-padding) !important;
}

/* @egeg-block:000501 | component:03-cards-grids.css */
.egeg-card--compact .egeg-card-title,
.egeg-generator[data-egeg-current-step="6"] .egeg-card-title,
.egeg-summary-delivery .egeg-card-title {
	font-size: var(--egeg-compact-card-title-size) !important;
	font-weight: var(--egeg-compact-card-title-weight) !important;
}

/* @egeg-block:000502 | component:03-cards-grids.css */
.egeg-card--compact .egeg-card-copy,
.egeg-generator[data-egeg-current-step="6"] .egeg-card-copy,
.egeg-summary-delivery .egeg-card-copy {
	font-size: var(--egeg-compact-card-copy-size) !important;
	font-weight: var(--egeg-compact-card-copy-weight) !important;
}

/* @egeg-block:000503 | component:03-cards-grids.css */
/* QA hardening 0.1.94: product step is a single horizontal carousel again. */
.egeg-card-grid--product-carousel {
	display: flex !important;
	gap: 18px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 12px 8px 14px;
	scroll-snap-type: x mandatory;
}

/* @egeg-block:000504 | component:03-cards-grids.css */
.egeg-card-grid--product-carousel .egeg-card {
	flex: 0 0 clamp(200px, 29vw, 230px);
	scroll-snap-align: start;
}

/* @egeg-block:000505 | component:03-cards-grids.css */
/* 0.1.95 QA merge: compact alerts, consistent cards and summary recovery. */
.egeg-generator {
	--egeg-card-icon-title-size: var(--egeg-card-icon-title-size, 20px);
	--egeg-card-icon-copy-size: var(--egeg-card-icon-copy-size, 14px);
}

/* @egeg-block:000506 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--icons,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons {
	align-items: stretch !important;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
	gap: 14px !important;
}

/* @egeg-block:000507 | component:03-cards-grids.css */
.egeg-generator .egeg-card--icon {
	align-items: center !important;
	justify-content: center !important;
	min-height: 140px !important;
	padding: 24px 18px !important;
	text-align: center !important;
}

/* @egeg-block:000508 | component:03-cards-grids.css */
.egeg-generator .egeg-card--icon .egeg-card-icon {
	margin: 0 auto 10px !important;
}

/* @egeg-block:000509 | component:03-cards-grids.css */
.egeg-generator .egeg-card--icon .egeg-card-title {
	font-size: var(--egeg-card-icon-title-size, 20px) !important;
	line-height: 1.18 !important;
	margin: 0 !important;
}

/* @egeg-block:000510 | component:03-cards-grids.css */
.egeg-generator .egeg-card--icon .egeg-card-copy,
.egeg-generator .egeg-card--icon .egeg-card-meta {
	font-size: var(--egeg-card-icon-copy-size, 14px) !important;
	line-height: 1.34 !important;
	margin: 0 !important;
}

/* @egeg-block:000511 | component:03-cards-grids.css */
.egeg-card-grid--product-carousel .egeg-card-title { text-transform: none !important; }

/* @egeg-block:000512 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--icons,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons {
	width: min(100%, 640px) !important;
	max-width: 640px !important;
	margin-inline: auto !important;
	grid-template-columns: repeat(2, minmax(250px, 1fr)) !important;
	gap: 16px !important;
}

/* @egeg-block:000513 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-card--icon,
.egeg-generator[data-egeg-current-step="3"] .egeg-card--icon {
	min-height: 150px !important;
	padding: 24px 20px !important;
}

/* @egeg-block:000514 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid,
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 18px !important;
	max-width: none !important;
	width: 100% !important;
	margin-inline: 0 !important;
}

/* @egeg-block:000515 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-card--icon,
.egeg-generator[data-egeg-current-step="3"] .egeg-card--icon {
	min-height: 158px !important;
	width: 100% !important;
}

/* @egeg-block:000516 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid,
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(260px, 390px)) !important;
	justify-content: center !important;
	justify-items: stretch !important;
	gap: 18px !important;
	max-width: 840px !important;
	margin-inline: auto !important;
	width: 100% !important;
}

/* @egeg-block:000517 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-card--icon,
.egeg-generator[data-egeg-current-step="3"] .egeg-card--icon {
	box-sizing: border-box !important;
	max-width: 390px !important;
	min-height: 150px !important;
	width: 100% !important;
}

/* @egeg-block:000518 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(240px, 340px)) !important;
	justify-content: center !important;
	justify-items: stretch !important;
	gap: 18px !important;
	max-width: 740px !important;
	width: 100% !important;
	margin-inline: auto !important;
}

/* @egeg-block:000519 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial .egeg-card,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons .egeg-card {
	box-sizing: border-box !important;
	max-width: 340px !important;
	min-height: 148px !important;
	width: 100% !important;
}

/* @egeg-block:000520 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial .egeg-card-check,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons .egeg-card-check {
	border-radius: 8px !important;
	right: 8px !important;
	top: 8px !important;
}

/* @egeg-block:000521 | component:03-cards-grids.css */
.egeg-generator .egeg-card-grid[data-egeg-card-count="1"] {
	grid-template-columns: minmax(240px, min(100%, 420px)) !important;
	justify-content: center !important;
	justify-items: stretch !important;
	margin-inline: auto !important;
	width: 100% !important;
}

/* @egeg-block:000522 | component:03-cards-grids.css */
.egeg-generator .egeg-card-grid[data-egeg-card-count="2"] {
	grid-template-columns: repeat(2, minmax(240px, 390px)) !important;
	justify-content: center !important;
}

/* @egeg-block:000523 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial[data-egeg-card-count="1"] {
	grid-template-columns: minmax(260px, min(100%, 460px)) !important;
	max-width: 760px !important;
	margin-inline: auto !important;
}

/* @egeg-block:000524 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products,
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel {
	box-sizing: border-box !important;
	gap: 18px !important;
	margin-inline: 0 !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	padding: 16px 24px 18px !important;
	scroll-padding-inline: 24px !important;
	width: 100% !important;
}

/* @egeg-block:000525 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card,
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel .egeg-card {
	flex: 0 0 clamp(220px, 24vw, 286px) !important;
	max-width: 286px !important;
	min-height: 318px !important;
	scroll-snap-align: center !important;
}

/* @egeg-block:000526 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products::after,
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel::after {
	content: "";
	flex: 0 0 4px;
}

/* @egeg-block:000527 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products,
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel {
	gap: clamp(14px, 1.4vw, 20px) !important;
	padding: 14px clamp(14px, 2vw, 24px) 18px !important;
	scrollbar-color: var(--egeg-purple-300, var(--egeg-color-primary-line, #A16BFF)) rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.12) !important;
	scrollbar-width: thin !important;
}

/* @egeg-block:000528 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card,
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel .egeg-card {
	flex-basis: clamp(210px, 22vw, 270px) !important;
	max-width: 270px !important;
	min-height: 292px !important;
}

/* @egeg-block:000529 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-visual {
	min-height: 148px !important;
}

/* @egeg-block:000530 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons {
	gap: 14px !important;
	margin-inline: auto !important;
	max-width: min(100%, 760px) !important;
	width: min(100%, 760px) !important;
}

/* @egeg-block:000531 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer {
	box-sizing: border-box !important;
	margin: 0 auto !important;
	max-width: min(100%, 760px) !important;
	padding: 0 !important;
	width: min(100%, 760px) !important;
}

/* @egeg-block:000532 | component:03-cards-grids.css */
/* Modo + Arte: same centered grid contract. */
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons {
  align-items: stretch !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: var(--egeg-choice-grid-gap) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  justify-content: center !important;
  justify-items: stretch !important;
  margin-inline: auto !important;
  max-width: var(--egeg-choice-grid-max) !important;
  padding: 0 !important;
  width: min(100%, var(--egeg-choice-grid-max)) !important;
}

/* @egeg-block:000533 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial > .egeg-card,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons > .egeg-card {
  align-content: center !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 10px !important;
  height: 100% !important;
  justify-items: center !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: var(--egeg-choice-card-min-height) !important;
  padding: var(--egeg-choice-card-padding-y) var(--egeg-choice-card-padding-x) !important;
  text-align: center !important;
  width: 100% !important;
}

/* @egeg-block:000534 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial > .egeg-card .egeg-card-icon,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons > .egeg-card .egeg-card-icon {
  margin: 0 auto 2px !important;
}

/* @egeg-block:000535 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial > .egeg-card .egeg-card-title,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons > .egeg-card .egeg-card-title,
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial > .egeg-card .egeg-card-copy,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons > .egeg-card .egeg-card-copy,
.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial > .egeg-card .egeg-card-note,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons > .egeg-card .egeg-card-note {
  margin-inline: auto !important;
  max-width: 31ch !important;
  text-align: center !important;
}

/* @egeg-block:000536 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer {
  box-sizing: border-box !important;
  margin: var(--egeg-choice-grid-gap) auto 0 !important;
  max-width: var(--egeg-choice-grid-max) !important;
  padding: 0 !important;
  width: min(100%, var(--egeg-choice-grid-max)) !important;
}

/* @egeg-block:000537 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer .egeg-mini-button {
  align-items: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  min-height: 54px !important;
  padding: 0 26px !important;
  text-align: center !important;
  width: 100% !important;
}

/* @egeg-block:000538 | component:03-cards-grids.css */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card,
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel .egeg-card {
	align-content: start !important;
	grid-auto-rows: auto !important;
	grid-template-rows: auto !important;
	justify-items: stretch !important;
}

.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card-meta,
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel .egeg-card-meta {
	margin-top: 2px !important;
}

.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card-copy,
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel .egeg-card-copy {
	margin-top: 4px !important;
	max-width: 24ch !important;
}

.egeg-card-silhouette {
	display: block;
	height: 74%;
	max-height: 108px;
	max-width: 84%;
	width: 84%;
}

.egeg-card-silhouette__shape {
	fill: rgba(var(--egeg-primary-rgb, 135, 50, 245), .08);
	stroke: var(--egeg-purple-400, var(--egeg-color-primary, #8732F5));
	stroke-linejoin: round;
	stroke-width: 3;
}

.egeg-card-silhouette__helper {
	fill: none;
	stroke: var(--egeg-yellow-400, var(--egeg-color-accent, #F98800));
	stroke-linecap: round;
	stroke-width: 2.25;
	opacity: .75;
}

.egeg-generator[data-egeg-current-step="0"] .egeg-card-visual {
	background: linear-gradient(180deg, #FFFFFF 0%, var(--egeg-color-panel, #F6F2FF) 100%) !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .16) !important;
}

/* @egeg-block:000539 | component:03-cards-grids.css */
.egeg-card-image-fallback {
	background: linear-gradient(180deg, #ECECEC 0%, #DADADA 100%);
	border-radius: 10px;
	display: block;
	height: 100%;
	min-height: 128px;
	width: 100%;
}

.egeg-generator[data-egeg-current-step="0"] .egeg-card-visual .egeg-card-silhouette {
	display: none !important;
}

/* @egeg-block: 100090 category-product-step */
.egeg-product-family-picker {
	inline-size: 100%;
	margin-block-end: var(--egeg-space-16, 16px);
}

.egeg-product-family-picker__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--egeg-space-12, 12px);
	padding: 0 var(--egeg-space-4, 4px);
}

.egeg-product-family-picker__head > strong {
	font-size: var(--egeg-font-component-title, 20px);
	line-height: 1.15;
	color: var(--egeg-color-ink, #12052f);
}

.egeg-product-family-picker__back {
	min-height: 40px;
	padding-inline: var(--egeg-space-16, 16px);
}

.egeg-card--category .egeg-card-visual img {
	object-fit: cover;
}

.egeg-card--category .egeg-card-title,
.egeg-card-grid--products .egeg-card-title {
	align-self: stretch;
}


/* @egeg-block: 100110 category-card-image-contain */
.egeg-generator[data-egeg-current-step="0"] .egeg-card--category .egeg-card-visual,
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card--category .egeg-card-visual {
	align-items: center !important;
	aspect-ratio: 5 / 4 !important;
	background: #F2EAFB !important;
	display: flex !important;
	justify-content: center !important;
	min-height: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
}

.egeg-generator[data-egeg-current-step="0"] .egeg-card--category .egeg-card-visual img,
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card--category .egeg-card-visual img {
	display: block !important;
	height: 100% !important;
	inline-size: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
	width: 100% !important;
}

.egeg-generator[data-egeg-current-step="0"] .egeg-card--category .egeg-card-copy,
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card--category .egeg-card-copy {
	align-self: start !important;
	margin-top: 2px !important;
}


/* @egeg-block:decision-card-contract | component:03-cards-grids.css | version:0.5.170
   DECISION_CARD_VARIANT_CONTRACT:
   Decision cards are compact textual choices such as grommet policies. They are
   semantically distinct from centered icon cards and from measure cards, so the
   alignment contract lives on the .egeg-card--decision variant instead of being
   coupled to a wizard step. */
.egeg-generator .egeg-card--decision {
	align-items: start;
	justify-items: stretch;
	text-align: left;
}

.egeg-generator .egeg-card--decision :is(.egeg-card-title, .egeg-card-meta, .egeg-card-copy, .egeg-card-note) {
	margin-inline: 0;
	max-width: none;
	text-align: left;
	width: 100%;
}
.egeg-generator .egeg-card--decision :is(.egeg-card-copy, .egeg-card-note) {
	margin-top: 6px;
}

/* @egeg-block:category-card-alignment-contract | component:03-cards-grids.css | version:0.5.160
   CATEGORY_CARD_ALIGNMENT_CONTRACT:
   Step 0 category cards are editorial/product-category cards and must remain
   left aligned even when the theme or WooCommerce product grids center text.
   Iconographic option cards and measure cards keep their own centered contract. */
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products > .egeg-card--category,
.egeg-generator[data-egeg-current-step="0"] .egeg-card--category {
	justify-items: stretch;
	text-align: left;
}

.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products > .egeg-card--category
:is(.egeg-card-title, .egeg-card-meta, .egeg-card-copy),
.egeg-generator[data-egeg-current-step="0"] .egeg-card--category
:is(.egeg-card-title, .egeg-card-meta, .egeg-card-copy) {
	margin-inline: 0;
	text-align: left;
	width: 100%;
}

/* @egeg-block:000540 | component:04-product-measure.css */
.egeg-card-title {
	color: var(--egeg-purple-400);
	display: block;
	font-size: var(--egeg-product-card-title-size);
	font-weight: var(--egeg-product-card-title-weight);
	line-height: 1.15;
	overflow-wrap: anywhere;
	word-break: normal;
}

/* @egeg-block:000541 | component:04-product-measure.css */
.egeg-card-meta {
	color: var(--egeg-yellow-300);
	display: block;
	font-size: var(--egeg-product-card-meta-size);
	font-weight: var(--egeg-product-card-meta-weight);
	line-height: 1.18;
}

/* @egeg-block:000542 | component:04-product-measure.css */
.egeg-card-copy,
.egeg-card-note {
	color: var(--egeg-text-secondary);
	display: block;
	font-size: var(--egeg-product-card-copy-size);
	font-weight: var(--egeg-product-card-copy-weight);
	line-height: 1.4;
	max-width: 100%;
	overflow: visible;
	overflow-wrap: anywhere;
	text-overflow: clip;
	white-space: normal;
	word-break: normal;
}

/* @egeg-block:000543 | component:04-product-measure.css */
.egeg-card-grid--measures {
	display: grid;
	gap: var(--egeg-measure-grid-gap, 18px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	justify-content: center;
	justify-items: stretch;
	align-items: stretch;
	margin-inline: auto;
	max-width: 980px;
	width: min(100%, 980px);
}

/* @egeg-block:000544 | component:04-product-measure.css */
.egeg-card-grid--measures[data-egeg-measure-count="1"] {
	grid-template-columns: minmax(min(100%, 320px), 520px);
	max-width: 520px;
}

/* @egeg-block:000545 | component:04-product-measure.css */
.egeg-card-grid--measures[data-egeg-measure-count="2"] {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 720px;
}

/* @egeg-block:000546 | component:04-product-measure.css */
.egeg-card-grid--measures[data-egeg-measure-count="5"] {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

/* @egeg-block:000547 | component:04-product-measure.css */
.egeg-card-grid--measures[data-egeg-measure-count="5"] > .egeg-card--measure {
	grid-column: span 2;
}

/* @egeg-block:000548 | component:04-product-measure.css */
.egeg-card-grid--measures[data-egeg-measure-count="5"] > .egeg-card--measure:nth-child(4) {
	grid-column: 2 / span 2;
}

/* @egeg-block:000549 | component:04-product-measure.css */
.egeg-card-grid--measures[data-egeg-measure-count="5"] > .egeg-card--measure:nth-child(5) {
	grid-column: 4 / span 2;
}

/* @egeg-block:000550 | component:04-product-measure.css */
.egeg-card--measure {
	--egeg-measure-card-gap: var(--egeg-space-2, 8px);
	--egeg-measure-visual-title-gap: var(--egeg-space-5, 20px);
	--egeg-measure-title-meta-gap: var(--egeg-space-2, 8px);
	align-content: center;
	box-sizing: border-box;
	gap: 0;
	justify-items: center;
	margin: 0;
	max-width: none;
	min-height: var(--egeg-measure-card-min-height, 132px);
	padding: var(--egeg-measure-card-padding, 20px 22px);
	text-align: center;
	width: 100%;
}

/* @egeg-block:000551 | component:04-product-measure.css */
.egeg-card--measure .egeg-measure-visual {
	align-items: center;
	background: rgba(var(--egeg-primary-rgb, 135, 50, 245), .055);
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .16);
	border-radius: 16px;
	box-sizing: border-box;
	display: flex;
	height: 74px;
	justify-content: center;
	margin: 0 auto var(--egeg-measure-visual-title-gap);
	overflow: hidden;
	padding: 8px;
	width: 96px;
}

/* @egeg-block:000552 | component:04-product-measure.css */
.egeg-card--measure .egeg-measure-visual__shape {
	background: rgba(255, 255, 255, .88);
	border: 2px solid var(--egeg-color-purple, var(--egeg-color-primary, #8732F5));
	border-radius: 6px;
	box-shadow: inset 0 0 0 2px rgba(var(--egeg-accent-rgb, 249, 136, 0), .14);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	height: var(--egeg-measure-height, auto);
	min-height: var(--egeg-measure-min-height, 0px);
	min-width: var(--egeg-measure-min-width, 0px);
	width: var(--egeg-measure-width, auto);
}

/* @egeg-block:000553 | component:04-product-measure.css */
.egeg-card--measure .egeg-measure-visual__shape--circle {
	border-radius: 999px;
}

/* @egeg-block:000554 | component:04-product-measure.css */
.egeg-card--measure .egeg-measure-visual__shape--svg-contract {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
}

/* @egeg-block:000555 | component:04-product-measure.css */
.egeg-card--measure .egeg-measure-visual__shape--svg-unavailable {
	align-items: center;
	background: rgba(var(--egeg-accent-rgb, 249, 136, 0), .08);
	border: 1.5px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), .44);
	border-radius: 999px;
	box-shadow: none;
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800));
	display: flex;
	font-size: 20px;
	font-weight: 800;
	justify-content: center;
}

/* @egeg-block:000556 | component:04-product-measure.css */
.egeg-card--measure .egeg-measure-visual__svg {
	display: block;
	height: 100%;
	overflow: visible;
	width: 100%;
}

/* @egeg-block:000557 | component:04-product-measure.css */
.egeg-card--measure .egeg-measure-visual__svg-path {
	fill: rgba(var(--egeg-primary-rgb, 135, 50, 245), .10);
	stroke: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5));
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.65;
}

/* @egeg-block:000558 | component:04-product-measure.css */
.egeg-card--measure .egeg-card-title {
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5));
	font-size: var(--egeg-measure-card-title-size, var(--egeg-type-2xl, 32px));
	font-weight: 800;
	line-height: 1.08;
	margin-top: 0;
}

/* @egeg-block:000559 | component:04-product-measure.css */
.egeg-card--measure .egeg-card-meta {
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800));
	font-size: var(--egeg-measure-card-meta-size, var(--egeg-type-lg, 20px));
	font-weight: 650;
	line-height: 1.2;
	margin-top: var(--egeg-measure-title-meta-gap);
}

/* @egeg-block:000560 | component:04-product-measure.css */
.egeg-card--measure .egeg-card-copy,
.egeg-card--measure .egeg-card-note {
	font-size: var(--egeg-measure-card-copy-size, var(--egeg-type-md, 16px));
	font-weight: 500;
	line-height: 1.32;
	margin-top: var(--egeg-measure-card-gap);
	text-align: center;
}

/* @egeg-block:000561 | component:04-product-measure.css */
.egeg-card--measure .egeg-card-check {
	right: 10px;
	top: 10px;
}

/* @egeg-block:000562 | component:04-product-measure.css */
.egeg-custom-size-panel--guided {
	background: rgba(255, 255, 255, .96);
	border: 1.5px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18);
	border-radius: 20px;
	box-shadow: 0 18px 40px rgba(var(--egeg-primary-rgb, 135, 50, 245), .10);
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 780px;
	padding: clamp(18px, 2.4vw, 28px);
	width: min(100%, 780px);
}

/* @egeg-block:000563 | component:04-product-measure.css */
.egeg-custom-size-panel--standalone {
	margin-top: 0;
}

/* @egeg-block:000564 | component:04-product-measure.css */
.egeg-custom-size-panel__intro {
	align-items: center;
	display: grid;
	gap: clamp(18px, 3vw, 30px);
	grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
}

/* @egeg-block:000565 | component:04-product-measure.css */
.egeg-custom-size-panel__preview {
	align-items: center;
	background: linear-gradient(180deg, rgba(var(--egeg-primary-rgb, 135, 50, 245), .055), rgba(255, 255, 255, .82));
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .16);
	border-radius: 18px;
	display: grid;
	gap: 12px;
	justify-items: center;
	min-height: 190px;
	padding: 18px;
}

/* @egeg-block:000566 | component:04-product-measure.css */
.egeg-custom-size-panel__preview .egeg-measure-visual {
	align-items: center;
	background: rgba(255, 255, 255, .9);
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .16);
	border-radius: 20px;
	box-sizing: border-box;
	display: flex;
	height: 112px;
	justify-content: center;
	margin: 0;
	overflow: hidden;
	padding: 12px;
	position: relative;
	width: 168px;
}

/* @egeg-block:000567 | component:04-product-measure.css */
.egeg-custom-size-panel__preview .egeg-measure-visual__shape {
	background: rgba(255, 255, 255, .96);
	border: 2px solid var(--egeg-color-purple, var(--egeg-color-primary, #8732F5));
	border-radius: 8px;
	box-shadow: inset 0 0 0 2px rgba(var(--egeg-accent-rgb, 249, 136, 0), .18);
	box-sizing: border-box;
	display: block;
	flex: 0 0 auto;
	height: var(--egeg-custom-preview-height, var(--egeg-measure-height, 76px));
	max-height: none;
	max-width: none;
	min-height: var(--egeg-custom-preview-min-height, 0px);
	min-width: var(--egeg-custom-preview-min-width, 0px);
	width: var(--egeg-custom-preview-width, var(--egeg-measure-width, 76px));
}

/* @egeg-block:000568 | component:04-product-measure.css */
.egeg-custom-size-panel__preview-text {
	display: grid;
	gap: 4px;
	justify-items: center;
	text-align: center;
}

/* @egeg-block:000569 | component:04-product-measure.css */
.egeg-custom-size-panel__preview-text span {
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800));
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .01em;
	line-height: 1.1;
}

/* @egeg-block:000570 | component:04-product-measure.css */
.egeg-custom-size-panel__preview-text strong {
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5));
	font-size: clamp(20px, 2vw, 26px);
	font-weight: 760;
	line-height: 1.08;
}

/* @egeg-block:000571 | component:04-product-measure.css */
.egeg-custom-size-panel__preview-text small {
	color: rgba(36, 21, 63, .66);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2;
}

/* @egeg-block:000572 | component:04-product-measure.css */
.egeg-custom-size-panel__form {
	display: grid;
	gap: 12px;
}

/* @egeg-block:000573 | component:04-product-measure.css */
.egeg-custom-size-panel__form h4 {
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5));
	font-size: clamp(20px, 1.85vw, 27px);
	font-weight: 760;
	letter-spacing: -.018em;
	line-height: 1.1;
	margin: 0;
}

/* @egeg-block:000574 | component:04-product-measure.css */
.egeg-custom-size-panel__form p {
	color: rgba(36, 21, 63, .68);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.42;
	margin: 0;
	max-width: 58ch;
}

/* @egeg-block:000575 | component:04-product-measure.css */
.egeg-custom-size-panel--guided .egeg-custom-size-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 2px;
}

/* @egeg-block:000576 | component:04-product-measure.css */
.egeg-custom-size-panel--guided .egeg-field {
	color: rgba(36, 21, 63, .76);
	display: grid;
	font-size: 13px;
	font-weight: 650;
	gap: 6px;
}

/* @egeg-block:000577 | component:04-product-measure.css */
.egeg-custom-size-panel--guided .egeg-field input {
	background: #FFFFFF;
	border: 1.5px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .22);
	border-radius: 14px;
	box-shadow: none;
	color: #24153F;
	font-size: 18px;
	font-weight: 650;
	min-height: 50px;
	padding: 10px 13px;
}

/* @egeg-block:000578 | component:04-product-measure.css */
.egeg-custom-size-panel--guided .egeg-field input:focus {
	border-color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5));
	box-shadow: 0 0 0 3px rgba(var(--egeg-primary-rgb, 135, 50, 245), .12);
	outline: 0;
}

/* @egeg-block:000579 | component:04-product-measure.css */
.egeg-custom-size-panel__note {
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800));
	font-size: 13px;
	font-weight: 650;
	line-height: 1.25;
}

/* @egeg-block:000580 | component:05-art-upload.css */
.egeg-secondary-action {
	display: flex;
	justify-content: center;
	margin-top: 12px;
	width: 100%;
}

/* @egeg-block:000581 | component:05-art-upload.css */
.egeg-secondary-action .egeg-mini-button {
	width: 100%;
}

/* @egeg-block:000582 | component:05-art-upload.css */
.egeg-secondary-action .egeg-mini-button[aria-pressed="true"] {
	background: var(--egeg-yellow-100);
	color: var(--egeg-yellow-400);
}

/* @egeg-block:000583 | component:05-art-upload.css */
.egeg-upload-box {
	margin-inline: auto;
	max-width: 760px;
	width: 100%;
}

/* @egeg-block:000584 | component:05-art-upload.css */
.egeg-upload-drop {
	align-items: center;
	border: 2px dashed var(--egeg-purple-100);
	border-radius: 10px;
	color: var(--egeg-purple-400);
	display: grid;
	gap: 8px;
	justify-items: center;
	min-height: 170px;
	padding: var(--egeg-upload-card-padding);
	text-align: center;
}

/* @egeg-block:000585 | component:05-art-upload.css */
.egeg-upload-icon {
	align-items: center;
	background: var(--egeg-purple-50);
	border: 1px solid var(--egeg-purple-100);
	border-radius: 999px;
	color: var(--egeg-purple-400);
	display: inline-flex;
	font-size: var(--egeg-upload-title-size);
	height: 58px;
	justify-content: center;
	width: 58px;
}

/* @egeg-block:000586 | component:05-art-upload.css */
.egeg-upload-drop strong {
	color: var(--egeg-purple-400);
	font-size: var(--egeg-upload-lead-size);
}

/* @egeg-block:000587 | component:05-art-upload.css */
.egeg-summary .egeg-summary-total dd {
	color: var(--egeg-purple-50);
	font-size: var(--egeg-upload-lead-size);
}

/* @egeg-block:000588 | component:05-art-upload.css */
.egeg-secondary-action {
	margin-inline: auto;
	max-width: 640px;
}

/* @egeg-block:000589 | component:05-art-upload.css */
.egeg-summary h3 {
	font-size: var(--egeg-upload-lead-size);
}

/* @egeg-block:000590 | component:05-art-upload.css */
/* 0.1.18: banderola/product-rule polish and inset guide clipping. */
.egeg-generator .egeg-card,
.egeg-generator .egeg-card--icon,
.egeg-generator .egeg-secondary-action .egeg-mini-button {
	border-radius: 8px !important;
}

/* @egeg-block:000591 | component:05-art-upload.css */
.egeg-upload-box {
	gap: 18px !important;
	padding: 34px 38px !important;
}

/* @egeg-block:000592 | component:05-art-upload.css */
.egeg-upload-drop {
	align-items: center !important;
	background: #FFFFFF !important;
	border: 3px dashed rgba(var(--egeg-primary-rgb, 135, 50, 245), .22) !important;
	border-radius: 0 !important;
	box-sizing: border-box !important;
	cursor: pointer;
	display: grid !important;
	gap: 10px !important;
	justify-items: center !important;
	min-height: clamp(220px, 31vh, 270px) !important;
	padding: 38px 24px !important;
	transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease !important;
}

/* @egeg-block:000593 | component:05-art-upload.css */
.egeg-upload-drop:hover,
.egeg-upload-drop:focus-within {
	background: var(--egeg-color-panel, #FBF8FF) !important;
	border-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), .42) !important;
	box-shadow: inset 0 0 0 1px rgba(var(--egeg-primary-rgb, 135, 50, 245), .12) !important;
}

/* @egeg-block:000594 | component:05-art-upload.css */
.egeg-upload-input {
	clip: rect(0 0 0 0);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/* @egeg-block:000595 | component:05-art-upload.css */
.egeg-upload-icon {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--egeg-purple-400) !important;
	font-size: 58px !important;
	height: auto !important;
	line-height: 1 !important;
	width: auto !important;
}

/* @egeg-block:000596 | component:05-art-upload.css */
.egeg-upload-drop strong {
	color: var(--egeg-purple-500) !important;
	font-size: clamp(28px, 3.2vw, 42px) !important;
	font-weight: 900 !important;
	letter-spacing: -.03em !important;
	line-height: 1 !important;
	text-align: center !important;
}

/* @egeg-block:000597 | component:05-art-upload.css */
.egeg-upload-drop span:not(.egeg-upload-icon):not(.egeg-upload-meta) {
	color: var(--egeg-orange-400) !important;
	font-size: clamp(18px, 2vw, 25px) !important;
	font-weight: 800 !important;
	letter-spacing: .04em !important;
	text-align: center !important;
}

/* @egeg-block:000598 | component:05-art-upload.css */
.egeg-upload-meta {
	color: rgba(94, 83, 112, .78) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	max-width: 620px;
	text-align: center;
}

/* @egeg-block:000599 | component:05-art-upload.css */
.egeg-upload-actions {
	gap: 14px !important;
	justify-content: center !important;
}

/* @egeg-block:000600 | component:05-art-upload.css */
.egeg-upload-warning {
	background: #FFF6D9;
	border: 1px solid #FFD65A;
	border-radius: 12px;
	color: #6A4B18;
	font-size: var(--egeg-upload-hint-size);
	font-weight: 600;
	line-height: 1.35;
	margin: 0;
	padding: 10px 12px;
}

/* @egeg-block:000601 | component:05-art-upload.css */
.egeg-upload-drop--dragging {
	background: var(--egeg-color-panel, #FBF8FF) !important;
	border-color: var(--egeg-purple-400) !important;
	box-shadow: inset 0 0 0 2px rgba(var(--egeg-primary-rgb, 135, 50, 245), .18) !important;
}

/* @egeg-block:000602 | component:05-art-upload.css */
/* 0.1.29: upload progress, compact upload card and SVG editor scaling parity. */
.egeg-upload-box {
	max-width: min(1120px, 100%) !important;
	padding: clamp(22px, 3vw, 34px) clamp(22px, 3.4vw, 38px) !important;
}

/* @egeg-block:000603 | component:05-art-upload.css */
.egeg-upload-drop {
	border: 3px dashed rgba(var(--egeg-primary-rgb, 135, 50, 245), .20) !important;
	gap: 8px !important;
	min-height: clamp(190px, 25vh, 250px) !important;
	padding: clamp(26px, 3.5vw, 38px) 24px !important;
}

/* @egeg-block:000604 | component:05-art-upload.css */
.egeg-upload-icon {
	font-size: clamp(44px, 5vw, 62px) !important;
}

/* @egeg-block:000605 | component:05-art-upload.css */
.egeg-upload-drop strong {
	font-size: clamp(26px, 2.7vw, 38px) !important;
	letter-spacing: -.025em !important;
	max-width: 100% !important;
	overflow-wrap: anywhere !important;
}

/* @egeg-block:000606 | component:05-art-upload.css */
.egeg-upload-drop span:not(.egeg-upload-icon):not(.egeg-upload-meta):not(.egeg-upload-progress-label):not(.egeg-upload-progress-track):not(.egeg-upload-progress-bar) {
	color: #E58A2E !important;
	font-size: clamp(17px, 1.55vw, 24px) !important;
	font-weight: 800 !important;
	letter-spacing: .035em !important;
	line-height: 1.25 !important;
	max-width: 920px !important;
}

/* @egeg-block:000607 | component:05-art-upload.css */
.egeg-upload-meta {
	font-size: 12px !important;
	line-height: 1.35 !important;
}

/* @egeg-block:000608 | component:05-art-upload.css */
.egeg-upload-progress {
	display: grid;
	gap: 8px;
	margin: -2px auto 0;
	max-width: 560px;
	width: 100%;
}

/* @egeg-block:000609 | component:05-art-upload.css */
.egeg-upload-progress[hidden] {
	display: none !important;
}

/* @egeg-block:000610 | component:05-art-upload.css */
.egeg-upload-progress-label {
	color: var(--egeg-purple-400);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
}

/* @egeg-block:000611 | component:05-art-upload.css */
.egeg-upload-progress-track {
	background: var(--egeg-color-panel, #F6F2FF);
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18);
	border-radius: 999px;
	display: block;
	height: 10px;
	overflow: hidden;
	width: 100%;
}

/* @egeg-block:000612 | component:05-art-upload.css */
.egeg-upload-progress-bar {
	background: linear-gradient(90deg, var(--egeg-color-primary, #8732F5) 0%, var(--egeg-color-accent, #F98800) 100%);
	border-radius: inherit;
	display: block;
	height: 100%;
	transition: width 120ms linear;
	width: 0;
}

/* @egeg-block:000613 | component:05-art-upload.css */
.egeg-upload-drop[data-egeg-upload-state="loaded"] strong {
	font-size: clamp(22px, 2.2vw, 32px) !important;
	line-height: 1.08 !important;
}

/* @egeg-block:000614 | component:05-art-upload.css */
/* 0.1.30: design tokens, upload component scale, Phosphor icon treatment and SVG-based SVG editor. */
.egeg-generator {
	/* Brand primitives */
	--egeg-color-purple: var(--egeg-color-primary, #8732F5);
	--egeg-color-purple-soft: var(--egeg-color-panel, #F6F2FF);
	--egeg-color-purple-line: rgba(var(--egeg-primary-rgb, 135, 50, 245), .32);
	--egeg-color-orange: var(--egeg-color-accent, #F98800);
	--egeg-color-orange-soft: #FFF2E2;
	--egeg-color-yellow: #F8CA45;
	--egeg-color-ink: #2E2417;
	--egeg-color-body: #5F5A67;
	--egeg-color-muted: #757575;
	--egeg-color-border: #D9D9D9;
	--egeg-color-surface: #FFFFFF;

	/* Text tokens */
	--egeg-text-display: clamp(24px, 2.35vw, 32px);
	--egeg-text-title: clamp(18px, 1.75vw, 22px);
	--egeg-text-subtitle: clamp(14px, 1.25vw, 16px);
	--egeg-text-body: 14px;
	--egeg-text-caption: 12px;
	--egeg-text-button: 14px;
	--egeg-text-card-title: 18px;
	--egeg-text-card-meta: 13px;
	--egeg-text-card-copy: 12px;
	--egeg-text-upload-title: clamp(22px, 2.15vw, 30px);
	--egeg-text-upload-hint: clamp(15px, 1.35vw, 19px);
	--egeg-text-upload-meta: 11px;

	/* Spacing tokens */
	--egeg-space-1: 4px;
	--egeg-space-2: 8px;
	--egeg-space-3: 12px;
	--egeg-space-4: 16px;
	--egeg-space-5: 20px;
	--egeg-space-6: 24px;
	--egeg-space-8: 32px;

	/* Radius / stroke / shadow tokens */
	--egeg-radius-sm: 8px;
	--egeg-radius-md: 12px;
	--egeg-radius-lg: 16px;
	--egeg-radius-xl: 24px;
	--egeg-stroke-hairline: 1px;
	--egeg-stroke-panel: 1.5px;
	--egeg-stroke-focus: 2px;
	--egeg-shadow-solid-yellow: 0 4px 0 #C9821E;
	--egeg-shadow-solid-orange: 0 4px 0 var(--egeg-color-orange);
	--egeg-shadow-soft-purple: 8px 8px 24px rgba(var(--egeg-primary-rgb, 135, 50, 245), .14);
}

/* @egeg-block:000615 | component:05-art-upload.css */
.egeg-upload-box {
	background: var(--egeg-color-surface) !important;
	border: var(--egeg-stroke-hairline) solid rgba(0, 0, 0, .10) !important;
	border-radius: var(--egeg-radius-md) !important;
	box-shadow: 0 10px 22px rgba(46, 36, 23, .08) !important;
	gap: var(--egeg-space-4) !important;
	max-width: min(760px, 100%) !important;
	padding: clamp(18px, 2vw, 24px) clamp(22px, 2.6vw, 34px) !important;
}

/* @egeg-block:000616 | component:05-art-upload.css */
.egeg-upload-drop {
	border: 2px dashed rgba(var(--egeg-primary-rgb, 135, 50, 245), .22) !important;
	border-radius: 0 !important;
	gap: var(--egeg-space-2) !important;
	min-height: clamp(170px, 22vh, 220px) !important;
	padding: clamp(24px, 3vw, 34px) var(--egeg-space-5) !important;
}

/* @egeg-block:000617 | component:05-art-upload.css */
.egeg-upload-icon {
	color: var(--egeg-color-purple) !important;
	font-size: clamp(38px, 4vw, 50px) !important;
	font-weight: 400 !important;
	margin-bottom: var(--egeg-space-1) !important;
}

/* @egeg-block:000618 | component:05-art-upload.css */
.egeg-generator .egeg-upload-icon .ph {
	font-family: "Phosphor" !important;
	font-weight: 400 !important;
}

/* @egeg-block:000619 | component:05-art-upload.css */
.egeg-upload-drop strong,
.egeg-upload-drop[data-egeg-upload-state="loaded"] strong {
	color: var(--egeg-color-purple) !important;
	font-size: var(--egeg-text-upload-title) !important;
	font-weight: 800 !important;
	letter-spacing: -.02em !important;
	line-height: 1.08 !important;
	max-width: 560px !important;
}

/* @egeg-block:000620 | component:05-art-upload.css */
.egeg-upload-drop span:not(.egeg-upload-icon):not(.egeg-upload-meta):not(.egeg-upload-progress-label):not(.egeg-upload-progress-track):not(.egeg-upload-progress-bar) {
	color: var(--egeg-color-orange) !important;
	font-size: var(--egeg-text-upload-hint) !important;
	font-weight: 800 !important;
	letter-spacing: .02em !important;
	line-height: 1.22 !important;
	max-width: 560px !important;
}

/* @egeg-block:000621 | component:05-art-upload.css */
.egeg-upload-meta {
	color: var(--egeg-color-body) !important;
	font-size: var(--egeg-text-upload-meta) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

/* @egeg-block:000622 | component:05-art-upload.css */
.egeg-upload-actions {
	gap: var(--egeg-space-3) !important;
}

/* @egeg-block:000623 | component:05-art-upload.css */
.egeg-upload-actions .egeg-button {
	max-width: 292px !important;
}

/* @egeg-block:000624 | component:05-art-upload.css */
.egeg-upload-progress {
	max-width: 520px !important;
}

/* @egeg-block:000625 | component:05-art-upload.css */
.egeg-upload-progress-label {
	color: var(--egeg-color-purple) !important;
	font-size: var(--egeg-text-caption) !important;
}

/* @egeg-block:000626 | component:05-art-upload.css */
.egeg-upload-progress-track {
	background: var(--egeg-color-purple-soft) !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18) !important;
	height: 10px !important;
}

/* @egeg-block:000627 | component:05-art-upload.css */
.egeg-upload-progress-bar {
	background: var(--egeg-color-purple) !important;
}

/* @egeg-block:000628 | component:05-art-upload.css */
.egeg-upload-box {
	max-width: min(720px, 100%) !important;
	padding: clamp(16px, 1.8vw, 22px) clamp(18px, 2.2vw, 28px) !important;
}

/* @egeg-block:000629 | component:05-art-upload.css */
.egeg-upload-drop {
	border-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), .24) !important;
	gap: 6px !important;
	min-height: clamp(148px, 18vh, 190px) !important;
	padding: clamp(22px, 2.3vw, 30px) var(--egeg-space-5) !important;
}

/* @egeg-block:000630 | component:05-art-upload.css */
.egeg-upload-icon {
	font-size: clamp(31px, 3.1vw, 42px) !important;
	margin-bottom: 2px !important;
}

/* @egeg-block:000631 | component:05-art-upload.css */
.egeg-upload-drop strong,
.egeg-upload-drop[data-egeg-upload-state="loaded"] strong {
	font-size: var(--egeg-text-upload-title) !important;
	line-height: 1.05 !important;
	max-width: 520px !important;
}

/* @egeg-block:000632 | component:05-art-upload.css */
.egeg-upload-drop span:not(.egeg-upload-icon):not(.egeg-upload-meta):not(.egeg-upload-progress-label):not(.egeg-upload-progress-track):not(.egeg-upload-progress-bar) {
	font-size: var(--egeg-text-upload-hint) !important;
	font-weight: 800 !important;
	letter-spacing: .012em !important;
	line-height: 1.18 !important;
	max-width: 500px !important;
}

/* @egeg-block:000633 | component:05-art-upload.css */
.egeg-upload-meta {
	font-size: var(--egeg-text-upload-meta) !important;
}

/* @egeg-block:000634 | component:05-art-upload.css */
.egeg-upload-progress-bar {
	background: var(--egeg-color-purple) !important;
	background-image: none !important;
}

/* @egeg-block:000635 | component:05-art-upload.css */
/* 0.1.32: type scale correction and safer custom-drag hit area. */
.egeg-generator {
	/* Ajuste fino después de tokens 0.1.30/0.1.31: títulos menos invasivos y cards más legibles. */
	--egeg-text-display: clamp(23px, 2.15vw, 30px);
	--egeg-text-title: clamp(17px, 1.35vw, 19px);
	--egeg-text-subtitle: 15px;
	--egeg-text-body: 13.5px;
	--egeg-text-caption: 12px;
	--egeg-text-card-title: 18px;
	--egeg-text-card-meta: 13.5px;
	--egeg-text-card-copy: 13px;
	--egeg-text-option-card-title: clamp(21px, 1.8vw, 24px);
	--egeg-text-option-card-copy: clamp(14px, 1.2vw, 16px);
	--egeg-text-measure-title: clamp(21px, 1.75vw, 24px);
	--egeg-text-measure-meta: clamp(15px, 1.2vw, 17px);
	--egeg-text-summary-title: clamp(18px, 1.45vw, 20px);
	--egeg-text-summary-body: 14px;
	--egeg-text-final-body: 14px;
	--egeg-text-final-strong: 15px;
	--egeg-text-upload-title: clamp(20px, 1.65vw, 24px);
	--egeg-text-upload-hint: clamp(13.5px, 1.1vw, 16px);
	--egeg-text-upload-meta: 10.5px;
}

/* @egeg-block:000636 | component:05-art-upload.css */
.egeg-upload-drop strong,
.egeg-upload-drop[data-egeg-upload-state="loaded"] strong {
	font-size: var(--egeg-text-upload-title) !important;
	line-height: 1.08 !important;
	max-width: 540px !important;
}

/* @egeg-block:000637 | component:05-art-upload.css */
.egeg-upload-drop span:not(.egeg-upload-icon):not(.egeg-upload-meta):not(.egeg-upload-progress-label):not(.egeg-upload-progress-track):not(.egeg-upload-progress-bar) {
	font-size: var(--egeg-text-upload-hint) !important;
	line-height: 1.2 !important;
}

/* @egeg-block:000638 | component:05-art-upload.css */
.egeg-upload-box {
	max-width: min(720px, 100%) !important;
}

/* @egeg-block:000639 | component:05-art-upload.css */
.egeg-upload-drop {
	min-height: clamp(138px, 16vh, 170px) !important;
}

/* @egeg-block:000640 | component:05-art-upload.css */
.egeg-upload-icon {
	font-size: clamp(28px, 2.7vw, 36px) !important;
}

/* @egeg-block:000641 | component:05-art-upload.css */
.egeg-upload-card,
.egeg-upload-box,
.egeg-upload-zone {
	padding: var(--egeg-upload-card-padding) !important;
}

/* @egeg-block:000642 | component:05-art-upload.css */
.egeg-upload-card h3,
.egeg-upload-title,
.egeg-file-drop-title {
	font-size: var(--egeg-upload-title-size) !important;
	font-weight: var(--egeg-upload-title-weight) !important;
}

/* @egeg-block:000643 | component:05-art-upload.css */
.egeg-upload-card strong,
.egeg-upload-lead,
.egeg-file-drop-lead {
	font-size: var(--egeg-upload-lead-size) !important;
	font-weight: var(--egeg-upload-lead-weight) !important;
}

/* @egeg-block:000644 | component:05-art-upload.css */
.egeg-upload-card p,
.egeg-upload-hint,
.egeg-file-drop-hint {
	font-size: var(--egeg-upload-hint-size) !important;
}

/* @egeg-block:000645 | component:05-art-upload.css */
.egeg-button,
.egeg-button-primary,
.egeg-button-secondary,
.egeg-button-outline,
.egeg-upload-action,
.egeg-modal-actions button {
	font-size: var(--egeg-text-button) !important;
	font-weight: var(--egeg-button-font-weight) !important;
	min-height: var(--egeg-button-height);
}

/* @egeg-block:000646 | component:05-art-upload.css */
/* EGEG 0.1.69-beta-catalog-designmode-stability-pass: design-system editable upload/final summary fixes */
.egeg-upload-drop {
	background: var(--egeg-upload-drop-bg, #FFFFFF) !important;
	border-width: var(--egeg-upload-drop-border-width, 2px) !important;
	border-style: var(--egeg-upload-drop-border-style, dashed) !important;
	border-color: var(--egeg-upload-drop-border-color, rgba(var(--egeg-primary-rgb, 135, 50, 245), .22)) !important;
	border-radius: var(--egeg-upload-drop-radius, var(--egeg-radius-md, 12px)) !important;
	gap: var(--egeg-upload-gap, var(--egeg-space-2, 10px)) !important;
	min-height: var(--egeg-upload-drop-min-height, 170px) !important;
	padding: var(--egeg-upload-inner-padding, clamp(22px, 2.3vw, 30px) var(--egeg-space-5, 24px)) !important;
}

/* @egeg-block:000647 | component:05-art-upload.css */
.egeg-upload-drop strong,
.egeg-upload-lead {
	font-size: var(--egeg-upload-lead-size, var(--egeg-text-upload-title, 24px)) !important;
	font-weight: var(--egeg-upload-lead-weight, 800) !important;
}

/* @egeg-block:000648 | component:05-art-upload.css */
.egeg-upload-drop .egeg-upload-hint,
.egeg-upload-drop .egeg-upload-meta {
	font-size: var(--egeg-upload-hint-size, var(--egeg-text-upload-hint, 15px)) !important;
}

/* @egeg-block:000649 | component:05-art-upload.css */
.egeg-upload-progress-label {
	font-size: 13px !important;
	font-weight: 700 !important;
}

/* @egeg-block:000650 | component:05-art-upload.css */
.egeg-upload-progress-label {
	font-size: 13px !important;
	font-weight: 800 !important;
}

/* @egeg-block:000651 | component:05-art-upload.css */
.egeg-generator[data-egeg-current-step="4"] .egeg-upload-warning {
	display: none !important;
}

/* @egeg-block:000652 | component:05-art-upload.css */
.egeg-generator[data-egeg-current-step="4"] .egeg-upload-progress:not([hidden]) {
	margin-top: 10px !important;
}

/* @egeg-block:000653 | component:05-art-upload.css */
.egeg-generator[data-egeg-current-step="4"] .egeg-upload-progress-label::after {
	content: none !important;
}

/* @egeg-block:000654 | component:05-art-upload.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-secondary-action {
	margin-top: 12px !important;
	max-width: none !important;
	width: 100% !important;
}

/* @egeg-block:000655 | component:05-art-upload.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-secondary-action .egeg-mini-button {
	border-radius: 999px !important;
	min-height: 44px !important;
	width: 100% !important;
}

/* @egeg-block:000656 | component:05-art-upload.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer .egeg-secondary-action {
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  width: 100% !important;
}

/* @egeg-block:000657 | component:05-art-upload.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-secondary-action--canva {
	align-items: center !important;
	display: grid !important;
	gap: 8px !important;
	justify-items: center !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-secondary-action--canva .egeg-mini-button--canva {
	background: var(--egeg-color-gold, #F7D35B) !important;
	border-color: rgba(205, 142, 30, .45) !important;
	box-shadow: 0 4px 0 rgba(172, 108, 26, .9) !important;
	color: var(--egeg-text-strong, #251B33) !important;
	font-weight: 900 !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-canva-template-note {
	color: var(--egeg-text-muted, rgba(45, 38, 61, .68)) !important;
	display: block !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	text-align: center !important;
}

/* @egeg-block:000658 | component:05-art-upload.css */
.egeg-upload-icon {
	font-size: 34px !important;
	height: 52px !important;
	width: 52px !important;
}

.egeg-generator .egeg-upload-icon .ph,
.egeg-upload-icon .egeg-icon-font {
	font-size: 30px !important;
}

.egeg-upload-drop strong,
.egeg-upload-drop[data-egeg-upload-state="loaded"] strong {
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	font-weight: 760 !important;
}

.egeg-upload-drop span:not(.egeg-upload-icon):not(.egeg-upload-meta):not(.egeg-upload-progress-label):not(.egeg-upload-progress-track):not(.egeg-upload-progress-bar) {
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	font-weight: 650 !important;
}

.egeg-upload-meta {
	color: rgba(36, 21, 63, .72) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
}

/* @egeg-block:000659 | component:05-art-upload.css */
.egeg-surface-switcher {
	background: #fff;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18);
	border-radius: 14px;
	box-shadow: 0 12px 28px rgba(36, 21, 63, .06);
	display: grid;
	gap: 10px;
	margin: 0 auto 14px;
	max-width: 760px;
	padding: 14px;
	width: 100%;
}

/* @egeg-block:000660 | component:05-art-upload.css */
.egeg-surface-switcher__intro {
	color: var(--egeg-purple-500);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.35;
	margin: 0;
}

/* @egeg-block:000661 | component:05-art-upload.css */
.egeg-surface-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* @egeg-block:000662 | component:05-art-upload.css */
.egeg-surface-pill {
	align-items: center;
	appearance: none;
	background: var(--egeg-color-panel, #fbf8ff);
	border: 1.5px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .28);
	border-radius: 999px;
	color: var(--egeg-purple-500);
	cursor: pointer;
	display: inline-flex;
	font-size: 13px;
	font-weight: 900;
	gap: 8px;
	line-height: 1;
	padding: 10px 12px;
}

/* @egeg-block:000663 | component:05-art-upload.css */
.egeg-surface-pill[aria-pressed="true"] {
	background: var(--egeg-purple-400);
	border-color: var(--egeg-purple-400);
	color: #fff;
}

/* @egeg-block:000664 | component:05-art-upload.css */
.egeg-surface-pill__status {
	background: rgba(var(--egeg-accent-rgb, 249, 136, 0), .14);
	border-radius: 999px;
	color: var(--egeg-orange-400);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .04em;
	padding: 5px 7px;
	text-transform: uppercase;
}

/* @egeg-block:000665 | component:05-art-upload.css */
.egeg-surface-pill[aria-pressed="true"] .egeg-surface-pill__status {
	background: rgba(255, 255, 255, .2);
	color: #fff;
}

/* @egeg-block:000666 | component:05-art-upload.css */
.egeg-surface-pill__status.is-ready {
	background: rgba(36, 138, 61, .14);
	color: #248A3D;
}

/* @egeg-block:000667 | component:05-art-upload.css */
.egeg-surface-pill[aria-pressed="true"] .egeg-surface-pill__status.is-ready {
	background: rgba(255, 255, 255, .2);
	color: #fff;
}

/* @egeg-block:000668 | component:05-art-upload.css */
.egeg-surface-switcher {
	box-sizing: border-box !important;
	border-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), .20) !important;
	box-shadow: 0 10px 24px rgba(36, 21, 63, .045) !important;
	gap: 9px !important;
	max-width: min(760px, 100%) !important;
	padding: 12px 14px !important;
}

.egeg-surface-switcher__intro {
	color: rgba(36, 21, 63, .76) !important;
	font-size: 13px !important;
	font-weight: 760 !important;
}

.egeg-surface-pills {
	align-items: stretch !important;
	gap: 8px !important;
}

.egeg-surface-pill {
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55) !important;
	min-height: 40px !important;
	max-width: 100% !important;
	white-space: normal !important;
}

.egeg-surface-pill__status {
	flex: 0 0 auto !important;
	white-space: nowrap !important;
}

/* @egeg-block:000669 | component:05-art-upload.css */
.egeg-surface-pill:disabled,
.egeg-surface-pill[aria-disabled="true"] {
	box-shadow: none !important;
	cursor: not-allowed !important;
	filter: grayscale(.08) !important;
	opacity: .58 !important;
}

/* @egeg-block:000670 | component:05-art-upload.css */
.egeg-surface-pill:disabled .egeg-surface-pill__status,
.egeg-surface-pill[aria-disabled="true"] .egeg-surface-pill__status {
	background: rgba(var(--egeg-primary-rgb, 135, 50, 245), .10) !important;
	color: rgba(36, 21, 63, .58) !important;
}

/* @egeg-block:000671 | component:05-art-upload.css */
.egeg-quality-review {
	background: #FFFFFF;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18);
	border-radius: var(--egeg-radius-lg, 16px);
	box-shadow: var(--egeg-shadow-card);
	display: grid;
	gap: var(--egeg-space-3, 12px);
	padding: var(--egeg-pad-card, 16px);
}

.egeg-quality-review__head {
	align-items: center;
	display: flex;
	gap: var(--egeg-space-2, 8px);
	justify-content: space-between;
}

.egeg-quality-review__head strong {
	color: var(--egeg-purple-400);
	font-size: var(--egeg-font-component-title, 16px);
	font-weight: 800;
	line-height: 1.2;
}

.egeg-quality-review__badge {
	background: rgba(var(--egeg-primary-rgb, 135, 50, 245), .10);
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18);
	border-radius: 999px;
	color: var(--egeg-purple-400);
	font-size: var(--egeg-font-caption, 12px);
	font-weight: 800;
	line-height: 1;
	padding: 7px 10px;
	white-space: nowrap;
}

.egeg-quality-review[data-egeg-quality-status="risk"] .egeg-quality-review__badge,
.egeg-quality-review[data-egeg-quality-status="review_pdf"] .egeg-quality-review__badge,
.egeg-quality-review[data-egeg-quality-status="unknown"] .egeg-quality-review__badge {
	background: rgba(248, 129, 29, .13);
	border-color: rgba(248, 129, 29, .32);
	color: var(--egeg-orange-500, #F8811D);
}

.egeg-quality-review__body {
	align-items: start;
	display: grid;
	gap: var(--egeg-space-4, 16px);
	grid-template-columns: minmax(128px, 176px) minmax(0, 1fr);
}

.egeg-quality-review__sample {
	display: grid;
	gap: 8px;
	justify-items: center;
}

.egeg-quality-review__sample canvas {
	background: #FFFFFF;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .20);
	border-radius: 14px;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.7), 0 8px 18px rgba(70, 70, 70, .08);
	display: block;
	height: min(176px, 42vw);
	max-height: 176px;
	max-width: 176px;
	width: min(176px, 42vw);
}

.egeg-quality-review__sample canvas.is-empty {
	background: linear-gradient(135deg, rgba(var(--egeg-primary-rgb, 135, 50, 245), .08), rgba(248, 129, 29, .08));
}

.egeg-quality-review__sample small {
	color: var(--egeg-text-secondary);
	font-size: var(--egeg-font-micro, 10px);
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
}

.egeg-quality-review__details {
	display: grid;
	gap: var(--egeg-space-2, 8px);
	min-width: 0;
}

.egeg-quality-review__details p {
	color: var(--egeg-text-secondary);
	font-size: var(--egeg-font-body, 13px);
	line-height: 1.45;
	margin: 0;
}

.egeg-quality-review__message {
	color: var(--egeg-text-primary, #24153f) !important;
	font-size: var(--egeg-type-sm, var(--egeg-font-body, 14px)) !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
}

.egeg-quality-review__action {
	background: rgba(248, 129, 29, .08);
	border: 1px solid rgba(248, 129, 29, .20);
	border-radius: 12px;
	color: var(--egeg-text-primary, #24153f) !important;
	font-weight: 700 !important;
	padding: 10px 12px;
}

.egeg-quality-review__technical-details {
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .14);
	border-radius: 12px;
	padding: 0;
}

.egeg-quality-review__technical-details summary {
	color: var(--egeg-purple-400);
	cursor: pointer;
	font-size: var(--egeg-font-caption, 12px);
	font-weight: 800;
	list-style-position: inside;
	padding: 9px 10px;
}

.egeg-quality-review__technical {
	background: rgba(70, 70, 70, .045);
	border-radius: 0 0 10px 10px;
	color: var(--egeg-text-primary, #383838) !important;
	font-size: var(--egeg-font-caption, 12px) !important;
	font-weight: 700;
	padding: 9px 10px;
}

.egeg-quality-review__accepted {
	color: var(--egeg-purple-400) !important;
	font-weight: 800;
}

/* @egeg-block:000672 | component:05-art-upload.css */
.egeg-generator .egeg-surface-switcher {
	background: var(--egeg-component-bg, #FFFFFF) !important;
	border-color: var(--egeg-component-border, rgba(var(--egeg-primary-rgb, 135, 50, 245), .18)) !important;
	border-radius: var(--egeg-component-radius, 18px) !important;
	box-shadow: var(--egeg-component-shadow, 0 18px 40px rgba(36, 21, 63, .08)) !important;
}

.egeg-generator .egeg-surface-pills {
	display: grid !important;
	gap: 10px !important;
	grid-template-columns: 1fr !important;
	width: 100% !important;
}

.egeg-generator .egeg-surface-pill {
	align-items: center !important;
	background: var(--egeg-surface-pill-bg, linear-gradient(135deg, var(--egeg-color-primary, #8732F5), var(--egeg-color-primary-strong, #7A2BE8))) !important;
	border: 1.5px solid var(--egeg-surface-pill-border, rgba(255, 255, 255, .72)) !important;
	border-radius: 999px !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .20), 0 3px 0 rgba(58, 22, 123, .24) !important;
	color: var(--egeg-surface-pill-text, #FFFFFF) !important;
	display: flex !important;
	font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	justify-content: space-between !important;
	line-height: 1.1 !important;
	min-height: 54px !important;
	padding: 0 16px !important;
	text-align: left !important;
	text-decoration: none !important;
	width: 100% !important;
}

.egeg-generator .egeg-surface-pill[aria-pressed="true"] {
	background: var(--egeg-surface-pill-bg, linear-gradient(135deg, var(--egeg-color-primary, #8732F5), var(--egeg-color-primary-strong, #7A2BE8))) !important;
	border-color: var(--egeg-surface-pill-border, rgba(255, 255, 255, .72)) !important;
	color: var(--egeg-surface-pill-text, #FFFFFF) !important;
}

.egeg-generator .egeg-surface-pill:hover,
.egeg-generator .egeg-surface-pill:focus-visible {
	border-color: #FFFFFF !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25), 0 0 0 4px var(--egeg-color-focus-ring, rgba(var(--egeg-primary-rgb, 135, 50, 245), .16)) !important;
	outline: 0 !important;
}

.egeg-generator .egeg-surface-pill__status {
	background: var(--egeg-state-pending-bg, var(--egeg-color-accent-soft, #FFF8E5)) !important;
	border: 1px solid var(--egeg-state-pending-border, rgba(var(--egeg-accent-rgb, 249, 136, 0), .32)) !important;
	border-radius: 999px !important;
	color: var(--egeg-state-pending-text, #B75F00) !important;
	flex: 0 0 auto !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: .02em !important;
	line-height: 1 !important;
	padding: 8px 11px !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

.egeg-generator .egeg-surface-pill__status.is-ready {
	background: var(--egeg-state-ready-bg, #EAF8EF) !important;
	border-color: var(--egeg-state-ready-border, rgba(36, 138, 61, .28)) !important;
	color: var(--egeg-state-ready-text, #1F7A36) !important;
}

.egeg-generator .egeg-surface-pill[aria-pressed="true"] .egeg-surface-pill__status,
.egeg-generator .egeg-surface-pill[aria-pressed="true"] .egeg-surface-pill__status.is-ready {
	box-shadow: none !important;
}

.egeg-generator .egeg-upload-drop strong,
.egeg-generator .egeg-upload-lead {
	hyphens: none !important;
	overflow-wrap: normal !important;
	text-wrap: balance;
	word-break: normal !important;
}

.egeg-generator .egeg-upload-drop span:not(.egeg-upload-icon):not(.egeg-upload-meta):not(.egeg-upload-progress-label):not(.egeg-upload-progress-track):not(.egeg-upload-progress-bar),
.egeg-generator .egeg-upload-hint {
	hyphens: none !important;
	max-width: min(32ch, 100%) !important;
	overflow-wrap: normal !important;
	text-wrap: balance;
	word-break: normal !important;
}

/* @egeg-block:000673 | component:05-art-upload.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions {
	box-sizing: border-box !important;
	display: grid !important;
	gap: 16px !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	margin: var(--egeg-choice-grid-gap, 18px) auto 0 !important;
	max-width: var(--egeg-choice-grid-max, 980px) !important;
	padding: 0 !important;
	width: min(100%, var(--egeg-choice-grid-max, 980px)) !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-secondary-action {
	align-items: stretch !important;
	box-sizing: border-box !important;
	display: grid !important;
	gap: 7px !important;
	justify-items: stretch !important;
	margin: 0 !important;
	max-width: none !important;
	padding: 0 !important;
	width: 100% !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button--canva,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button--internal-editor {
	align-items: center !important;
	background: transparent !important;
	border: 2px solid var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	border-radius: 18px !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	display: flex !important;
	font-weight: 850 !important;
	justify-content: center !important;
	line-height: 1.1 !important;
	margin: 0 !important;
	min-height: 56px !important;
	padding: 0 18px !important;
	text-align: center !important;
	width: 100% !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button:hover,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button:focus-visible,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button[aria-pressed="true"] {
	background: rgba(var(--egeg-primary-rgb, 135, 50, 245), .08) !important;
	border-color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	outline: none !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-canva-template-note {
	color: var(--egeg-text-muted, rgba(45, 38, 61, .68)) !important;
	display: block !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	min-height: 30px !important;
	text-align: center !important;
}

/* @egeg-block:000674 | component:05-art-upload.css */
.egeg-card-grid-footer--design-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 14px !important;
	align-items: stretch !important;
}

.egeg-secondary-action {
	flex: 1 1 280px !important;
	min-width: 0 !important;
}

.egeg-secondary-action--internal-editor,
.egeg-secondary-action--canva {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
}

.egeg-secondary-action .egeg-mini-button {
	width: 100% !important;
	min-height: 52px !important;
	justify-content: center !important;
}

.egeg-secondary-action--internal-editor .egeg-mini-button,
.egeg-secondary-action--canva .egeg-mini-button {
	background: #fff !important;
	border: 1.5px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .28) !important;
	box-shadow: none !important;
	color: var(--egeg-color-primary, #7047ff) !important;
}

.egeg-secondary-action--internal-editor .egeg-mini-button:hover,
.egeg-secondary-action--internal-editor .egeg-mini-button:focus-visible,
.egeg-secondary-action--canva .egeg-mini-button:hover,
.egeg-secondary-action--canva .egeg-mini-button:focus-visible {
	background: rgba(var(--egeg-primary-rgb, 112, 71, 255), .06) !important;
	border-color: rgba(var(--egeg-primary-rgb, 112, 71, 255), .46) !important;
	color: var(--egeg-color-primary, #7047ff) !important;
}

.egeg-secondary-action-note {
	margin-top: 7px !important;
	text-align: center !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
}

/* @egeg-block:000675 | component:05-art-upload.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: var(--egeg-choice-grid-gap, 18px) !important;
	align-items: start !important;
	justify-content: center !important;
	justify-items: stretch !important;
	box-sizing: border-box !important;
	max-width: var(--egeg-choice-grid-max, 760px) !important;
	width: min(100%, var(--egeg-choice-grid-max, 760px)) !important;
	margin: var(--egeg-choice-grid-gap, 18px) auto 0 !important;
	padding: 0 !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-secondary-action,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-secondary-action--internal-editor,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-secondary-action--canva {
	display: grid !important;
	grid-template-rows: auto auto !important;
	gap: 8px !important;
	align-items: start !important;
	justify-items: stretch !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button--canva,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button--internal-editor {
	appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 56px !important;
	margin: 0 !important;
	padding: 0 22px !important;
	border: 2px solid var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	border-radius: 18px !important;
	background: #FFFFFF !important;
	box-shadow: none !important;
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	text-align: center !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button:hover,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button:focus-visible,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button[aria-pressed="true"] {
	background: var(--egeg-color-orange-soft, #FFF2E2) !important;
	border-color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	box-shadow: 0 0 0 3px rgba(var(--egeg-accent-rgb, 249, 136, 0), .12) !important;
	outline: none !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-canva-template-note,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-secondary-action-note {
	display: block !important;
	min-height: 0 !important;
	margin: 0 !important;
	color: var(--egeg-text-muted, rgba(45, 38, 61, .68)) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-align: left !important;
}

/* @egeg-block:000676 | component:05-art-upload.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: var(--egeg-choice-grid-gap, 18px) !important;
	align-items: stretch !important;
	justify-items: stretch !important;
	box-sizing: border-box !important;
	width: min(100%, var(--egeg-choice-grid-max, 760px)) !important;
	max-width: var(--egeg-choice-grid-max, 760px) !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-secondary-action {
	display: grid !important;
	grid-template-rows: auto auto !important;
	align-items: start !important;
	justify-items: stretch !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button--internal-editor,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button--canva {
	display: inline-flex !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
}

/* @egeg-block:000677 | component:05-art-upload.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions {
	align-items: stretch !important;
	box-sizing: border-box !important;
	display: grid !important;
	gap: var(--egeg-choice-grid-gap, 18px) !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	justify-content: stretch !important;
	justify-items: stretch !important;
	margin: var(--egeg-choice-grid-gap, 18px) 0 0 !important;
	max-width: none !important;
	padding: 0 !important;
	width: 100% !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-secondary-action,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-secondary-action--internal-editor,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-secondary-action--canva {
	align-items: start !important;
	box-sizing: border-box !important;
	display: grid !important;
	gap: 8px !important;
	grid-template-rows: auto auto !important;
	justify-items: stretch !important;
	margin: 0 !important;
	max-width: none !important;
	min-width: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button--internal-editor,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button--canva {
	align-items: center !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	justify-content: center !important;
	margin: 0 !important;
	max-width: none !important;
	min-width: 0 !important;
	width: 100% !important;
}

/* @egeg-block:000678 | component:06-canvas-fit-grommets.css */
.egeg-card:focus-visible,
.egeg-button:focus-visible,
.egeg-mini-button:focus-visible,
.egeg-fit-tool:focus-visible {
	box-shadow: 0 0 0 3px var(--egeg-yellow-100);
	outline: 2px solid var(--egeg-yellow-300);
	outline-offset: 2px;
}

/* @egeg-block:000679 | component:06-canvas-fit-grommets.css */
.egeg-upload-box,
.egeg-placeholder-warning,
.egeg-canvas-shell,
.egeg-final-box {
	background: var(--egeg-white);
	border: 1px solid var(--egeg-purple-100);
	border-radius: 12px;
	box-shadow: var(--egeg-shadow-card);
	display: grid;
	gap: 12px;
	padding: 18px;
}

/* @egeg-block:000680 | component:06-canvas-fit-grommets.css */
.egeg-fit-layout {
	display: grid;
	gap: 16px;
	grid-template-columns: 72px minmax(0, 1fr);
	margin-inline: auto;
	max-width: 780px;
}

/* @egeg-block:000681 | component:06-canvas-fit-grommets.css */
.egeg-fit-tools {
	align-content: start;
	display: grid;
	gap: 10px;
	justify-items: center;
}

/* @egeg-block:000682 | component:06-canvas-fit-grommets.css */
.egeg-fit-tool {
	align-items: center;
	appearance: none;
	background: transparent;
	border: 0;
	color: var(--egeg-purple-400);
	cursor: pointer;
	display: grid;
	font-size: var(--egeg-upload-hint-size);
	font-weight: 600;
	gap: 6px;
	justify-items: center;
	padding: 0;
}

/* @egeg-block:000683 | component:06-canvas-fit-grommets.css */
.egeg-fit-tool .ph {
	align-items: center;
	background: var(--egeg-white);
	border: 1px solid var(--egeg-purple-100);
	border-radius: 10px;
	box-shadow: var(--egeg-shadow-card);
	color: var(--egeg-purple-400);
	display: inline-flex;
	font-size: 22px;
	height: 38px;
	justify-content: center;
	width: 38px;
}

/* @egeg-block:000684 | component:06-canvas-fit-grommets.css */
.egeg-fit-tool[aria-pressed="true"],
.egeg-fit-tool[aria-pressed="true"] .ph {
	color: var(--egeg-yellow-300);
}

/* @egeg-block:000685 | component:06-canvas-fit-grommets.css */
.egeg-fit-tool[aria-pressed="true"] .ph {
	border-color: var(--egeg-yellow-300);
}

/* @egeg-block:000686 | component:06-canvas-fit-grommets.css */
.egeg-canvas-shell {
	align-items: center;
	background: var(--egeg-white);
	justify-items: center;
	min-height: 360px;
	padding: var(--egeg-card-padding);
}

/* @egeg-block:000687 | component:06-canvas-fit-grommets.css */
.egeg-canvas {
	align-items: center;
	/* aspect-ratio set by JS via applyCanvasGeometry() inline style.
	   min-height ensures the canvas never collapses to 0 if JS hasn't run yet. */
	background:
		linear-gradient(var(--egeg-white), var(--egeg-white)) center / 82% 92% no-repeat,
		var(--egeg-gray-50);
	border: 2px solid var(--egeg-yellow-300);
	display: flex;
	justify-content: center;
	min-height: 120px;
	overflow: hidden;
	padding: 12px;
	position: relative;
	width: min(240px, 100%);
}

/* @egeg-block:000688 | component:06-canvas-fit-grommets.css */
.egeg-canvas::after {
	border: 1.5px solid #ff2d20;
	content: "";
	inset: 18px;
	pointer-events: none;
	position: absolute;
}

/* @egeg-block:000689 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-shape="rect_horizontal"] {
	aspect-ratio: 4 / 3;
	width: min(280px, 100%);
}

/* @egeg-block:000690 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-shape="square"] {
	aspect-ratio: 1 / 1;
	width: min(250px, 100%);
}

/* @egeg-block:000691 | component:06-canvas-fit-grommets.css */
.egeg-art-preview {
	align-items: center;
	background: var(--egeg-white);
	border: 1px solid var(--egeg-gray-100);
	color: var(--egeg-gray-300);
	display: flex;
	font-size: var(--egeg-summary-label-size, 13px);
	font-weight: var(--egeg-summary-label-weight, 800);
	justify-content: center;
	height: 54%;
	text-align: center;
	width: 64%;
	touch-action: none;
	transform: translate(var(--egeg-preview-x, 0), var(--egeg-preview-y, 0));
	user-select: none;
}

/* @egeg-block:000692 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="cover"] .egeg-art-preview {
	height: 100%;
	width: 100%;
}

/* @egeg-block:000693 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="contain"] .egeg-art-preview {
	height: 70%;
	width: 70%;
}

/* @egeg-block:000694 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="cover"] + .egeg-fit-controls,
.egeg-canvas[data-egeg-fit="contain"] + .egeg-fit-controls {
	opacity: 0.55;
}

/* @egeg-block:000695 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="custom"] + .egeg-fit-controls {
	opacity: 1;
}

/* @egeg-block:000696 | component:06-canvas-fit-grommets.css */
.egeg-grommet-custom {
	background: var(--egeg-white);
	border: 1px solid var(--egeg-purple-100);
	border-radius: 12px;
	box-shadow: var(--egeg-shadow-card);
	display: grid;
	gap: var(--egeg-summary-final-row-gap, 14px);
	padding: 18px;
}

/* @egeg-block:000697 | component:06-canvas-fit-grommets.css */
.egeg-grommet-preview {
	/* aspect-ratio: driven by JS from real product geometry */
	background: var(--egeg-purple-50);
	border: 2px solid var(--egeg-yellow-300);
	border-radius: 8px;
	margin: 0 auto;
	position: relative;
	width: min(360px, 100%);
}

/* @egeg-block:000698 | component:06-canvas-fit-grommets.css */
.egeg-grommet-dot {
	background: var(--egeg-purple-400);
	border: 2px solid var(--egeg-white);
	border-radius: 999px;
	height: 14px;
	position: absolute;
	transform: translate(-50%, -50%);
	width: 14px;
}

/* @egeg-block:000699 | component:06-canvas-fit-grommets.css */
.egeg-grommet-controls {
	align-items: center;
	display: flex;
	gap: 14px;
	justify-content: center;
}

/* @egeg-block:000700 | component:06-canvas-fit-grommets.css */
.egeg-grommet-controls strong {
	color: var(--egeg-purple-400);
	font-size: 18px;
	min-width: 96px;
	text-align: center;
}

/* @egeg-block:000701 | component:06-canvas-fit-grommets.css */
.egeg-grommet-custom p {
	color: var(--egeg-text-secondary);
	font-size: 13px;
	line-height: 1.4;
	margin: 0;
	text-align: center;
}

/* @egeg-block:000702 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="custom"] .egeg-art-preview {
	min-height: 0;
}

/* @egeg-block:000703 | component:06-canvas-fit-grommets.css */
/* Beta tuning 0.2.3: component scale, 8-step flow, safer overflow and print-area canvas. */
.egeg-generator {
	--egeg-product-card-title-size: 18px;
	--egeg-product-card-meta-size: 14px;
	--egeg-product-card-copy-size: 13px;
	--egeg-option-card-title-size: clamp(18px, 1.7vw, 21px);
	--egeg-option-card-copy-size: clamp(13px, 1.2vw, 15px);
	--egeg-option-card-icon-size: 26px;
	--egeg-option-card-icon-box: 54px;
	font-family: var(--egeg-font-family);
}

/* @egeg-block:000704 | component:06-canvas-fit-grommets.css */
.egeg-fit-layout {
	grid-template-columns: 1fr;
	max-width: 760px;
}

/* @egeg-block:000705 | component:06-canvas-fit-grommets.css */
.egeg-fit-tools {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

/* @egeg-block:000706 | component:06-canvas-fit-grommets.css */
.egeg-fit-tool {
	min-width: 96px;
}

/* @egeg-block:000707 | component:06-canvas-fit-grommets.css */
.egeg-canvas-shell {
	gap: 10px;
	min-height: 0;
	padding: 10px 12px 12px;
}

/* @egeg-block:000708 | component:06-canvas-fit-grommets.css */
.egeg-canvas {
	/* Beta tuning overrides — only visual adjustments here, no sizing conflicts */
	background: var(--egeg-white);
	border: 1px solid var(--egeg-gray-100);
	box-shadow: inset 0 0 0 1px rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.06);
	padding: 16px;
}

/* @egeg-block:000709 | component:06-canvas-fit-grommets.css */
.egeg-canvas::after {
	border: 1.5px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), 0.55);
	inset: 10px;
}

/* @egeg-block:000710 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-shape="rect_horizontal"] {
	max-width: min(420px, 100%);
}

/* @egeg-block:000711 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-shape="square"] {
	max-width: min(330px, 100%);
}

/* @egeg-block:000712 | component:06-canvas-fit-grommets.css */
.egeg-useful-area {
	align-items: center;
	background: rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.08);
	border: 1.5px solid #ff2d20;
	display: flex;
	height: 100%;
	justify-content: center;
	overflow: hidden;
	position: relative;
	width: 100%;
}

/* @egeg-block:000713 | component:06-canvas-fit-grommets.css */
.egeg-art-preview {
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid var(--egeg-gray-100);
	height: 70%;
	max-width: none;
	position: relative;
	width: 70%;
	z-index: 1;
}

/* @egeg-block:000714 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="custom"] .egeg-art-preview {
	height: clamp(24%, var(--egeg-preview-height, 100%), 180%);
	width: clamp(24%, var(--egeg-preview-width, 100%), 180%);
}

/* @egeg-block:000715 | component:06-canvas-fit-grommets.css */
.egeg-grommet-custom {
	gap: 10px;
	padding: 14px;
}

/* @egeg-block:000716 | component:06-canvas-fit-grommets.css */
.egeg-grommet-preview {
	background: var(--egeg-white);
	border: 1px solid var(--egeg-gray-100);
	overflow: hidden;
	position: relative;
	width: min(480px, 100%);
	/* aspect-ratio is set by JS via applyCanvasGeometry() from real product dimensions */
}

/* @egeg-block:000717 | component:06-canvas-fit-grommets.css */
.egeg-grommet-preview .egeg-useful-area {
	background: rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.08);
	height: 100%;
	width: 100%;
}

/* @egeg-block:000718 | component:06-canvas-fit-grommets.css */
.egeg-grommet-preview[data-egeg-shape="square"] {
	width: min(300px, 100%);
}

/* @egeg-block:000719 | component:06-canvas-fit-grommets.css */
.egeg-grommet-dot {
	appearance: none;
	background: var(--egeg-purple-400);
	border: 2px solid var(--egeg-white);
	box-shadow: 0 0 0 1px rgba(70, 70, 70, 0.18);
	cursor: pointer;
	height: 16px;
	padding: 0;
	z-index: 2;
}

/* @egeg-block:000720 | component:06-canvas-fit-grommets.css */
.egeg-grommet-dot[aria-pressed="true"] {
	background: var(--egeg-yellow-300);
	box-shadow: 0 0 0 3px rgba(var(--egeg-accent-rgb, 249, 136, 0), 0.25);
}

/* @egeg-block:000721 | component:06-canvas-fit-grommets.css */
.egeg-grommet-position-row {
	margin-inline: auto;
	max-width: 520px;
}

/* @egeg-block:000722 | component:06-canvas-fit-grommets.css */
/* Beta tuning 0.1.3: carousel, fit preview, grommet compactness, final mockup */
.egeg-generator[data-egeg-current-step="0"] .egeg-panel {
	overflow: hidden;
}

/* @egeg-block:000723 | component:06-canvas-fit-grommets.css */
.egeg-art-preview {
	background-image:
		linear-gradient(135deg, rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.14), rgba(var(--egeg-accent-rgb, 249, 136, 0), 0.10)),
		linear-gradient(45deg, rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.10) 25%, transparent 25%, transparent 50%, rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.10) 50%, rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.10) 75%, transparent 75%, transparent);
	background-position: center, center;
	background-size: cover, 18px 18px;
	isolation: isolate;
	overflow: hidden;
}

/* @egeg-block:000724 | component:06-canvas-fit-grommets.css */
.egeg-art-preview::before {
	background: radial-gradient(circle at 28% 24%, rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.72), transparent 24%), linear-gradient(120deg, rgba(var(--egeg-accent-rgb, 249, 136, 0), 0.72), rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.56));
	clip-path: polygon(0 100%, 24% 20%, 66% 6%, 100% 62%, 100% 100%);
	content: "";
	inset: 0;
	opacity: 0.55;
	position: absolute;
	z-index: -1;
}

/* @egeg-block:000725 | component:06-canvas-fit-grommets.css */
.egeg-art-preview span,
.egeg-final-mockup-art {
	background: rgba(255, 255, 255, 0.76);
	border-radius: 8px;
	padding: 7px 9px;
}

/* @egeg-block:000726 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="custom"] .egeg-art-preview {
	height: clamp(24%, var(--egeg-preview-height, 100%), 240%);
	width: clamp(24%, var(--egeg-preview-width, 100%), 240%);
}

/* @egeg-block:000727 | component:06-canvas-fit-grommets.css */
.egeg-grommet-custom {
	margin-inline: auto;
	max-width: 620px;
}

/* @egeg-block:000728 | component:06-canvas-fit-grommets.css */
.egeg-grommet-custom--recommended {
	max-width: 520px;
}

/* @egeg-block:000729 | component:06-canvas-fit-grommets.css */
.egeg-grommet-preview {
	max-height: 250px;
}

/* @egeg-block:000730 | component:06-canvas-fit-grommets.css */
.egeg-grommet-controls {
	flex-wrap: wrap;
	row-gap: 8px;
}

/* @egeg-block:000731 | component:06-canvas-fit-grommets.css */
.egeg-grommet-controls strong {
	font-size: 16px;
	min-width: 78px;
}

/* @egeg-block:000732 | component:06-canvas-fit-grommets.css */
.egeg-grommet-muted {
	color: var(--egeg-text-secondary);
	font-size: 12px;
	line-height: 1.35;
	margin: 0;
	text-align: center;
}

/* @egeg-block:000733 | component:06-canvas-fit-grommets.css */
.egeg-grommet-muted span {
	color: var(--egeg-yellow-400);
	font-weight: 700;
}

/* @egeg-block:000734 | component:06-canvas-fit-grommets.css */
.egeg-grommet-dot {
	outline: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.22);
}

/* @egeg-block:000735 | component:06-canvas-fit-grommets.css */
/* Beta tuning 0.1.4: print/bleed canvas, real useful area and stable grommet contour. */
.egeg-canvas,
.egeg-grommet-preview {
	background: #fff;
	overflow: hidden;
	position: relative;
}

/* @egeg-block:000736 | component:06-canvas-fit-grommets.css */
.egeg-canvas {
	max-height: 360px;
	width: min(520px, 100%);
}

/* @egeg-block:000737 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-shape="rect_horizontal"] {
	width: min(620px, 100%);
}

/* @egeg-block:000738 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area,
.egeg-grommet-preview .egeg-useful-area {
	background: transparent;
	border: 1.5px solid #ff2d20;
	display: block;
	inset: var(--egeg-useful-inset-y, 5%) var(--egeg-useful-inset-x, 5%);
	overflow: visible;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

/* @egeg-block:000739 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area {
	pointer-events: none;
}

/* @egeg-block:000740 | component:06-canvas-fit-grommets.css */
.egeg-grommet-preview .egeg-useful-area {
	pointer-events: auto;
}

/* @egeg-block:000741 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area .egeg-grommet-guide {
	display: none;
}

/* @egeg-block:000742 | component:06-canvas-fit-grommets.css */
.egeg-art-stage .egeg-art-preview {
	height: var(--egeg-preview-height, 100%);
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) translate(var(--egeg-preview-x, 0), var(--egeg-preview-y, 0));
	width: var(--egeg-preview-width, 100%);
}

/* @egeg-block:000743 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="custom"] .egeg-art-preview {
	height: var(--egeg-preview-height, 100%);
	width: var(--egeg-preview-width, 100%);
}

/* @egeg-block:000744 | component:06-canvas-fit-grommets.css */
.egeg-grommet-preview .egeg-art-preview {
	height: var(--egeg-preview-height, 100%);
	width: var(--egeg-preview-width, 100%);
}

/* @egeg-block:000745 | component:06-canvas-fit-grommets.css */
.egeg-grommet-guide {
	border: 1px dashed rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.55);
	inset: 5%;
	position: absolute;
}

/* @egeg-block:000746 | component:06-canvas-fit-grommets.css */
.egeg-grommet-dots-layer {
	inset: 0;
	pointer-events: auto;
	position: absolute;
}

/* @egeg-block:000747 | component:06-canvas-fit-grommets.css */
.egeg-grommet-preview {
	max-height: 300px;
	padding: 0;
	width: min(540px, 100%);
}

/* @egeg-block:000748 | component:06-canvas-fit-grommets.css */
.egeg-grommet-preview[data-egeg-shape="square"] {
	width: min(330px, 100%);
}

/* @egeg-block:000749 | component:06-canvas-fit-grommets.css */
.egeg-grommet-dot {
	height: 13px;
	width: 13px;
}

/* @egeg-block:000750 | component:06-canvas-fit-grommets.css */
.egeg-grommet-muted {
	font-size: 11px;
	opacity: 0.72;
}

/* @egeg-block:000751 | component:06-canvas-fit-grommets.css */
/* Beta tuning 0.1.6: parametric production canvas + PDF geometry preview. */
.egeg-canvas,
.egeg-grommet-preview {
	background: #fff;
	border: 1px solid rgba(70, 70, 70, 0.18);
	box-shadow: 0 10px 22px rgba(70, 70, 70, 0.10);
	overflow: hidden;
	padding: 0;
	position: relative;
}

/* @egeg-block:000752 | component:06-canvas-fit-grommets.css */
.egeg-canvas::before,
.egeg-grommet-preview::before {
	border: 1.5px solid rgba(0, 54, 255, 0.65);
	content: "";
	inset: var(--egeg-safe-inset-y, 5%) var(--egeg-safe-inset-x, 5%);
	pointer-events: none;
	position: absolute;
	z-index: 4;
}

/* @egeg-block:000753 | component:06-canvas-fit-grommets.css */
.egeg-canvas::after,
.egeg-grommet-preview::after {
	content: none;
}

/* @egeg-block:000754 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area,
.egeg-grommet-preview .egeg-useful-area {
	background: transparent;
	border: 1.5px solid #ff2d20;
	display: block;
	inset: var(--egeg-useful-inset-y, 2.5%) var(--egeg-useful-inset-x, 2.5%);
	overflow: visible;
	pointer-events: none;
	position: absolute;
	z-index: 5;
}

/* @egeg-block:000755 | component:06-canvas-fit-grommets.css */
.egeg-grommet-guide {
	border: 1.5px dashed rgba(0, 156, 45, 0.85);
	inset: var(--egeg-grommet-inset-y, 8%) var(--egeg-grommet-inset-x, 8%);
	pointer-events: auto;
	position: absolute;
	z-index: 6;
}

/* @egeg-block:000756 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area .egeg-grommet-guide,
.egeg-grommet-preview .egeg-useful-area .egeg-grommet-guide {
	display: none;
}

/* @egeg-block:000757 | component:06-canvas-fit-grommets.css */
.egeg-art-preview {
	background: transparent;
	border: 0;
	height: var(--egeg-preview-height, 100%);
	left: 50%;
	max-width: none;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) translate(var(--egeg-preview-x, 0), var(--egeg-preview-y, 0));
	width: var(--egeg-preview-width, 100%);
	z-index: 1;
}

/* @egeg-block:000758 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="contain"] .egeg-art-preview {
	height: 72%;
	width: 72%;
}

/* @egeg-block:000759 | component:06-canvas-fit-grommets.css */
.egeg-art-preview::before {
	content: none;
}

/* @egeg-block:000760 | component:06-canvas-fit-grommets.css */
.egeg-art-preview img,
.egeg-final-mockup-art img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/* @egeg-block:000761 | component:06-canvas-fit-grommets.css */
.egeg-art-preview span {
	background: rgba(255, 255, 255, 0.76);
	border-radius: 8px;
	bottom: 10px;
	color: var(--egeg-gray-400);
	font-size: 11px;
	font-weight: 700;
	left: 10px;
	padding: 6px 8px;
	position: absolute;
}

/* @egeg-block:000762 | component:06-canvas-fit-grommets.css */
.egeg-grommet-dot {
	height: var(--egeg-grommet-dot-h, 13px);
	min-height: 9px;
	min-width: 9px;
	transform: translate(-50%, -50%);
	width: var(--egeg-grommet-dot-w, 13px);
}

/* @egeg-block:000763 | component:06-canvas-fit-grommets.css */
.egeg-canvas,
.egeg-grommet-preview {
	background: #fff;
	border: 1px solid rgba(50, 50, 50, .18);
	box-shadow: 0 10px 22px rgba(70, 70, 70, .10);
	overflow: hidden;
	position: relative;
}

/* @egeg-block:000764 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area,
.egeg-grommet-preview .egeg-useful-area {
	border: 1.25px solid rgba(0, 82, 255, .6);
	inset: var(--egeg-clean-inset-y, 1%) var(--egeg-clean-inset-x, 1%);
	position: absolute;
	z-index: 5;
}

/* @egeg-block:000765 | component:06-canvas-fit-grommets.css */
.egeg-grommet-inner {
	border: 1.25px solid rgba(255, 45, 32, .6);
	inset: var(--egeg-grommet-inner-inset-y, 3.5%) var(--egeg-grommet-inner-inset-x, 3.5%);
	pointer-events: none;
	position: absolute;
	z-index: 5;
}

/* @egeg-block:000766 | component:06-canvas-fit-grommets.css */
.egeg-grommet-guide {
	border: 1.25px dashed rgba(0, 156, 45, .75);
	inset: var(--egeg-grommet-path-inset-y, 2.25%) var(--egeg-grommet-path-inset-x, 2.25%);
	pointer-events: auto;
	position: absolute;
	z-index: 6;
}

/* @egeg-block:000767 | component:06-canvas-fit-grommets.css */
.egeg-canvas::before,
.egeg-grommet-preview::before,
.egeg-canvas::after,
.egeg-grommet-preview::after {
	content: none !important;
}

/* @egeg-block:000768 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="cover"] .egeg-art-preview {
	height: 116%;
	width: 116%;
}

/* @egeg-block:000769 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="contain"] .egeg-art-preview {
	height: 100%;
	width: 100%;
}

/* @egeg-block:000770 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="custom"] .egeg-art-preview,
.egeg-grommet-preview .egeg-art-preview {
	height: clamp(24%, var(--egeg-preview-height, 100%), 260%);
	width: clamp(24%, var(--egeg-preview-width, 100%), 260%);
}

/* @egeg-block:000771 | component:06-canvas-fit-grommets.css */
.egeg-art-preview {
	cursor: grab;
	max-width: none;
}

/* @egeg-block:000772 | component:06-canvas-fit-grommets.css */
.egeg-art-preview span {
	display: none !important;
}

/* @egeg-block:000773 | component:06-canvas-fit-grommets.css */
.egeg-grommet-dot {
	box-sizing: border-box;
	height: var(--egeg-grommet-dot-h, 13px);
	min-height: 9px;
	min-width: 9px;
	transform: translate(-50%, -50%);
	width: var(--egeg-grommet-dot-w, 13px);
}

/* @egeg-block:000774 | component:06-canvas-fit-grommets.css */
.egeg-grommet-muted {
	font-size: 11px;
	opacity: .65;
}

/* @egeg-block:000775 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-grommet-preview {
	margin-inline: auto;
	max-height: 300px;
	width: min(240px, 100%);
}

/* @egeg-block:000776 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area,
.egeg-canvas .egeg-grommet-inner,
.egeg-canvas .egeg-grommet-guide {
	pointer-events: none;
}

/* @egeg-block:000777 | component:06-canvas-fit-grommets.css */
.egeg-grommet-preview .egeg-grommet-guide,
.egeg-grommet-preview .egeg-grommet-dots-layer,
.egeg-grommet-preview .egeg-grommet-dot {
	pointer-events: auto;
}

/* @egeg-block:000778 | component:06-canvas-fit-grommets.css */
.egeg-art-preview {
	touch-action: none;
	user-select: none;
}

/* @egeg-block:000779 | component:06-canvas-fit-grommets.css */
.egeg-art-preview img {
	user-select: none;
	-webkit-user-drag: none;
}

/* @egeg-block:000780 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="cover"] .egeg-art-preview img {
	object-fit: cover;
}

/* @egeg-block:000781 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="contain"] .egeg-art-preview,
.egeg-canvas[data-egeg-fit="custom"] .egeg-art-preview,
.egeg-grommet-preview .egeg-art-preview {
	overflow: visible;
}

/* @egeg-block:000782 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="contain"] .egeg-art-preview img,
.egeg-canvas[data-egeg-fit="custom"] .egeg-art-preview img,
.egeg-grommet-preview .egeg-art-preview img {
	object-fit: contain;
}

/* @egeg-block:000783 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb {
	background: transparent;
	border: 0;
	box-shadow: none;
	display: grid !important;
	gap: 10px;
	justify-items: center;
	padding: 0;
}

/* @egeg-block:000784 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-grommet-preview {
	aspect-ratio: var(--egeg-thumb-ratio, auto);
	min-height: 180px;
	width: min(230px, 100%);
}

/* @egeg-block:000785 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb p {
	font-size: 11px;
	line-height: 1.35;
	margin: 0;
	text-align: center;
}

/* @egeg-block:000786 | component:06-canvas-fit-grommets.css */
/* Beta tuning 0.1.9: correct natural art ratio and guide containment. */
.egeg-canvas .egeg-useful-area,
.egeg-grommet-preview .egeg-useful-area {
	box-sizing: border-box;
	inset: var(--egeg-clean-inset-y, 1%) var(--egeg-clean-inset-x, 1%) !important;
	overflow: hidden;
}

/* @egeg-block:000787 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-grommet-inner,
.egeg-grommet-preview .egeg-grommet-inner {
	box-sizing: border-box;
	inset: var(--egeg-grommet-inner-inset-y, 3.5%) var(--egeg-grommet-inner-inset-x, 3.5%) !important;
}

/* @egeg-block:000788 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-grommet-guide,
.egeg-grommet-preview .egeg-grommet-guide {
	box-sizing: border-box;
	inset: var(--egeg-grommet-path-inset-y, 2.25%) var(--egeg-grommet-path-inset-x, 2.25%) !important;
}

/* @egeg-block:000789 | component:06-canvas-fit-grommets.css */
.egeg-art-preview {
	box-sizing: border-box;
	height: var(--egeg-preview-height, 100%) !important;
	overflow: visible !important;
	width: var(--egeg-preview-width, 100%) !important;
}

/* @egeg-block:000790 | component:06-canvas-fit-grommets.css */
.egeg-art-preview img {
	height: 100%;
	object-fit: fill !important;
	width: 100%;
}

/* @egeg-block:000791 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="cover"] .egeg-art-preview,
.egeg-canvas[data-egeg-fit="contain"] .egeg-art-preview,
.egeg-canvas[data-egeg-fit="custom"] .egeg-art-preview,
.egeg-grommet-preview .egeg-art-preview {
	height: var(--egeg-preview-height, 100%) !important;
	width: var(--egeg-preview-width, 100%) !important;
}

/* @egeg-block:000792 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-grommet-preview {
	background: #fff;
	isolation: isolate;
	min-height: 190px;
	overflow: hidden;
}

/* @egeg-block:000793 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-art-stage {
	inset: var(--egeg-clean-inset-y, 1%) var(--egeg-clean-inset-x, 1%) !important;
	overflow: hidden !important;
	z-index: 2 !important;
}

/* @egeg-block:000794 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-art-preview {
	background: transparent !important;
	border: 0 !important;
	left: 50% !important;
	opacity: 1 !important;
	position: absolute !important;
	top: 50% !important;
	transform: translate(-50%, -50%) translate(var(--egeg-preview-x, 0), var(--egeg-preview-y, 0)) !important;
	z-index: 2 !important;
}

/* @egeg-block:000795 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-art-preview img {
	display: block !important;
	height: 100% !important;
	opacity: 1 !important;
	object-fit: contain !important;
	width: 100% !important;
}

/* @egeg-block:000796 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-useful-area,
.egeg-final-pdf-thumb .egeg-grommet-inner,
.egeg-final-pdf-thumb .egeg-grommet-guide {
	background: transparent !important;
	pointer-events: none !important;
}

/* @egeg-block:000797 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-useful-area {
	z-index: 4 !important;
}

/* @egeg-block:000798 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-grommet-inner,
.egeg-final-pdf-thumb .egeg-grommet-guide {
	z-index: 5 !important;
}

/* @egeg-block:000799 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-grommet-dot {
	z-index: 6 !important;
}

/* @egeg-block:000800 | component:06-canvas-fit-grommets.css */
/* Beta tuning 0.1.12: UI harmony, corrected backgrounds, canvas fit and PDF thumbnail. */
.egeg-generator {
	--egeg-purple-50: var(--egeg-color-panel, #F6F2FF);
	--egeg-shadow-shell: 0 18px 42px rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.16), 0 6px 16px rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.08);
	--egeg-shadow-card: 0 10px 24px rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.10), 0 3px 8px rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.05);
	--egeg-shadow-button-soft: 0 6px 14px rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.08), 0 2px 5px rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.05);
	align-items: stretch;
	min-height: 100vh;
}

/* @egeg-block:000801 | component:06-canvas-fit-grommets.css */
.egeg-summary dl div,
.egeg-final-pdf-thumb {
	box-shadow: var(--egeg-shadow-card) !important;
}

/* @egeg-block:000802 | component:06-canvas-fit-grommets.css */
.egeg-button,
.egeg-mini-button,
.egeg-fit-tool,
.egeg-nav .egeg-button,
.egeg-upload-actions .egeg-mini-button {
	box-shadow: var(--egeg-shadow-button-soft);
}

/* @egeg-block:000803 | component:06-canvas-fit-grommets.css */
.egeg-canvas-shell {
	padding: 18px 18px 14px !important;
}

/* @egeg-block:000804 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="cover"] .egeg-art-stage,
.egeg-grommet-preview[data-egeg-fit="cover"] .egeg-art-stage {
	inset: 0 !important;
	overflow: hidden !important;
}

/* @egeg-block:000805 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="contain"] .egeg-art-stage,
.egeg-canvas[data-egeg-fit="custom"] .egeg-art-stage,
.egeg-grommet-preview[data-egeg-fit="contain"] .egeg-art-stage,
.egeg-grommet-preview[data-egeg-fit="custom"] .egeg-art-stage {
	inset: var(--egeg-clean-inset-y, 1%) var(--egeg-clean-inset-x, 1%) !important;
	overflow: hidden !important;
}

/* @egeg-block:000806 | component:06-canvas-fit-grommets.css */
.egeg-art-preview {
	overflow: hidden !important;
}

/* @egeg-block:000807 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-art-preview,
.egeg-grommet-preview .egeg-art-preview {
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) translate(var(--egeg-preview-x, 0), var(--egeg-preview-y, 0)) !important;
}

/* @egeg-block:000808 | component:06-canvas-fit-grommets.css */
.egeg-art-preview img {
	display: block;
	height: 100%;
	object-fit: contain !important;
	width: 100%;
}

/* @egeg-block:000809 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="contain"] .egeg-art-preview img,
.egeg-canvas[data-egeg-fit="custom"] .egeg-art-preview img,
.egeg-grommet-preview[data-egeg-fit="contain"] .egeg-art-preview img,
.egeg-grommet-preview[data-egeg-fit="custom"] .egeg-art-preview img {
	object-fit: contain !important;
}

/* @egeg-block:000810 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area,
.egeg-canvas .egeg-grommet-inner,
.egeg-canvas .egeg-grommet-guide,
.egeg-grommet-preview .egeg-useful-area,
.egeg-grommet-preview .egeg-grommet-inner,
.egeg-grommet-preview .egeg-grommet-guide {
	max-width: 100%;
	max-height: 100%;
}

/* @egeg-block:000811 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb {
	gap: 12px;
	padding: 18px !important;
}

/* @egeg-block:000812 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-grommet-preview {
	background: #FFFFFF !important;
	margin-inline: auto;
	min-height: 250px;
	padding: 0;
	width: min(250px, 100%);
}

/* @egeg-block:000813 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-art-stage {
	z-index: 1 !important;
}

/* @egeg-block:000814 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-art-preview {
	background: transparent !important;
	overflow: hidden !important;
	z-index: 1 !important;
}

/* @egeg-block:000815 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-art-preview img {
	height: 100% !important;
	opacity: 1 !important;
	object-fit: contain !important;
	width: 100% !important;
}

/* @egeg-block:000816 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-useful-area,
.egeg-final-pdf-thumb .egeg-grommet-inner,
.egeg-final-pdf-thumb .egeg-grommet-guide,
.egeg-final-pdf-thumb .egeg-grommet-dots-layer,
.egeg-final-pdf-thumb .egeg-grommet-dot {
	z-index: 2 !important;
}

/* @egeg-block:000817 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb p {
	color: var(--egeg-text-secondary);
	font-size: 12px;
}

/* @egeg-block:000818 | component:06-canvas-fit-grommets.css */
/* Beta tuning 0.1.13: panel/background cleanup, fit-tool behavior, canvas ratio and summary readability. */
.egeg-substep {
	background: transparent !important;
	box-shadow: none !important;
	padding: 14px 18px !important;
}

/* @egeg-block:000819 | component:06-canvas-fit-grommets.css */
.egeg-fit-tools {
	gap: 14px !important;
}

/* @egeg-block:000820 | component:06-canvas-fit-grommets.css */
.egeg-fit-tool,
.egeg-fit-tool:hover,
.egeg-fit-tool:focus,
.egeg-fit-tool:active {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	outline: none !important;
}

/* @egeg-block:000821 | component:06-canvas-fit-grommets.css */
.egeg-fit-tool {
	color: var(--egeg-purple-400) !important;
	min-width: 84px;
	padding: 0 !important;
}

/* @egeg-block:000822 | component:06-canvas-fit-grommets.css */
.egeg-fit-tool .ph {
	background: #FFFFFF !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.16) !important;
	box-shadow: var(--egeg-shadow-button-soft) !important;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* @egeg-block:000823 | component:06-canvas-fit-grommets.css */
.egeg-fit-tool:hover .ph,
.egeg-fit-tool:focus-visible .ph {
	border-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.28) !important;
	box-shadow: 0 8px 18px rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.12) !important;
	transform: translateY(-1px);
}

/* @egeg-block:000824 | component:06-canvas-fit-grommets.css */
.egeg-fit-tool[aria-pressed="true"] {
	color: #F28A1A !important;
}

/* @egeg-block:000825 | component:06-canvas-fit-grommets.css */
.egeg-fit-tool[aria-pressed="true"] .ph {
	border-color: #F28A1A !important;
	color: #F28A1A !important;
}

/* @egeg-block:000826 | component:06-canvas-fit-grommets.css */
.egeg-canvas-shell {
	padding: 16px !important;
}

/* @egeg-block:000827 | component:06-canvas-fit-grommets.css */
.egeg-canvas {
	/* height driven by JS aspect-ratio — min-height prevents collapse */
	min-height: 120px;
	max-width: 100%;
	padding: 0;
	width: auto;
}

/* @egeg-block:000828 | component:06-canvas-fit-grommets.css */
.egeg-grommet-custom .egeg-grommet-preview {
	height: min(250px, 34vh) !important;
	max-height: none !important;
	max-width: 100% !important;
	width: auto !important;
}

/* @egeg-block:000829 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-shape],
.egeg-grommet-preview[data-egeg-shape] {
	max-width: 100% !important;
}

/* @egeg-block:000830 | component:06-canvas-fit-grommets.css */
.egeg-canvas::before,
.egeg-canvas::after,
.egeg-grommet-preview::before,
.egeg-grommet-preview::after {
	content: none !important;
}

/* @egeg-block:000831 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area,
.egeg-canvas .egeg-grommet-inner,
.egeg-canvas .egeg-grommet-guide,
.egeg-grommet-preview .egeg-useful-area,
.egeg-grommet-preview .egeg-grommet-inner,
.egeg-grommet-preview .egeg-grommet-guide {
	background: transparent !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

/* @egeg-block:000832 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area,
.egeg-grommet-preview .egeg-useful-area {
	border-color: rgba(0, 82, 255, .58) !important;
}

/* @egeg-block:000833 | component:06-canvas-fit-grommets.css */
.egeg-grommet-inner {
	border-color: rgba(255, 45, 32, .62) !important;
}

/* @egeg-block:000834 | component:06-canvas-fit-grommets.css */
.egeg-grommet-guide {
	border-color: rgba(0, 156, 45, .78) !important;
}

/* @egeg-block:000835 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="cover"] .egeg-art-stage,
.egeg-grommet-preview[data-egeg-fit="cover"] .egeg-art-stage {
	inset: 0 !important;
}

/* @egeg-block:000836 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="contain"] .egeg-art-stage,
.egeg-canvas[data-egeg-fit="custom"] .egeg-art-stage,
.egeg-grommet-preview[data-egeg-fit="contain"] .egeg-art-stage,
.egeg-grommet-preview[data-egeg-fit="custom"] .egeg-art-stage {
	inset: var(--egeg-clean-inset-y, 1%) var(--egeg-clean-inset-x, 1%) !important;
}

/* @egeg-block:000837 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-art-preview,
.egeg-grommet-preview .egeg-art-preview {
	left: 50% !important;
	overflow: hidden !important;
	top: 50% !important;
	transform: translate(-50%, -50%) translate(var(--egeg-preview-x, 0), var(--egeg-preview-y, 0)) !important;
}

/* @egeg-block:000838 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-art-preview img,
.egeg-grommet-preview .egeg-art-preview img {
	object-fit: contain !important;
}

/* @egeg-block:000839 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="cover"] .egeg-art-preview img,
.egeg-grommet-preview[data-egeg-fit="cover"] .egeg-art-preview img {
	object-fit: cover !important;
}

/* @egeg-block:000840 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="custom"][data-egeg-fit-locked="false"] .egeg-art-preview img,
.egeg-grommet-preview[data-egeg-fit="custom"][data-egeg-fit-locked="false"] .egeg-art-preview img,
.egeg-final-pdf-thumb .egeg-grommet-preview[data-egeg-fit="custom"][data-egeg-fit-locked="false"] .egeg-art-preview img {
	object-fit: fill !important;
}

/* @egeg-block:000841 | component:06-canvas-fit-grommets.css */
.egeg-grommet-controls strong,
.egeg-grommet-position-row strong {
	color: var(--egeg-purple-400) !important;
}

/* @egeg-block:000842 | component:06-canvas-fit-grommets.css */
.egeg-grommet-muted {
	color: rgba(106, 98, 116, .65) !important;
}

/* @egeg-block:000843 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb {
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.22) !important;
	border-radius: 12px !important;
	box-shadow: var(--egeg-shadow-card) !important;
	gap: 10px !important;
	padding: 12px !important;
}

/* @egeg-block:000844 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-grommet-preview {
	background: #FFFFFF !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.16) !important;
	box-shadow: none !important;
	height: 230px !important;
	margin-inline: auto;
	max-height: none !important;
	width: auto !important;
}

/* @egeg-block:000845 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-art-stage,
.egeg-final-pdf-thumb .egeg-art-preview,
.egeg-final-pdf-thumb .egeg-useful-area,
.egeg-final-pdf-thumb .egeg-grommet-inner,
.egeg-final-pdf-thumb .egeg-grommet-guide {
	background: transparent !important;
}

/* @egeg-block:000846 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-thumb .egeg-art-preview img {
	object-fit: contain !important;
}

/* @egeg-block:000847 | component:06-canvas-fit-grommets.css */
/* Beta tuning 0.1.14: readable stepper, clean purple panels, usable grommets and SVG PDF thumbnail. */
.egeg-substep,
.egeg-panel,
.egeg-summary dl {
	background: var(--egeg-color-panel, #F6F2FF) !important;
	box-shadow: none !important;
}

/* @egeg-block:000848 | component:06-canvas-fit-grommets.css */
.egeg-grommet-custom {
	margin-top: 18px !important;
}

/* @egeg-block:000849 | component:06-canvas-fit-grommets.css */
.egeg-grommet-dot {
	background: #FFFFFF !important;
	border: 2px solid var(--egeg-color-primary, #8732F5) !important;
	box-shadow: 0 0 0 2px rgba(255,255,255,.9), 0 4px 10px rgba(var(--egeg-primary-rgb, 135, 50, 245),.18) !important;
	height: max(var(--egeg-grommet-dot-h, 13px), 16px) !important;
	min-height: 16px !important;
	min-width: 16px !important;
	position: absolute !important;
	width: max(var(--egeg-grommet-dot-w, 13px), 16px) !important;
	z-index: 20 !important;
}

/* @egeg-block:000850 | component:06-canvas-fit-grommets.css */
.egeg-grommet-dot::after {
	border-radius: 999px;
	content: "";
	inset: -10px;
	position: absolute;
}

/* @egeg-block:000851 | component:06-canvas-fit-grommets.css */
.egeg-grommet-dot[aria-pressed="true"] {
	border-color: var(--egeg-color-accent, #F98800) !important;
	box-shadow: 0 0 0 3px rgba(var(--egeg-accent-rgb, 249, 136, 0), 0.24), 0 4px 12px rgba(var(--egeg-primary-rgb, 135, 50, 245),.18) !important;
}

/* @egeg-block:000852 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area,
.egeg-grommet-preview .egeg-useful-area {
	border: 0 !important;
	box-shadow: inset 0 0 0 1.6px rgba(0, 82, 255, .62) !important;
	inset: calc(var(--egeg-clean-inset-y, 1%) + 1px) calc(var(--egeg-clean-inset-x, 1%) + 1px) !important;
}

/* @egeg-block:000853 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-grommet-inner,
.egeg-grommet-preview .egeg-grommet-inner {
	border: 0 !important;
	box-shadow: inset 0 0 0 1.6px rgba(255, 45, 32, .64) !important;
	inset: calc(var(--egeg-grommet-inner-inset-y, 3.5%) + 1px) calc(var(--egeg-grommet-inner-inset-x, 3.5%) + 1px) !important;
}

/* @egeg-block:000854 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-grommet-guide,
.egeg-grommet-preview .egeg-grommet-guide {
	border: 1.4px dashed rgba(0, 156, 45, .78) !important;
	box-shadow: none !important;
	inset: calc(var(--egeg-grommet-path-inset-y, 2.25%) + 1px) calc(var(--egeg-grommet-path-inset-x, 2.25%) + 1px) !important;
}

/* @egeg-block:000855 | component:06-canvas-fit-grommets.css */
.egeg-pdf-thumb-svg {
	background: #FFFFFF !important;
	border-radius: 8px;
	display: block;
	height: auto;
	max-height: 300px;
	max-width: 245px;
	width: 100%;
}

/* @egeg-block:000856 | component:06-canvas-fit-grommets.css */
.egeg-fit-layout {
	grid-template-columns: 88px minmax(0, 1fr) !important;
	max-width: 860px !important;
}

/* @egeg-block:000857 | component:06-canvas-fit-grommets.css */
.egeg-canvas,
.egeg-grommet-preview {
	overflow: hidden !important;
}

/* @egeg-block:000858 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area,
.egeg-grommet-preview .egeg-useful-area {
	box-shadow: inset 0 0 0 1.25px rgba(0, 82, 255, .62) !important;
	inset: var(--egeg-clean-inset-y, 1%) var(--egeg-clean-inset-x, 1%) !important;
}

/* @egeg-block:000859 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-grommet-inner,
.egeg-grommet-preview .egeg-grommet-inner {
	box-shadow: inset 0 0 0 1.25px rgba(255, 45, 32, .64) !important;
	inset: var(--egeg-grommet-inner-inset-y, 3.5%) var(--egeg-grommet-inner-inset-x, 3.5%) !important;
}

/* @egeg-block:000860 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-grommet-guide,
.egeg-grommet-preview .egeg-grommet-guide {
	border-width: 1.2px !important;
	inset: var(--egeg-grommet-path-inset-y, 2.25%) var(--egeg-grommet-path-inset-x, 2.25%) !important;
}

/* @egeg-block:000861 | component:06-canvas-fit-grommets.css */
.egeg-grommet-custom {
	margin-top: 24px !important;
}

/* @egeg-block:000862 | component:06-canvas-fit-grommets.css */
.egeg-grommet-dot {
	height: max(var(--egeg-grommet-dot-h, 14px), 20px) !important;
	min-height: 20px !important;
	min-width: 20px !important;
	width: max(var(--egeg-grommet-dot-w, 14px), 20px) !important;
}

/* @egeg-block:000863 | component:06-canvas-fit-grommets.css */
.egeg-grommet-dot::after {
	inset: -12px !important;
}

/* @egeg-block:000864 | component:06-canvas-fit-grommets.css */
.egeg-pdf-thumb-svg {
	max-width: 210px !important;
}

/* @egeg-block:000865 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-fit-layout {
	grid-template-columns: 74px minmax(0, 1fr) !important;
	max-width: 100% !important;
	width: 100% !important;
}

/* @egeg-block:000866 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas-shell {
	padding-left: 8px !important;
	padding-right: 8px !important;
	width: 100% !important;
}

/* @egeg-block:000867 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-fit-tools {
	padding-left: 8px;
}

/* @egeg-block:000868 | component:06-canvas-fit-grommets.css */
.egeg-grommet-position-row {
	grid-template-columns: 58px minmax(0, 1fr) 76px 54px !important;
}

/* @egeg-block:000869 | component:06-canvas-fit-grommets.css */
.egeg-grommet-position-row input[type="number"] {
	appearance: textfield;
	background: #FFFFFF;
	border: 1px solid var(--egeg-purple-100);
	border-radius: 10px;
	color: var(--egeg-purple-400);
	font-size: 13px;
	font-weight: 800;
	height: 36px;
	padding: 7px 8px;
	text-align: center;
	width: 76px;
}

/* @egeg-block:000870 | component:06-canvas-fit-grommets.css */
.egeg-grommet-position-row input[type="number"]::-webkit-outer-spin-button,
.egeg-grommet-position-row input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* @egeg-block:000871 | component:06-canvas-fit-grommets.css */
.egeg-grommet-position-status {
	background: #FFF6D9;
	border: 1px solid #FFD65A;
	border-radius: 10px;
	color: #6A6274;
	font-size: 12px;
	line-height: 1.35;
	margin: -4px auto 0;
	max-width: 480px;
	padding: 8px 10px;
	text-align: center;
	width: 100%;
}

/* @egeg-block:000872 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom {
	margin-top: 0 !important;
	position: relative;
}

/* @egeg-block:000873 | component:06-canvas-fit-grommets.css */
.egeg-canvas-shell,
.egeg-grommet-custom {
	position: relative;
}

/* @egeg-block:000874 | component:06-canvas-fit-grommets.css */
.egeg-pdf-thumb-svg circle {
	paint-order: stroke fill;
}

/* @egeg-block:000875 | component:06-canvas-fit-grommets.css */
.egeg-canvas,
.egeg-grommet-preview {
	isolation: isolate;
	overflow: hidden !important;
}

/* @egeg-block:000876 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area,
.egeg-canvas .egeg-grommet-inner,
.egeg-canvas .egeg-grommet-guide,
.egeg-grommet-preview .egeg-useful-area,
.egeg-grommet-preview .egeg-grommet-inner,
.egeg-grommet-preview .egeg-grommet-guide {
	background: transparent !important;
	border: 0 !important;
	box-sizing: border-box !important;
	inset: auto !important;
	pointer-events: none;
}

/* @egeg-block:000877 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area,
.egeg-grommet-preview .egeg-useful-area {
	bottom: var(--egeg-clean-inset-y, 1%) !important;
	box-shadow: inset 0 0 0 1.25px rgba(0, 82, 255, .62) !important;
	left: var(--egeg-clean-inset-x, 1%) !important;
	right: var(--egeg-clean-inset-x, 1%) !important;
	top: var(--egeg-clean-inset-y, 1%) !important;
}

/* @egeg-block:000878 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-grommet-inner,
.egeg-grommet-preview .egeg-grommet-inner {
	bottom: var(--egeg-grommet-inner-inset-y, 3.5%) !important;
	box-shadow: inset 0 0 0 1.25px rgba(255, 45, 32, .64) !important;
	left: var(--egeg-grommet-inner-inset-x, 3.5%) !important;
	right: var(--egeg-grommet-inner-inset-x, 3.5%) !important;
	top: var(--egeg-grommet-inner-inset-y, 3.5%) !important;
}

/* @egeg-block:000879 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-grommet-guide,
.egeg-grommet-preview .egeg-grommet-guide {
	bottom: var(--egeg-grommet-path-inset-y, 2.25%) !important;
	box-shadow: inset 0 0 0 1px rgba(0, 156, 45, .68) !important;
	left: var(--egeg-grommet-path-inset-x, 2.25%) !important;
	right: var(--egeg-grommet-path-inset-x, 2.25%) !important;
	top: var(--egeg-grommet-path-inset-y, 2.25%) !important;
}

/* @egeg-block:000880 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-shape="svg_parametric"] .egeg-grommet-guide,
.egeg-canvas[data-egeg-shape="svg_parametric"] .egeg-grommet-inner,
.egeg-grommet-preview[data-egeg-shape="svg_parametric"] .egeg-grommet-guide,
.egeg-grommet-preview[data-egeg-shape="svg_parametric"] .egeg-grommet-inner {
	display: none !important;
}

/* @egeg-block:000881 | component:06-canvas-fit-grommets.css */
/* 0.1.19: grommet editor space, snap UI, clearer thumbnail dots */
.egeg-generator[data-egeg-current-step="6"] .egeg-panel {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* @egeg-block:000882 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom--recommended {
	background: #FFFFFF !important;
	border-radius: 14px;
	margin-inline: auto;
	max-width: 100% !important;
	padding: 14px 0 12px !important;
	width: 100%;
}

/* @egeg-block:000883 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview {
	height: min(460px, 52vh) !important;
	margin-inline: auto;
	max-height: none !important;
	max-width: min(100%, 920px) !important;
}

/* @egeg-block:000884 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-controls,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-row,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-status,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-muted {
	margin-left: auto;
	margin-right: auto;
	max-width: min(100%, 920px);
}

/* @egeg-block:000885 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-row {
	grid-template-columns: 70px minmax(0, 1fr) 78px minmax(120px, auto) !important;
	margin-top: 10px;
}

/* @egeg-block:000886 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-row [data-egeg-grommet-position-value] {
	font-size: 13px;
	justify-self: end;
	min-width: 120px;
	text-align: right;
}

/* @egeg-block:000887 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-dot {
	height: max(var(--egeg-grommet-dot-h, 16px), 22px) !important;
	min-height: 22px !important;
	min-width: 22px !important;
	width: max(var(--egeg-grommet-dot-w, 16px), 22px) !important;
}

/* @egeg-block:000888 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-dot::after {
	inset: -14px !important;
}

/* @egeg-block:000889 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-preview .egeg-pdf-thumb-svg {
	overflow: visible;
}

/* @egeg-block:000890 | component:06-canvas-fit-grommets.css */
/* 0.1.20: final grommet tuning, responsive stepper and editor padding */
.egeg-stepper {
	grid-template-columns: repeat(var(--egeg-visible-steps, 8), minmax(0, 1fr)) !important;
}

/* @egeg-block:000891 | component:06-canvas-fit-grommets.css */
.egeg-stepper[data-egeg-skip-grommets="true"] {
	grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}

/* @egeg-block:000892 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas-shell {
	padding-left: 8px !important;
	padding-right: 16px !important;
}

/* @egeg-block:000893 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom--recommended {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

/* @egeg-block:000894 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-dot {
	background: #FFFFFF !important;
	border: 1.8px solid var(--egeg-color-primary, #8732F5) !important;
	box-shadow: 0 0 0 1.5px rgba(255, 255, 255, .92), 0 3px 8px rgba(var(--egeg-primary-rgb, 135, 50, 245), .14) !important;
	height: clamp(8px, var(--egeg-grommet-dot-h, 14px), 22px) !important;
	min-height: 8px !important;
	min-width: 8px !important;
	overflow: visible !important;
	width: clamp(8px, var(--egeg-grommet-dot-w, 14px), 22px) !important;
	z-index: 40 !important;
}

/* @egeg-block:000895 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-dot::after {
	background: rgba(var(--egeg-primary-rgb, 135, 50, 245), .12);
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .16);
	border-radius: 999px;
	content: "";
	inset: -14px !important;
	position: absolute;
	z-index: -1;
}

/* @egeg-block:000896 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-dot[aria-pressed="true"]::after {
	background: rgba(var(--egeg-accent-rgb, 249, 136, 0), .16);
	border-color: rgba(var(--egeg-accent-rgb, 249, 136, 0), .24);
}

/* @egeg-block:000897 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-guide {
	overflow: visible !important;
	z-index: 30 !important;
}

/* @egeg-block:000898 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-dots-layer {
	overflow: visible !important;
	z-index: 35 !important;
}

/* @egeg-block:000899 | component:06-canvas-fit-grommets.css */
.egeg-pdf-thumb-svg--shape-svg {
	max-height: 300px !important;
	max-width: 180px !important;
}

/* @egeg-block:000900 | component:06-canvas-fit-grommets.css */
.egeg-pdf-thumb-svg--shape-svg {
	max-height: 300px !important;
	max-width: 225px !important;
}

/* @egeg-block:000901 | component:06-canvas-fit-grommets.css */
.egeg-pdf-thumb-svg--shape-svg {
	aspect-ratio: 3344.88 / 8503.94 !important;
	max-height: 340px !important;
	max-width: 140px !important;
}

/* @egeg-block:000902 | component:06-canvas-fit-grommets.css */
/* 0.1.24: Ajuste step spacing requested for tools/canvas split. */
.egeg-generator[data-egeg-current-step="5"] .egeg-fit-layout {
	box-sizing: border-box;
	padding-left: 8px;
	padding-right: 16px;
}

/* @egeg-block:000903 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-fit-tools {
	padding-left: 0;
	padding-right: 0;
}

/* @egeg-block:000904 | component:06-canvas-fit-grommets.css */
/* 0.1.28: real upload, canvas fit area correction and button system polish. */
.egeg-canvas .egeg-art-stage,
.egeg-grommet-preview .egeg-art-stage {
	inset: 0 !important;
	overflow: hidden !important;
	z-index: 1 !important;
}

/* @egeg-block:000905 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-art-preview,
.egeg-grommet-preview .egeg-art-preview {
	box-sizing: border-box !important;
	max-height: none !important;
	max-width: none !important;
}

/* @egeg-block:000906 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="contain"] .egeg-art-preview,
.egeg-grommet-preview[data-egeg-fit="contain"] .egeg-art-preview {
	height: var(--egeg-preview-height, 100%) !important;
	width: var(--egeg-preview-width, 100%) !important;
}

/* @egeg-block:000907 | component:06-canvas-fit-grommets.css */
.egeg-canvas[data-egeg-fit="cover"] .egeg-art-preview,
.egeg-grommet-preview[data-egeg-fit="cover"] .egeg-art-preview {
	height: var(--egeg-preview-height, 116%) !important;
	width: var(--egeg-preview-width, 116%) !important;
}

/* @egeg-block:000908 | component:06-canvas-fit-grommets.css */
.egeg-canvas--svg-editor {
	align-items: center !important;
	background: var(--egeg-color-surface) !important;
	border: var(--egeg-stroke-hairline) solid var(--egeg-color-border) !important;
	display: flex !important;
	justify-content: center !important;
	overflow: hidden !important;
	padding: 0 !important;
}

/* @egeg-block:000909 | component:06-canvas-fit-grommets.css */
.egeg-canvas--svg-editor::after {
	display: none !important;
}

/* @egeg-block:000910 | component:06-canvas-fit-grommets.css */
.egeg-canvas--svg-editor [data-egeg-art-preview] {
	cursor: grab;
}

/* @egeg-block:000911 | component:06-canvas-fit-grommets.css */
.egeg-canvas--svg-editor [data-egeg-art-preview]:active {
	cursor: grabbing;
}

/* @egeg-block:000912 | component:06-canvas-fit-grommets.css */
.egeg-canvas--svg-editor .egeg-shape-svg-print-area {
	fill: none;
	stroke: #FF2D20;
	stroke-width: 2px;
	vector-effect: non-scaling-stroke;
}

/* @egeg-block:000913 | component:06-canvas-fit-grommets.css */
.egeg-canvas--svg-editor .egeg-shape-svg-clean-path {
	fill: none;
	stroke: #0052FF;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8px;
	vector-effect: non-scaling-stroke;
}

/* @egeg-block:000914 | component:06-canvas-fit-grommets.css */
/* 0.1.31: template guides, upload scale correction, Woo product images and technical legend. */
.egeg-generator {
	--egeg-guide-canvas: #BDB7C9;
	--egeg-guide-safe: #0052FF;
	--egeg-guide-cut: #FF2D20;
	--egeg-guide-grommet: #009C2D;
	--egeg-text-upload-title: clamp(18px, 1.6vw, 24px);
	--egeg-text-upload-hint: clamp(13px, 1.05vw, 16px);
	--egeg-text-upload-meta: 10.5px;
}

/* @egeg-block:000915 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area,
.egeg-grommet-preview .egeg-useful-area {
	box-shadow: inset 0 0 0 1px var(--egeg-guide-safe) !important;
}

/* @egeg-block:000916 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-grommet-inner,
.egeg-grommet-preview .egeg-grommet-inner {
	box-shadow: inset 0 0 0 1px var(--egeg-guide-cut) !important;
}

/* @egeg-block:000917 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-grommet-guide,
.egeg-grommet-preview .egeg-grommet-guide {
	box-shadow: inset 0 0 0 1px var(--egeg-guide-grommet) !important;
}

/* @egeg-block:000918 | component:06-canvas-fit-grommets.css */
.egeg-canvas--svg-editor {
	aspect-ratio: 3344.88 / 8503.94 !important;
	height: min(620px, 62vh) !important;
	max-height: min(620px, 62vh) !important;
	width: auto !important;
}

/* @egeg-block:000919 | component:06-canvas-fit-grommets.css */
.egeg-canvas--svg-editor .egeg-shape-svg-editor-svg {
	display: block !important;
	height: 100% !important;
	max-height: 100% !important;
	max-width: 100% !important;
	overflow: hidden !important;
	width: auto !important;
}

/* @egeg-block:000920 | component:06-canvas-fit-grommets.css */
.egeg-canvas--svg-editor .egeg-shape-svg-editor-bg {
	fill: #FFFFFF !important;
	stroke: var(--egeg-guide-canvas) !important;
	stroke-width: 1px !important;
	vector-effect: non-scaling-stroke !important;
}

/* @egeg-block:000921 | component:06-canvas-fit-grommets.css */
.egeg-canvas--svg-editor .egeg-shape-svg-print-area,
.egeg-shape-svg-guide .egeg-shape-svg-print-area {
	fill: none !important;
	stroke: var(--egeg-guide-canvas) !important;
	stroke-width: 1.1px !important;
	vector-effect: non-scaling-stroke !important;
}

/* @egeg-block:000922 | component:06-canvas-fit-grommets.css */
.egeg-canvas--svg-editor .egeg-shape-svg-bleed-area,
.egeg-shape-svg-guide .egeg-shape-svg-bleed-area {
	display: block !important;
	fill: none !important;
	stroke: var(--egeg-guide-safe) !important;
	stroke-width: 1.15px !important;
	vector-effect: non-scaling-stroke !important;
}

/* @egeg-block:000923 | component:06-canvas-fit-grommets.css */
.egeg-canvas--svg-editor .egeg-shape-svg-clean-path,
.egeg-shape-svg-guide .egeg-shape-svg-clean-path {
	fill: none !important;
	stroke: var(--egeg-guide-cut) !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	stroke-width: 1.3px !important;
	vector-effect: non-scaling-stroke !important;
}

/* @egeg-block:000924 | component:06-canvas-fit-grommets.css */
.egeg-guide-swatch--canvas {
	background: var(--egeg-guide-canvas);
}

/* @egeg-block:000925 | component:06-canvas-fit-grommets.css */
.egeg-guide-swatch--grommet {
	background: transparent;
	border-top: 2px dashed var(--egeg-guide-grommet);
	height: 0;
}

/* @egeg-block:000926 | component:06-canvas-fit-grommets.css */
/* El SVG editor debe aceptar drag desde todo el lienzo en modo A medida, aunque el puntero caiga en una guía. */
.egeg-canvas--svg-editor[data-egeg-fit="custom"] {
	cursor: grab;
	touch-action: none;
}

/* @egeg-block:000927 | component:06-canvas-fit-grommets.css */
.egeg-canvas--svg-editor[data-egeg-fit="custom"]:active {
	cursor: grabbing;
}

/* @egeg-block:000928 | component:06-canvas-fit-grommets.css */
/* 0.1.33: editor canvas containment, compact guide language and reliable custom drag. */
.egeg-generator {
	--egeg-guide-legend-text: 10px;
	--egeg-guide-legend-gap-x: 8px;
	--egeg-guide-legend-gap-y: 5px;
}

/* @egeg-block:000929 | component:06-canvas-fit-grommets.css */
.egeg-canvas,
.egeg-grommet-preview {
	contain: layout paint;
	overflow: hidden !important;
}

/* @egeg-block:000930 | component:06-canvas-fit-grommets.css */
/* El arte del editor debe calcularse contra el lienzo blanco completo, no contra la zona segura azul. */
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas[data-egeg-fit="contain"] .egeg-art-stage,
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas[data-egeg-fit="custom"] .egeg-art-stage,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-fit="contain"] .egeg-art-stage,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-fit="custom"] .egeg-art-stage {
	inset: 0 !important;
}

/* @egeg-block:000931 | component:06-canvas-fit-grommets.css */
/* Evita que los rectángulos técnicos hereden width/height:100% de estilos anteriores y se salgan por derecha/abajo. */
.egeg-canvas .egeg-useful-area,
.egeg-canvas .egeg-grommet-inner,
.egeg-canvas .egeg-grommet-guide,
.egeg-grommet-preview .egeg-useful-area,
.egeg-grommet-preview .egeg-grommet-inner,
.egeg-grommet-preview .egeg-grommet-guide {
	bottom: auto !important;
	display: block !important;
	height: auto !important;
	left: auto !important;
	max-height: none !important;
	max-width: none !important;
	min-height: 0 !important;
	min-width: 0 !important;
	position: absolute !important;
	right: auto !important;
	top: auto !important;
	width: auto !important;
}

/* @egeg-block:000932 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area,
.egeg-grommet-preview .egeg-useful-area {
	inset: var(--egeg-clean-inset-y, 1%) var(--egeg-clean-inset-x, 1%) !important;
}

/* @egeg-block:000933 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-grommet-inner,
.egeg-grommet-preview .egeg-grommet-inner {
	inset: var(--egeg-grommet-inner-inset-y, 3.5%) var(--egeg-grommet-inner-inset-x, 3.5%) !important;
}

/* @egeg-block:000934 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-grommet-guide,
.egeg-grommet-preview .egeg-grommet-guide {
	inset: var(--egeg-grommet-path-inset-y, 2.25%) var(--egeg-grommet-path-inset-x, 2.25%) !important;
}

/* @egeg-block:000935 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas .egeg-useful-area,
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas .egeg-grommet-inner,
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas .egeg-grommet-guide,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview .egeg-useful-area,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview .egeg-grommet-inner,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview .egeg-grommet-guide {
	pointer-events: none !important;
}

/* @egeg-block:000936 | component:06-canvas-fit-grommets.css */
.egeg-guide-swatch--grommet {
	border-top-width: 1.5px !important;
}

/* @egeg-block:000937 | component:06-canvas-fit-grommets.css */
.egeg-fit-tools,
.egeg-canvas-shell,
.egeg-grommet-custom {
	touch-action: none;
}

/* @egeg-block:000938 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-card,
.egeg-generator[data-egeg-current-step="6"] .egeg-card--compact {
	min-height: var(--egeg-grommet-card-min-height) !important;
	padding: var(--egeg-grommet-card-padding) !important;
}

/* @egeg-block:000939 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-card-title,
.egeg-card--compact .egeg-card-title {
	font-size: var(--egeg-grommet-card-title-size) !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
}

/* @egeg-block:000940 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-card-copy,
.egeg-card--compact .egeg-card-copy,
.egeg-generator[data-egeg-current-step="6"] .egeg-card-meta,
.egeg-card--compact .egeg-card-meta {
	font-size: var(--egeg-grommet-card-copy-size) !important;
	font-weight: 500 !important;
	line-height: 1.32 !important;
}

/* @egeg-block:000941 | component:06-canvas-fit-grommets.css */
.egeg-canvas::before,
.egeg-grommet-preview::before,
.egeg-pdf-thumb-svg [stroke="#A1A1A1"] {
	border-color: var(--egeg-guide-canvas) !important;
}

/* @egeg-block:000942 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area,
.egeg-grommet-preview .egeg-useful-area {
	border-color: var(--egeg-guide-safe) !important;
	border-width: var(--egeg-guide-line-width) !important;
}

/* @egeg-block:000943 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-grommet-inner,
.egeg-grommet-preview .egeg-grommet-inner {
	border-color: var(--egeg-guide-cut) !important;
	border-width: var(--egeg-guide-line-width) !important;
}

/* @egeg-block:000944 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-grommet-guide,
.egeg-grommet-preview .egeg-grommet-guide {
	border-color: var(--egeg-guide-grommet) !important;
	border-width: var(--egeg-guide-line-width) !important;
}

/* @egeg-block:000945 | component:06-canvas-fit-grommets.css */
.egeg-guide-swatch--canvas {
	background: var(--egeg-guide-canvas) !important;
	border-color: var(--egeg-guide-canvas) !important;
}

/* @egeg-block:000946 | component:06-canvas-fit-grommets.css */
.egeg-guide-swatch--grommet {
	background: transparent !important;
	border-top-color: var(--egeg-guide-grommet) !important;
}

/* @egeg-block:000947 | component:06-canvas-fit-grommets.css */
/* 0.3.1: Canvas preview geometry stabilization.
   JS sigue siendo la fuente de verdad, pero CSS ahora tiene un ratio y altura
   seguros para que Ajuste/Ojales/PDF no colapsen si la geometría llega tarde. */
.egeg-canvas,
.egeg-grommet-preview {
	aspect-ratio: var(--egeg-canvas-ratio, 1 / 1) !important;
	box-sizing: border-box !important;
	height: clamp(220px, 42vh, 360px) !important;
	min-height: 220px !important;
	min-width: min(180px, 100%) !important;
	width: auto !important;
}

/* @egeg-block:000948 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview {
	max-height: min(64vh, 620px) !important;
	max-width: 100% !important;
}

/* @egeg-block:000949 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas[data-egeg-shape="rect_horizontal"],
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-shape="rect_horizontal"] {
	height: clamp(190px, 34vh, 320px) !important;
}

/* @egeg-block:000950 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas[data-egeg-shape="square"],
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-shape="square"] {
	height: clamp(220px, 38vh, 380px) !important;
}

/* @egeg-block:000951 | component:06-canvas-fit-grommets.css */
.egeg-canvas--svg-editor,
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas--svg-editor {
	aspect-ratio: 3344.88 / 8503.94 !important;
	height: clamp(300px, 62vh, 620px) !important;
	max-height: min(70vh, 620px) !important;
	min-height: 300px !important;
	min-width: 120px !important;
	width: auto !important;
}

/* @egeg-block:000952 | component:06-canvas-fit-grommets.css */
.egeg-final-pdf-preview > .egeg-pdf-thumb-svg {
	aspect-ratio: auto !important;
	min-height: 140px !important;
	min-width: 120px !important;
}

/* @egeg-block:000953 | component:06-canvas-fit-grommets.css */
.egeg-stepper[data-egeg-skip-grommets="true"],
.egeg-stepper[data-egeg-skip-mode="true"] {
	grid-template-columns: repeat(var(--egeg-visible-steps, 8), minmax(0, 1fr)) !important;
}

/* @egeg-block:000954 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-fit-layout {
	gap: 14px !important;
	padding: 10px 16px 16px !important;
}

/* @egeg-block:000955 | component:06-canvas-fit-grommets.css */
.egeg-generator .egeg-fit-tools {
	align-items: stretch !important;
	gap: 10px !important;
	padding: 6px !important;
}

/* @egeg-block:000956 | component:06-canvas-fit-grommets.css */
.egeg-generator .egeg-fit-tool {
	align-items: center !important;
	appearance: none !important;
	background: #FFFFFF !important;
	border: 1.5px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), .92) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	display: inline-flex !important;
	font-family: var(--egeg-font-family, inherit) !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	gap: 8px !important;
	justify-content: center !important;
	line-height: 1.1 !important;
	min-height: 42px !important;
	min-width: 108px !important;
	padding: 10px 14px !important;
	white-space: nowrap !important;
}

/* @egeg-block:000957 | component:06-canvas-fit-grommets.css */
.egeg-generator .egeg-fit-tool[aria-pressed="true"] {
	background: var(--egeg-color-yellow, #F8CA45) !important;
	border-color: var(--egeg-color-yellow, #F8CA45) !important;
	box-shadow: 0 4px 0 #C9821E !important;
	color: #2E2417 !important;
}

/* @egeg-block:000958 | component:06-canvas-fit-grommets.css */
.egeg-generator .egeg-fit-tool .egeg-icon-font,
.egeg-generator .egeg-fit-tool .ph {
	color: currentColor !important;
	font-size: 17px !important;
}

/* @egeg-block:000959 | component:06-canvas-fit-grommets.css */
/* Ajuste: vertical tools. The button itself never receives a visual box. */
.egeg-generator[data-egeg-current-step="5"] .egeg-fit-layout {
  align-items: start !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: var(--egeg-fit-tool-rail) minmax(0, 1fr) !important;
  margin-inline: auto !important;
  max-width: min(100%, 1080px) !important;
  padding: 12px !important;
  width: 100% !important;
}

/* @egeg-block:000960 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-fit-tools {
  align-content: start !important;
  align-items: start !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  width: var(--egeg-fit-tool-rail) !important;
}

/* @egeg-block:000961 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:hover,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:focus,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:focus-visible,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:active,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool[aria-pressed="true"] {
  -webkit-appearance: none !important;
  align-items: center !important;
  appearance: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
  cursor: pointer !important;
  display: grid !important;
  filter: none !important;
  font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif) !important;
  gap: 6px !important;
  grid-template-rows: var(--egeg-fit-icon-box) auto !important;
  height: auto !important;
  justify-items: center !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  outline-offset: 4px !important;
  overflow: visible !important;
  padding: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  transform: none !important;
  width: var(--egeg-fit-tool-width) !important;
}

/* @egeg-block:000962 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool::before,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool::after {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  content: none !important;
  display: none !important;
}

/* @egeg-block:000963 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > .ph,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > .egeg-icon-font {
  align-items: center !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  border: 1.25px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .24) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
  display: inline-flex !important;
  flex: 0 0 var(--egeg-fit-icon-box) !important;
  font-size: 22px !important;
  height: var(--egeg-fit-icon-box) !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
  width: var(--egeg-fit-icon-box) !important;
}

/* @egeg-block:000964 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > .ph::before,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > .egeg-icon-font::before,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > .egeg-icon-font .ph::before {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: currentColor !important;
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

/* @egeg-block:000965 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:hover > .ph,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:focus-visible > .ph,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:hover > .egeg-icon-font,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:focus-visible > .egeg-icon-font {
  background: var(--egeg-color-accent-soft, #FFF8E5) !important;
  border-color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
  color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
  transform: translateY(-1px) !important;
}

/* @egeg-block:000966 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool[aria-pressed="true"] {
  color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
}

/* @egeg-block:000967 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool[aria-pressed="true"] > .ph,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool[aria-pressed="true"]:hover > .ph,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool[aria-pressed="true"]:focus-visible > .ph,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool[aria-pressed="true"] > .egeg-icon-font,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool[aria-pressed="true"]:hover > .egeg-icon-font,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool[aria-pressed="true"]:focus-visible > .egeg-icon-font {
  background: var(--egeg-color-yellow, #FCD25B) !important;
  border-color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
  box-shadow: none !important;
  color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
  transform: none !important;
}

/* @egeg-block:000968 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > span:not(.ph):not(.egeg-icon-font) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  max-width: var(--egeg-fit-tool-width) !important;
  padding: 0 !important;
  text-align: center !important;
  width: var(--egeg-fit-tool-width) !important;
}

/* @egeg-block:000969 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas-shell {
  min-width: 0 !important;
}

/* @egeg-block:000970 | component:06-canvas-fit-grommets.css */
/* ============================================================
   0.5.10 — Fit icon cleanup + denser final-step rhythm
   Resolves nested icon artifact inside fit-tool square and
   reduces unnecessary vertical whitespace on step 7.
   ============================================================ */
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > .egeg-icon-font {
  font-size: 20px !important;
}

/* @egeg-block:000971 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > .egeg-icon-font .ph,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > .egeg-icon-font .ph::before,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > .ph,
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > .ph::before {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: currentColor !important;
  display: block !important;
  font-size: 1em !important;
  height: 1em !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1em !important;
}

/* @egeg-block:000972 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > .egeg-icon-font .ph {
  align-items: center !important;
  justify-content: center !important;
}

/* @egeg-block:000973 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > span:not(.ph):not(.egeg-icon-font) {
  font-size: 11.5px !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
}

/* @egeg-block:000974 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-pdf-thumb p {
  font-size: 12.75px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

/* @egeg-block:000975 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-pdf-thumb .egeg-technical-legend,
.egeg-generator[data-egeg-current-step="7"] .egeg-final-pdf-thumb .egeg-technical-legend * {
  font-size: 11.5px !important;
  font-weight: 500 !important;
}

/* @egeg-block:000976 | component:06-canvas-fit-grommets.css */
.egeg-guide-legend {
	align-items: center !important;
	gap: 7px 14px !important;
	justify-content: center !important;
	margin-top: 12px !important;
}

.egeg-guide-legend > span {
	align-items: center !important;
	color: rgba(36, 21, 63, .72) !important;
	display: inline-flex !important;
	font-size: 11px !important;
	font-weight: 650 !important;
	gap: 5px !important;
	line-height: 1.15 !important;
}

.egeg-guide-swatch {
	border-radius: 999px !important;
	height: 0 !important;
	width: 24px !important;
}

.egeg-guide-swatch--canvas {
	border-top: 2px solid var(--egeg-guide-canvas, #A1A1A1) !important;
}

.egeg-guide-swatch--safe {
	border-top: 2px solid var(--egeg-guide-safe, #245DFF) !important;
}

.egeg-guide-swatch--grommet-path {
	border-top: 2px dashed var(--egeg-guide-grommet, #248A3D) !important;
}

.egeg-guide-swatch--cut {
	border-top: 2px solid var(--egeg-guide-cut, #FF3B30) !important;
}

.egeg-guide-swatch--grommet {
	background: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	border: 2px solid #FFFFFF !important;
	box-shadow: 0 0 0 1px rgba(var(--egeg-primary-rgb, 135, 50, 245), .42) !important;
	height: 9px !important;
	width: 9px !important;
}

/* @egeg-block:000977 | component:06-canvas-fit-grommets.css */
.egeg-generator .egeg-canvas,
.egeg-generator .egeg-grommet-preview {
	aspect-ratio: var(--egeg-canvas-ratio, 1 / 1) !important;
	box-sizing: border-box !important;
}

.egeg-generator .egeg-canvas {
	height: var(--egeg-canvas-fit-height, auto) !important;
	max-height: min(58vh, 430px) !important;
	max-width: 100% !important;
	width: var(--egeg-canvas-fit-width, min(320px, 100%)) !important;
}

.egeg-generator .egeg-canvas[data-egeg-geometry-ready="1"] {
	min-height: 0 !important;
}

/* @egeg-block:000978 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas .egeg-grommet-inner,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview .egeg-grommet-inner {
	border-color: transparent !important;
	opacity: 0 !important;
}

.egeg-generator[data-egeg-current-step="5"] .egeg-canvas .egeg-useful-area,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview .egeg-useful-area {
	border-color: var(--egeg-guide-canvas, #A1A1A1) !important;
}

/* @egeg-block:000979 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas .egeg-useful-area,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview .egeg-useful-area {
	box-shadow: none !important;
	border-color: transparent !important;
	opacity: 0 !important;
}

/* @egeg-block:000980 | component:06-canvas-fit-grommets.css */
.egeg-guide-legend {
	align-items: center !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px 14px !important;
	justify-content: center !important;
}

.egeg-guide-legend > span {
	align-items: center !important;
	display: inline-flex !important;
	gap: 6px !important;
	white-space: nowrap !important;
}

.egeg-guide-swatch {
	flex: 0 0 auto !important;
	width: 30px !important;
}

.egeg-guide-swatch--safe {
	border-top: 2.5px solid var(--egeg-guide-safe, #245DFF) !important;
	box-shadow: 0 1px 0 rgba(36, 93, 255, .18) !important;
}

.egeg-guide-swatch--grommet-path {
	background-image: repeating-linear-gradient(90deg, var(--egeg-guide-grommet, #248A3D) 0 8px, transparent 8px 14px) !important;
	border-top: 0 !important;
	height: 2px !important;
}

.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal .egeg-pdf-thumb-svg [data-egeg-guide="fold-bleed"] {
	stroke-width: 2.2 !important;
}

.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal .egeg-pdf-thumb-svg [data-egeg-guide="grommet-route"],
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal .egeg-pdf-thumb-svg [data-egeg-guide="safe-zone"] {
	stroke-width: 2 !important;
}

/* @egeg-block:000981 | component:06-canvas-fit-grommets.css */
.egeg-fit-layout > .egeg-surface-switcher {
	grid-column: 1 / -1;
	margin-bottom: 0;
	max-width: 780px;
}

/* @egeg-block:000982 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas .egeg-useful-area,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview .egeg-useful-area {
	border-color: var(--egeg-guide-safe, #245DFF) !important;
	box-shadow: inset 0 0 0 1.5px var(--egeg-guide-safe, #245DFF) !important;
	opacity: 1 !important;
}

/* @egeg-block:000983 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas .egeg-grommet-inner,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview .egeg-grommet-inner {
	border-color: var(--egeg-guide-cut, #FF3B30) !important;
	box-shadow: inset 0 0 0 1.5px var(--egeg-guide-cut, #FF3B30) !important;
	opacity: 1 !important;
}

/* @egeg-block:000984 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas .egeg-grommet-guide,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview .egeg-grommet-guide {
	border-color: var(--egeg-guide-grommet, #248A3D) !important;
	box-shadow: inset 0 0 0 1.35px var(--egeg-guide-grommet, #248A3D) !important;
	opacity: 1 !important;
}

/* @egeg-block:000985 | component:06-canvas-fit-grommets.css */
.egeg-generator {
	--egeg-guide-line-width: .85px;
}

.egeg-generator .egeg-canvas .egeg-useful-area,
.egeg-generator .egeg-grommet-preview .egeg-useful-area {
	border: 0 !important;
	box-shadow: inset 0 0 0 .85px var(--egeg-guide-safe, #245DFF) !important;
}

.egeg-generator .egeg-canvas .egeg-grommet-inner,
.egeg-generator .egeg-grommet-preview .egeg-grommet-inner {
	border: 0 !important;
	box-shadow: inset 0 0 0 .85px var(--egeg-guide-cut, #FF3B30) !important;
}

.egeg-generator .egeg-canvas .egeg-grommet-guide,
.egeg-generator .egeg-grommet-preview .egeg-grommet-guide {
	border: .8px dashed var(--egeg-guide-grommet, #248A3D) !important;
	box-shadow: none !important;
}

.egeg-generator .egeg-grommet-dot {
	border-width: 1.35px !important;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .92), 0 2px 6px rgba(var(--egeg-primary-rgb, 135, 50, 245), .12) !important;
}

.egeg-generator:not([data-egeg-current-step="6"]) .egeg-grommet-dot {
	cursor: default !important;
	pointer-events: none !important;
}

.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal .egeg-pdf-thumb-svg [data-egeg-guide="fold-bleed"] {
	stroke-width: 1.15 !important;
}

.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal .egeg-pdf-thumb-svg [data-egeg-guide="grommet-route"],
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal .egeg-pdf-thumb-svg [data-egeg-guide="safe-zone"] {
	stroke-width: 1.05 !important;
}

.egeg-canvas--svg-editor .egeg-shape-svg-editor-bg,
.egeg-canvas--svg-editor .egeg-shape-svg-print-area,
.egeg-shape-svg-guide .egeg-shape-svg-print-area {
	stroke-width: .75px !important;
}

.egeg-canvas--svg-editor .egeg-shape-svg-bleed-area,
.egeg-shape-svg-guide .egeg-shape-svg-bleed-area {
	stroke-width: .85px !important;
}

.egeg-canvas--svg-editor .egeg-shape-svg-clean-path,
.egeg-shape-svg-guide .egeg-shape-svg-clean-path {
	stroke-width: .95px !important;
}

.egeg-guide-swatch--canvas,
.egeg-guide-swatch--safe,
.egeg-guide-swatch--cut {
	border-top-width: 1.5px !important;
}

.egeg-guide-swatch--grommet-path {
	height: 1.5px !important;
}

/* @egeg-block:000986 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas .egeg-useful-area,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview .egeg-useful-area {
	border: 0 !important;
	box-shadow: inset 0 0 0 1px var(--egeg-guide-safe, #245DFF) !important;
	opacity: 1 !important;
	z-index: 8 !important;
}

.egeg-generator[data-egeg-current-step="5"] .egeg-canvas .egeg-grommet-inner,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview .egeg-grommet-inner {
	border: 0 !important;
	box-shadow: inset 0 0 0 1px var(--egeg-guide-cut, #FF3B30) !important;
	opacity: 1 !important;
	z-index: 10 !important;
}

.egeg-generator[data-egeg-current-step="5"] .egeg-canvas .egeg-grommet-guide,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview .egeg-grommet-guide {
	border: 1px dashed var(--egeg-guide-grommet, #248A3D) !important;
	box-shadow: none !important;
	opacity: 1 !important;
	z-index: 9 !important;
}

.egeg-canvas--svg-editor .egeg-shape-svg-bleed-area,
.egeg-shape-svg-guide .egeg-shape-svg-bleed-area {
	opacity: 1 !important;
	stroke: var(--egeg-guide-safe, #245DFF) !important;
	stroke-width: 1px !important;
}

/* @egeg-block:000987 | component:06-canvas-fit-grommets.css */
.egeg-canvas .egeg-useful-area,
.egeg-grommet-preview .egeg-useful-area {
	border: 0 !important;
	box-shadow: inset 0 0 0 1.1px var(--egeg-guide-safe, #245DFF), 0 0 0 .25px rgba(36, 93, 255, .16) !important;
	display: block !important;
	opacity: 1 !important;
	pointer-events: none !important;
	position: absolute !important;
	z-index: 28 !important;
}

.egeg-canvas .egeg-grommet-guide,
.egeg-grommet-preview .egeg-grommet-guide {
	border: 1px dashed var(--egeg-guide-grommet, #248A3D) !important;
	box-shadow: none !important;
	opacity: 1 !important;
	pointer-events: none !important;
	position: absolute !important;
	z-index: 27 !important;
}

.egeg-canvas .egeg-grommet-inner,
.egeg-grommet-preview .egeg-grommet-inner {
	border: 0 !important;
	box-shadow: inset 0 0 0 1.05px var(--egeg-guide-cut, #FF3B30) !important;
	opacity: 1 !important;
	pointer-events: none !important;
	position: absolute !important;
	z-index: 29 !important;
}

.egeg-guide-swatch--canvas,
.egeg-guide-swatch--safe,
.egeg-guide-swatch--cut,
.egeg-guide-swatch--grommet {
	border-top-width: 1.2px !important;
}

.egeg-guide-swatch--grommet-path {
	height: 1.2px !important;
}

.egeg-canvas--svg-editor .egeg-shape-svg-print-area,
.egeg-shape-svg-guide .egeg-shape-svg-print-area,
.egeg-canvas--svg-editor .egeg-shape-svg-bleed-area,
.egeg-shape-svg-guide .egeg-shape-svg-bleed-area,
.egeg-canvas--svg-editor .egeg-shape-svg-clean-path,
.egeg-shape-svg-guide .egeg-shape-svg-clean-path {
	opacity: 1 !important;
	vector-effect: non-scaling-stroke !important;
}

.egeg-canvas--svg-editor .egeg-shape-svg-bleed-area,
.egeg-shape-svg-guide .egeg-shape-svg-bleed-area {
	stroke: var(--egeg-guide-safe, #245DFF) !important;
	stroke-width: .9px !important;
}

.egeg-canvas--svg-editor .egeg-shape-svg-clean-path,
.egeg-shape-svg-guide .egeg-shape-svg-clean-path {
	stroke-width: .9px !important;
}

/* @egeg-block:000988 | component:06-canvas-fit-grommets.css */
.egeg-canvas {
	isolation: isolate;
	overflow: hidden !important;
}

.egeg-canvas .egeg-art-stage {
	inset: 0 !important;
	overflow: visible !important;
	z-index: 1 !important;
}

.egeg-canvas .egeg-art-preview {
	overflow: visible !important;
	z-index: 1 !important;
}

.egeg-canvas .egeg-useful-area,
.egeg-canvas .egeg-grommet-inner,
.egeg-canvas .egeg-grommet-guide {
	background: transparent !important;
	overflow: visible !important;
	pointer-events: none !important;
}

.egeg-canvas .egeg-useful-area {
	z-index: 5 !important;
}

.egeg-canvas .egeg-grommet-inner {
	z-index: 6 !important;
}

.egeg-canvas .egeg-grommet-guide {
	z-index: 7 !important;
}

.egeg-canvas .egeg-grommet-dots-layer,
.egeg-grommet-preview .egeg-grommet-dots-layer {
	overflow: visible !important;
	pointer-events: none !important;
	z-index: 9 !important;
}

.egeg-canvas .egeg-grommet-dot,
.egeg-grommet-preview .egeg-grommet-dot {
	box-shadow: 0 0 0 2px #FFFFFF, 0 3px 9px rgba(70, 70, 70, .20);
	z-index: 10 !important;
}

/* @egeg-block:000989 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas-shell {
	overflow: visible !important;
}

.egeg-generator[data-egeg-current-step="5"] .egeg-canvas[data-egeg-fit="custom"]:not(.egeg-canvas--svg-editor) {
	overflow: visible !important;
}

.egeg-generator[data-egeg-current-step="5"] .egeg-canvas[data-egeg-fit="custom"]:not(.egeg-canvas--svg-editor) .egeg-art-stage,
.egeg-generator[data-egeg-current-step="5"] .egeg-canvas[data-egeg-fit="custom"]:not(.egeg-canvas--svg-editor) .egeg-art-preview {
	overflow: visible !important;
}

/* @egeg-block:000990 | component:06-canvas-fit-grommets.css */
.egeg-guide-swatch {
	align-items: center !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	display: inline-flex !important;
	height: 12px !important;
	justify-content: center !important;
	position: relative !important;
	width: 30px !important;
}

.egeg-guide-swatch::before {
	border-radius: 999px !important;
	content: "" !important;
	display: block !important;
	height: 2px !important;
	width: 100% !important;
}

.egeg-guide-swatch--canvas::before {
	background: var(--egeg-guide-canvas, #A1A1A1) !important;
}

.egeg-guide-swatch--safe::before {
	background: var(--egeg-guide-safe, #245DFF) !important;
}

.egeg-guide-swatch--cut::before {
	background: var(--egeg-guide-cut, #FF3B30) !important;
}

.egeg-guide-swatch--grommet-path::before {
	background: repeating-linear-gradient(
		90deg,
		var(--egeg-guide-grommet, #248A3D) 0 8px,
		transparent 8px 14px
	) !important;
	border-radius: 999px !important;
	height: 2px !important;
}

.egeg-guide-swatch--grommet {
	border-radius: 999px !important;
	height: 14px !important;
	width: 14px !important;
}

.egeg-guide-swatch--grommet::before {
	background: #FFFFFF !important;
	border: 2px solid var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	box-shadow: 0 0 0 1px rgba(var(--egeg-primary-rgb, 135, 50, 245), .22), inset 0 0 0 2px rgba(var(--egeg-primary-rgb, 135, 50, 245), .14) !important;
	height: 10px !important;
	width: 10px !important;
}

.egeg-canvas .egeg-grommet-guide,
.egeg-grommet-preview .egeg-grommet-guide,
.egeg-canvas .egeg-grommet-inner,
.egeg-grommet-preview .egeg-grommet-inner,
.egeg-canvas .egeg-useful-area,
.egeg-grommet-preview .egeg-useful-area {
	border-radius: 12px !important;
}

.egeg-canvas .egeg-grommet-dot,
.egeg-grommet-preview .egeg-grommet-dot {
	background: #FFFFFF !important;
	border: 2px solid var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	border-radius: 999px !important;
	box-shadow: 0 0 0 2px #FFFFFF, 0 3px 9px rgba(70, 70, 70, .20), inset 0 0 0 2px rgba(var(--egeg-primary-rgb, 135, 50, 245), .14) !important;
}

.egeg-canvas .egeg-grommet-dot[aria-pressed="true"],
.egeg-grommet-preview .egeg-grommet-dot[aria-pressed="true"] {
	background: var(--egeg-yellow-100, #FFE8A3) !important;
	border-color: var(--egeg-yellow-300, #F2A900) !important;
	box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 5px rgba(242, 169, 0, .24), 0 6px 14px rgba(70, 70, 70, .20) !important;
}

/* @egeg-block:000991 | component:06-canvas-fit-grommets.css */
.egeg-generator .egeg-canvas[data-egeg-shape="rect_horizontal"],
.egeg-generator .egeg-canvas[data-egeg-shape="rect_vertical"],
.egeg-generator .egeg-canvas[data-egeg-shape="square"],
.egeg-generator .egeg-grommet-preview[data-egeg-shape="rect_horizontal"],
.egeg-generator .egeg-grommet-preview[data-egeg-shape="rect_vertical"],
.egeg-generator .egeg-grommet-preview[data-egeg-shape="square"] {
	border-radius: 0 !important;
}

.egeg-generator .egeg-canvas[data-egeg-shape="rect_horizontal"] .egeg-useful-area,
.egeg-generator .egeg-canvas[data-egeg-shape="rect_horizontal"] .egeg-grommet-inner,
.egeg-generator .egeg-canvas[data-egeg-shape="rect_horizontal"] .egeg-grommet-guide,
.egeg-generator .egeg-canvas[data-egeg-shape="rect_vertical"] .egeg-useful-area,
.egeg-generator .egeg-canvas[data-egeg-shape="rect_vertical"] .egeg-grommet-inner,
.egeg-generator .egeg-canvas[data-egeg-shape="rect_vertical"] .egeg-grommet-guide,
.egeg-generator .egeg-canvas[data-egeg-shape="square"] .egeg-useful-area,
.egeg-generator .egeg-canvas[data-egeg-shape="square"] .egeg-grommet-inner,
.egeg-generator .egeg-canvas[data-egeg-shape="square"] .egeg-grommet-guide,
.egeg-generator .egeg-grommet-preview[data-egeg-shape="rect_horizontal"] .egeg-useful-area,
.egeg-generator .egeg-grommet-preview[data-egeg-shape="rect_horizontal"] .egeg-grommet-inner,
.egeg-generator .egeg-grommet-preview[data-egeg-shape="rect_horizontal"] .egeg-grommet-guide,
.egeg-generator .egeg-grommet-preview[data-egeg-shape="rect_vertical"] .egeg-useful-area,
.egeg-generator .egeg-grommet-preview[data-egeg-shape="rect_vertical"] .egeg-grommet-inner,
.egeg-generator .egeg-grommet-preview[data-egeg-shape="rect_vertical"] .egeg-grommet-guide,
.egeg-generator .egeg-grommet-preview[data-egeg-shape="square"] .egeg-useful-area,
.egeg-generator .egeg-grommet-preview[data-egeg-shape="square"] .egeg-grommet-inner,
.egeg-generator .egeg-grommet-preview[data-egeg-shape="square"] .egeg-grommet-guide {
	border-radius: 0 !important;
}

.egeg-generator .egeg-grommet-preview {
	width: var(--egeg-canvas-fit-width, min(320px, 100%)) !important;
	height: var(--egeg-canvas-fit-height, auto) !important;
	max-height: min(58vh, 430px) !important;
	max-width: 100% !important;
	margin-inline: auto !important;
}

.egeg-generator .egeg-canvas-shell,
.egeg-generator .egeg-grommet-custom {
	max-width: 760px !important;
	margin-inline: auto !important;
	justify-items: center !important;
}

/* @egeg-block:000992 | component:06-canvas-fit-grommets.css */
.egeg-generator .egeg-canvas[data-egeg-adjustment-preview="1"][data-egeg-adjustment-layout][data-egeg-geometry-ready="1"]:not(.egeg-canvas--svg-editor) {
	aspect-ratio: var(--egeg-canvas-ratio, 1 / 1) !important;
	block-size: auto !important;
	height: auto !important;
	inline-size: var(--egeg-adjustment-preview-inline-size, min(100%, 390px)) !important;
	min-height: 0 !important;
	max-height: none !important;
	max-inline-size: 100% !important;
	max-width: 100% !important;
	min-inline-size: 0 !important;
	width: var(--egeg-adjustment-preview-inline-size, min(100%, 390px)) !important;
}

.egeg-generator .egeg-grommet-preview[data-egeg-geometry-ready="1"] {
	aspect-ratio: var(--egeg-canvas-ratio, 1 / 1) !important;
	width: var(--egeg-canvas-fit-width, min(520px, 100%)) !important;
	height: var(--egeg-canvas-fit-height, auto) !important;
	min-height: 0 !important;
	max-height: none !important;
	max-width: 100% !important;
}

.egeg-generator .egeg-canvas[data-egeg-shape="rect"],
.egeg-generator .egeg-grommet-preview[data-egeg-shape="rect"],
.egeg-generator .egeg-canvas[data-egeg-shape="rect_horizontal"],
.egeg-generator .egeg-canvas[data-egeg-shape="rect_vertical"],
.egeg-generator .egeg-canvas[data-egeg-shape="square"],
.egeg-generator .egeg-grommet-preview[data-egeg-shape="rect_horizontal"],
.egeg-generator .egeg-grommet-preview[data-egeg-shape="rect_vertical"],
.egeg-generator .egeg-grommet-preview[data-egeg-shape="square"] {
	border-radius: 0 !important;
}

/* @egeg-block:000993 | component:06-canvas-fit-grommets.css */
.egeg-generator .egeg-art-preview--empty {
	align-items: center;
	background: repeating-linear-gradient(45deg, rgba(var(--egeg-primary-rgb, 135, 50, 245), .08) 0 10px, rgba(var(--egeg-primary-rgb, 135, 50, 245), .03) 10px 20px), #FFFFFF;
	border: 1px dashed rgba(var(--egeg-primary-rgb, 135, 50, 245), .45);
	color: var(--egeg-purple-700, #5F16C8);
	display: flex;
	justify-content: center;
	min-height: 64px;
	padding: 10px;
	text-align: center;
}

.egeg-generator .egeg-art-preview__placeholder {
	background: rgba(255, 255, 255, .88);
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18);
	border-radius: 999px;
	box-shadow: 0 6px 18px rgba(53, 32, 84, .10);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.25;
	max-width: min(280px, 92%);
	padding: 8px 12px;
}

/* @egeg-block:000994 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-geometry-ready="1"] {
	aspect-ratio: var(--egeg-canvas-ratio, 1 / 1) !important;
	block-size: auto !important;
	height: auto !important;
	inline-size: var(--egeg-grommet-preview-inline-size, min(100%, 390px)) !important;
	max-block-size: none !important;
	max-height: none !important;
	max-inline-size: 100% !important;
	max-width: 100% !important;
	min-block-size: 0 !important;
	min-height: 0 !important;
	min-inline-size: 0 !important;
	width: auto !important;
}

/* @egeg-block:000995 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom--recommended {
	box-sizing: border-box !important;
	inline-size: 100% !important;
	max-inline-size: 100% !important;
	max-width: 100% !important;
	min-inline-size: 0 !important;
}

/* @egeg-block:000996 | component:06-canvas-fit-grommets.css */
.egeg-generator .egeg-canvas .egeg-grommet-dot,
.egeg-generator .egeg-grommet-preview .egeg-grommet-dot {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: block !important;
	flex: 0 0 auto !important;
	margin: 0 !important;
	padding: 0 !important;
	font: 0/0 a !important;
	letter-spacing: 0 !important;
	line-height: 0 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-indent: 0 !important;
	text-transform: none !important;
}

.egeg-generator .egeg-canvas .egeg-grommet-dot::before,
.egeg-generator .egeg-grommet-preview .egeg-grommet-dot::before {
	content: none !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-dot-contract="measured-circle"] .egeg-grommet-dot {
	aspect-ratio: 1 / 1 !important;
	block-size: var(--egeg-grommet-dot-ui-size, 20px) !important;
	box-sizing: border-box !important;
	border-radius: 999px !important;
	overflow: visible !important;
	padding: 0 !important;
	height: var(--egeg-grommet-dot-ui-size, 20px) !important;
	inline-size: var(--egeg-grommet-dot-ui-size, 20px) !important;
	max-block-size: var(--egeg-grommet-dot-ui-size, 20px) !important;
	max-height: var(--egeg-grommet-dot-ui-size, 20px) !important;
	max-inline-size: var(--egeg-grommet-dot-ui-size, 20px) !important;
	max-width: var(--egeg-grommet-dot-ui-size, 20px) !important;
	min-block-size: var(--egeg-grommet-dot-ui-size, 20px) !important;
	min-height: var(--egeg-grommet-dot-ui-size, 20px) !important;
	min-inline-size: var(--egeg-grommet-dot-ui-size, 20px) !important;
	min-width: var(--egeg-grommet-dot-ui-size, 20px) !important;
	width: var(--egeg-grommet-dot-ui-size, 20px) !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-dot-contract="measured-circle"] .egeg-grommet-dot::after {
	aspect-ratio: 1 / 1 !important;
}

/* @egeg-block:000997 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] [data-egeg-grommet-preview-host="1"] {
	container-type: inline-size;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-measured="1"] {
	inline-size: var(--egeg-grommet-preview-inline-size, min(100%, 390px)) !important;
	max-inline-size: 100% !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="wide"] ~ .egeg-guide-legend,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="wide"] ~ .egeg-grommet-controls,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="wide"] ~ .egeg-grommet-position-row,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="wide"] ~ .egeg-grommet-position-status,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="wide"] ~ .egeg-grommet-muted {
	box-sizing: border-box !important;
	inline-size: 100% !important;
	max-inline-size: 100% !important;
}

/* @egeg-block:000998 | component:06-canvas-fit-grommets.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom--recommended {
	--egeg-grommet-interaction-gutter: 26px;
	padding-inline: var(--egeg-grommet-interaction-gutter) !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom > .egeg-grommet-preview {
	contain: layout !important;
	overflow: visible !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom > .egeg-grommet-preview > .egeg-art-stage,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom > .egeg-grommet-preview .egeg-art-preview {
	overflow: hidden !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom > .egeg-grommet-preview > .egeg-grommet-guide,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom > .egeg-grommet-preview .egeg-grommet-dots-layer {
	contain: layout !important;
	overflow: visible !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-dot-contract="measured-circle"] .egeg-grommet-dot::after {
	inset: 50% auto auto 50% !important;
	inline-size: max(44px, calc(var(--egeg-grommet-dot-ui-size, 20px) + 28px)) !important;
	block-size: max(44px, calc(var(--egeg-grommet-dot-ui-size, 20px) + 28px)) !important;
	transform: translate(-50%, -50%);
	z-index: -1;
}

/* @egeg-block:000999 | component:06-canvas-fit-grommets.css */
.egeg-generator .egeg-canvas[data-egeg-grommet-dot-contract="passive-screen-circle"] .egeg-grommet-dot {
	aspect-ratio: 1 / 1 !important;
	block-size: var(--egeg-grommet-dot-ui-size, 12px) !important;
	box-sizing: border-box !important;
	border-radius: 999px !important;
	overflow: visible !important;
	padding: 0 !important;
	height: var(--egeg-grommet-dot-ui-size, 12px) !important;
	inline-size: var(--egeg-grommet-dot-ui-size, 12px) !important;
	max-block-size: var(--egeg-grommet-dot-ui-size, 12px) !important;
	max-height: var(--egeg-grommet-dot-ui-size, 12px) !important;
	max-inline-size: var(--egeg-grommet-dot-ui-size, 12px) !important;
	max-width: var(--egeg-grommet-dot-ui-size, 12px) !important;
	min-block-size: var(--egeg-grommet-dot-ui-size, 12px) !important;
	min-height: var(--egeg-grommet-dot-ui-size, 12px) !important;
	min-inline-size: var(--egeg-grommet-dot-ui-size, 12px) !important;
	min-width: var(--egeg-grommet-dot-ui-size, 12px) !important;
	width: var(--egeg-grommet-dot-ui-size, 12px) !important;
}

.egeg-generator .egeg-canvas[data-egeg-grommet-dot-contract="passive-screen-circle"] .egeg-grommet-dot::after {
	aspect-ratio: 1 / 1 !important;
}

/* @egeg-block:001000 | component:06-canvas-fit-grommets.css */
.egeg-generator .egeg-canvas--svg-editor[data-egeg-shape-contract="shape-svg-parametric"][data-egeg-adjustment-preview="1"][data-egeg-geometry-ready="1"] {
	aspect-ratio: var(--egeg-canvas-ratio, 1 / 1) !important;
	block-size: auto !important;
	height: auto !important;
	inline-size: var(--egeg-adjustment-preview-inline-size, min(100%, 390px)) !important;
	max-block-size: none !important;
	max-height: none !important;
	max-inline-size: 100% !important;
	max-width: 100% !important;
	min-block-size: 0 !important;
	min-height: 0 !important;
	min-inline-size: 0 !important;
	min-width: 0 !important;
	width: var(--egeg-adjustment-preview-inline-size, min(100%, 390px)) !important;
}

.egeg-generator .egeg-canvas--svg-editor[data-egeg-shape-contract="shape-svg-parametric"] .egeg-shape-svg-editor-svg {
	block-size: 100% !important;
	height: 100% !important;
	inline-size: 100% !important;
	width: 100% !important;
}

/* @egeg-block:001001 | component:06-canvas-fit-grommets.css */
.egeg-generator .egeg-canvas--svg-editor[data-egeg-shape-contract="shape-svg-parametric"] .egeg-shape-guide-direct {
	display: block !important;
	fill: none !important;
	pointer-events: none !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	vector-effect: non-scaling-stroke !important;
}

.egeg-generator .egeg-canvas--svg-editor[data-egeg-shape-contract="shape-svg-parametric"] .egeg-shape-guide-direct--centerline {
	stroke-dasharray: 8 7 !important;
}

/* @egeg-block:001002 | component:06-canvas-fit-grommets.css */
.egeg-generator .egeg-canvas--svg-editor[data-egeg-shape-contract="shape-svg-parametric"] .egeg-shape-guide-direct {
	display: block !important;
	fill: none !important;
	opacity: 1 !important;
	pointer-events: none !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	vector-effect: non-scaling-stroke !important;
}

.egeg-generator .egeg-canvas--svg-editor[data-egeg-shape-contract="shape-svg-parametric"] .egeg-shape-guide-direct--bleed {
	stroke: #245DFF !important;
	stroke-width: 2.25px !important;
}

.egeg-generator .egeg-canvas--svg-editor[data-egeg-shape-contract="shape-svg-parametric"] .egeg-shape-guide-direct--safe {
	stroke: #FF3B30 !important;
	stroke-width: 2px !important;
}

.egeg-generator .egeg-canvas--svg-editor[data-egeg-shape-contract="shape-svg-parametric"] .egeg-shape-guide-direct--base {
	stroke: var(--egeg-color-primary, #7047FF) !important;
	stroke-width: 2px !important;
}

.egeg-generator .egeg-canvas--svg-editor[data-egeg-shape-contract="shape-svg-parametric"] .egeg-shape-guide-direct--centerline {
	stroke-dasharray: 8 7 !important;
}

/* @egeg-block:001003 | component:06-canvas-fit-grommets.css */
.egeg-guide-swatch--shape-base::before {
	background: var(--egeg-color-purple, var(--egeg-color-primary, #7047FF)) !important;
}

.egeg-pdf-thumb-svg--shape-svg .egeg-shape-guide-path,
.egeg-canvas[data-egeg-shape-contract="shape-svg-parametric"] .egeg-shape-guide-path {
	paint-order: stroke fill markers !important;
}

/* @egeg-block:001004 | component:06-canvas-fit-grommets.css */
.egeg-shape-svg-contract-notice {
	align-items: center;
	background: rgba(255, 255, 255, .94);
	border: 1.5px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), .38);
	border-radius: 18px;
	box-sizing: border-box;
	color: var(--egeg-text-primary, #17113A);
	display: flex;
	flex-direction: column;
	gap: 8px;
	justify-content: center;
	min-height: 180px;
	padding: 22px;
	text-align: center;
	width: 100%;
}

/* @egeg-block:001005 | component:06-canvas-fit-grommets.css */
.egeg-shape-svg-contract-notice strong {
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5));
	font-size: clamp(18px, 1.7vw, 22px);
	font-weight: 800;
}

/* @egeg-block:001006 | component:06-canvas-fit-grommets.css */
.egeg-shape-svg-contract-notice p {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	margin: 0;
	max-width: 520px;
}

/* @egeg-block:001007 | component:07-final-summary-payment.css */
.egeg-upload-drop span,
.egeg-placeholder-warning,
.egeg-final-alert {
	color: var(--egeg-text-secondary);
	font-size: 14px;
	line-height: 1.4;
}

/* @egeg-block:001008 | component:07-final-summary-payment.css */
.egeg-upload-actions,
.egeg-final-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: flex-end;
}

/* @egeg-block:001009 | component:07-final-summary-payment.css */
.egeg-upload-actions .egeg-mini-button,
.egeg-final-actions .egeg-button {
	align-items: center;
	display: inline-flex;
	gap: 8px;
	justify-content: center;
}

/* @egeg-block:001010 | component:07-final-summary-payment.css */
.egeg-final-summary {
	background: var(--egeg-color-surface, var(--egeg-white));
	border: var(--egeg-border-default, 1px solid var(--egeg-purple-100));
	border-radius: var(--egeg-radius-lg, 12px);
	box-shadow: var(--egeg-shadow-card);
	display: grid;
	gap: var(--egeg-summary-final-gap, 14px);
	padding: var(--egeg-card-padding, 20px);
}

/* @egeg-block:001011 | component:07-final-summary-payment.css */
.egeg-final-summary h4,
.egeg-final-summary-title {
	color: var(--egeg-purple-400);
	font-size: var(--egeg-summary-final-title-size, 20px);
	font-weight: var(--egeg-summary-final-title-weight, 800);
	line-height: 1.2;
	margin: 0;
}

/* @egeg-block:001012 | component:07-final-summary-payment.css */
.egeg-final-summary ul,
.egeg-final-summary-list {
	display: grid;
	gap: var(--egeg-summary-final-list-gap, 10px);
	list-style: none;
	margin: 0;
	padding: 0;
}

/* @egeg-block:001013 | component:07-final-summary-payment.css */
.egeg-final-summary li,
.egeg-final-summary-row {
	align-items: baseline;
	border-bottom: 1px solid var(--egeg-gray-50);
	display: flex;
	gap: var(--egeg-summary-final-row-gap, 14px);
	justify-content: space-between;
	padding: var(--egeg-summary-final-row-padding, 0 0 10px);
}

/* @egeg-block:001014 | component:07-final-summary-payment.css */
.egeg-final-summary li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

/* @egeg-block:001015 | component:07-final-summary-payment.css */
.egeg-final-summary span,
.egeg-final-summary-label {
	color: var(--egeg-yellow-300);
	font-size: var(--egeg-summary-label-size, 13px);
	font-weight: var(--egeg-summary-label-weight, 800);
}

/* @egeg-block:001016 | component:07-final-summary-payment.css */
.egeg-final-summary strong,
.egeg-final-summary-value {
	color: var(--egeg-purple-400);
	font-size: var(--egeg-summary-value-size, 16px);
	font-weight: var(--egeg-summary-value-weight, 800);
	text-align: right;
}

/* @egeg-block:001017 | component:07-final-summary-payment.css */
.egeg-final-summary-total {
	background: var(--egeg-color-warning-surface, var(--egeg-yellow-100));
	border: 1px solid var(--egeg-color-warning-border, var(--egeg-yellow-200));
	border-radius: var(--egeg-radius-md, 8px);
	padding: 10px 12px !important;
}

/* @egeg-block:001018 | component:07-final-summary-payment.css */
.egeg-final-alert {
	background: var(--egeg-yellow-100);
	border: 1px solid var(--egeg-yellow-200);
	border-radius: 10px;
	color: var(--egeg-gray-400);
	padding: 12px 14px;
}

/* @egeg-block:001019 | component:07-final-summary-payment.css */
.egeg-final-actions {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* @egeg-block:001020 | component:07-final-summary-payment.css */
.egeg-substep,
.egeg-panel,
.egeg-summary dl,
.egeg-final-summary,
.egeg-canvas-shell,
.egeg-grommet-custom,
.egeg-summary dl div,
.egeg-final-pdf-thumb {
	background: var(--egeg-purple-50) !important;
	box-shadow: var(--egeg-shadow-card) !important;
}

/* @egeg-block:001021 | component:07-final-summary-payment.css */
.egeg-canvas-shell,
.egeg-grommet-custom,
.egeg-final-summary,
.egeg-final-alert,
.egeg-final-actions,
.egeg-summary dl div,
.egeg-generator[data-egeg-current-step="7"] .egeg-final-pdf-thumb {
	background: #FFFFFF !important;
}

/* @egeg-block:001022 | component:07-final-summary-payment.css */
.egeg-canvas-shell,
.egeg-grommet-custom,
.egeg-final-summary {
	box-shadow: var(--egeg-shadow-card) !important;
}

/* @egeg-block:001023 | component:07-final-summary-payment.css */
.egeg-final-summary {
	border-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.22) !important;
}

/* @egeg-block:001024 | component:07-final-summary-payment.css */
.egeg-final-summary-total {
	background: linear-gradient(135deg, var(--egeg-color-primary, #8732F5) 0%, var(--egeg-color-primary-line, #A96BFF) 100%) !important;
	border-color: var(--egeg-color-primary, #8732F5) !important;
}

/* @egeg-block:001025 | component:07-final-summary-payment.css */
.egeg-final-summary-total span,
.egeg-final-summary-total strong {
	color: #FFFFFF !important;
}

/* @egeg-block:001026 | component:07-final-summary-payment.css */
.egeg-summary dl div,
.egeg-canvas-shell,
.egeg-grommet-custom,
.egeg-final-summary,
.egeg-final-alert,
.egeg-final-actions {
	background: #FFFFFF !important;
}

/* @egeg-block:001027 | component:07-final-summary-payment.css */
.egeg-final-actions {
	background: transparent !important;
	justify-content: stretch !important;
	padding: 0 !important;
}

/* @egeg-block:001028 | component:07-final-summary-payment.css */
.egeg-final-actions .egeg-button {
	flex: 1 1 0;
}

/* @egeg-block:001029 | component:07-final-summary-payment.css */
.egeg-final-summary h4,
.egeg-summary h3 {
	font-size: var(--egeg-text-summary-title) !important;
}

/* @egeg-block:001030 | component:07-final-summary-payment.css */
.egeg-final-summary,
.egeg-final-summary li,
.egeg-final-item,
.egeg-final-alert,
.egeg-summary dt,
.egeg-summary dd {
	font-size: var(--egeg-text-final-body) !important;
	line-height: 1.35 !important;
}

/* @egeg-block:001031 | component:07-final-summary-payment.css */
.egeg-final-item strong,
.egeg-final-summary strong,
.egeg-summary dd,
.egeg-summary .egeg-summary-total dd {
	font-size: var(--egeg-text-final-strong) !important;
}

/* @egeg-block:001032 | component:07-final-summary-payment.css */
.egeg-summary-value,
.egeg-quick-summary-value,
.egeg-final-summary,
.egeg-final-summary p,
.egeg-final-summary li,
.egeg-final-summary-row {
	font-size: var(--egeg-summary-value-size) !important;
}

/* @egeg-block:001033 | component:07-final-summary-payment.css */
.egeg-final-summary {
	background-color: var(--egeg-summary-final-bg, var(--egeg-color-surface, #FFFFFF)) !important;
	border-width: var(--egeg-summary-final-border-width, 1px) !important;
	border-style: var(--egeg-summary-final-border-style, solid) !important;
	border-color: var(--egeg-summary-final-border-color, var(--egeg-purple-100)) !important;
	border-radius: var(--egeg-summary-final-radius, var(--egeg-radius-lg, 12px)) !important;
	gap: var(--egeg-summary-final-gap, 14px) !important;
	padding: var(--egeg-card-padding, 20px) !important;
}

/* @egeg-block:001034 | component:07-final-summary-payment.css */
.egeg-final-summary-title {
	font-size: var(--egeg-summary-final-title-size, 20px) !important;
	font-weight: var(--egeg-summary-final-title-weight, 800) !important;
	line-height: var(--egeg-summary-final-title-line-height, 1.2) !important;
}

/* @egeg-block:001035 | component:07-final-summary-payment.css */
.egeg-final-summary-list {
	gap: var(--egeg-summary-final-list-gap, 10px) !important;
}

/* @egeg-block:001036 | component:07-final-summary-payment.css */
.egeg-final-summary-row {
	font-size: var(--egeg-summary-final-body-size, 14px) !important;
	gap: var(--egeg-summary-final-row-gap, 14px) !important;
	line-height: var(--egeg-summary-final-body-line-height, 1.35) !important;
	padding: var(--egeg-summary-final-row-padding, 0 0 10px) !important;
}

/* @egeg-block:001037 | component:07-final-summary-payment.css */
.egeg-final-summary-label {
	font-size: var(--egeg-summary-label-size, 13px) !important;
	font-weight: var(--egeg-summary-label-weight, 800) !important;
	line-height: var(--egeg-summary-label-line-height, 1.25) !important;
}

/* @egeg-block:001038 | component:07-final-summary-payment.css */
.egeg-final-summary-value {
	font-size: var(--egeg-summary-value-size, 16px) !important;
	font-weight: var(--egeg-summary-value-weight, 800) !important;
	line-height: var(--egeg-summary-value-line-height, 1.25) !important;
}

/* @egeg-block:001039 | component:07-final-summary-payment.css */
/* 0.1.90 stable test additions */
.egeg-custom-size-panel,
.egeg-payment-panel {
	margin-top: 16px;
	padding: 16px;
	border: 1px solid rgba(87, 48, 171, 0.16);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(87, 48, 171, 0.08);
}

/* @egeg-block:001040 | component:07-final-summary-payment.css */
.egeg-custom-size-panel h4,
.egeg-payment-panel h4 {
	margin: 0 0 6px;
	font-size: 1rem;
	font-weight: 800;
}

/* @egeg-block:001041 | component:07-final-summary-payment.css */
.egeg-receipt-uploader {
	margin-top: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

/* @egeg-block:001042 | component:07-final-summary-payment.css */
.egeg-receipt-status {
	margin: 0;
	font-size: 0.9rem;
	color: rgba(32, 23, 51, 0.68);
}

/* @egeg-block:001043 | component:07-final-summary-payment.css */
.egeg-final-summary-total {
	border-radius: 16px;
	margin-top: 8px;
	padding: 16px 18px !important;
}

/* @egeg-block:001044 | component:07-final-summary-payment.css */
.egeg-final-summary-total .egeg-final-summary-label,
.egeg-final-summary-total .egeg-final-summary-value {
	line-height: 1.25;
}

/* @egeg-block:001045 | component:07-final-summary-payment.css */
.egeg-final-summary-total,
.egeg-summary .egeg-summary-total {
	padding: 16px 18px !important;
	border-radius: 16px !important;
	box-sizing: border-box !important;
}

/* @egeg-block:001046 | component:07-final-summary-payment.css */
.egeg-final-summary,
.egeg-summary .egeg-summary-total {
	box-sizing: border-box !important;
}

/* @egeg-block:001047 | component:07-final-summary-payment.css */
.egeg-final-summary {
	display: grid !important;
	gap: 14px !important;
	padding: var(--egeg-summary-final-padding, 20px) !important;
}

/* @egeg-block:001048 | component:07-final-summary-payment.css */
.egeg-final-summary-list {
	display: grid !important;
	gap: 9px !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* @egeg-block:001049 | component:07-final-summary-payment.css */
.egeg-final-summary-row {
	align-items: center !important;
	display: grid !important;
	grid-template-columns: minmax(120px, .85fr) minmax(0, 1.15fr) !important;
	gap: 14px !important;
	margin: 0 !important;
	padding: 10px 0 !important;
	border-bottom: 1px solid rgba(87, 48, 171, .10) !important;
}

/* @egeg-block:001050 | component:07-final-summary-payment.css */
.egeg-final-summary-row:last-child { border-bottom: 0 !important; }

/* @egeg-block:001051 | component:07-final-summary-payment.css */
.egeg-final-summary-total,
.egeg-summary .egeg-summary-total {
	background: var(--egeg-color-accent-soft, #fff8e5) !important;
	border: 1px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), .20) !important;
	border-radius: 16px !important;
	padding: 14px 16px !important;
}

/* @egeg-block:001052 | component:07-final-summary-payment.css */
.egeg-final-summary-label,
.egeg-summary dt {
	color: rgba(33, 24, 59, .68) !important;
}

/* @egeg-block:001053 | component:07-final-summary-payment.css */
.egeg-final-summary-value,
.egeg-summary dd {
	color: var(--egeg-purple-400, var(--egeg-color-primary, #8732F5)) !important;
}

/* @egeg-block:001054 | component:07-final-summary-payment.css */
.egeg-final-summary-title {
	font-size: 22px !important;
}

/* @egeg-block:001055 | component:07-final-summary-payment.css */
.egeg-final-summary-row {
	font-size: 15px !important;
	padding: 12px 0 !important;
}

/* @egeg-block:001056 | component:07-final-summary-payment.css */
.egeg-final-summary-label {
	font-size: 14px !important;
	font-weight: 800 !important;
}

/* @egeg-block:001057 | component:07-final-summary-payment.css */
.egeg-final-summary-value {
	font-size: 17px !important;
	font-weight: 850 !important;
}

/* @egeg-block:001058 | component:07-final-summary-payment.css */
.egeg-final-summary-total,
.egeg-summary .egeg-summary-total {
	background: linear-gradient(135deg, rgba(var(--egeg-primary-rgb, 135, 50, 245), .96), rgba(92, 54, 190, .96)) !important;
	border: 0 !important;
	box-shadow: 0 14px 35px rgba(87, 48, 171, .20) !important;
	margin-top: 12px !important;
	padding: 18px 20px !important;
}

/* @egeg-block:001059 | component:07-final-summary-payment.css */
.egeg-final-summary-total .egeg-final-summary-label,
.egeg-final-summary-total .egeg-final-summary-value,
.egeg-summary .egeg-summary-total dt,
.egeg-summary .egeg-summary-total dd {
	color: #fff !important;
	font-size: 17px !important;
}

/* @egeg-block:001060 | component:07-final-summary-payment.css */
.egeg-payment-panel {
	background: #fff !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18) !important;
	border-radius: 18px !important;
	box-shadow: 0 16px 42px rgba(87, 48, 171, .09) !important;
	display: grid !important;
	gap: 14px !important;
	padding: 18px 20px !important;
}

/* @egeg-block:001061 | component:07-final-summary-payment.css */
.egeg-payment-panel-head {
	align-items: center !important;
	display: flex !important;
	justify-content: space-between !important;
	gap: 12px !important;
}

/* @egeg-block:001062 | component:07-final-summary-payment.css */
.egeg-payment-panel-head h4 {
	margin: 0 !important;
	font-size: 18px !important;
	line-height: 1.2 !important;
}

/* @egeg-block:001063 | component:07-final-summary-payment.css */
.egeg-receipt-uploader {
	background: var(--egeg-color-panel, #fbf8ff) !important;
	border: 1px dashed rgba(var(--egeg-primary-rgb, 135, 50, 245), .26) !important;
	border-radius: 14px !important;
	padding: 12px !important;
}

/* @egeg-block:001064 | component:07-final-summary-payment.css */
.egeg-payment-panel {
	gap: 16px !important;
	overflow: hidden !important;
}

/* @egeg-block:001065 | component:07-final-summary-payment.css */
.egeg-receipt-uploader {
	display: grid !important;
	grid-template-columns: minmax(210px, auto) 1fr !important;
	align-items: center !important;
	gap: 12px !important;
}

/* @egeg-block:001066 | component:07-final-summary-payment.css */
.egeg-receipt-uploader .egeg-button {
	justify-self: start !important;
	max-width: 100% !important;
	white-space: normal !important;
}

/* @egeg-block:001067 | component:07-final-summary-payment.css */
.egeg-receipt-status {
	font-size: 13px !important;
	line-height: 1.4 !important;
	margin: 0 !important;
	min-width: 0 !important;
}

/* @egeg-block:001068 | component:07-final-summary-payment.css */
/* Measure cards are owned exclusively by 04-product-measure.css. */

/* @egeg-block:001069 | component:07-final-summary-payment.css */
.egeg-payment-panel {
	display: grid !important;
	gap: 14px !important;
}

/* @egeg-block:001070 | component:07-final-summary-payment.css */
.egeg-bank-accounts-button {
	grid-column: 2 !important;
	grid-row: 1 / span 2 !important;
	justify-self: end !important;
	white-space: nowrap !important;
}

/* @egeg-block:001071 | component:07-final-summary-payment.css */
.egeg-receipt-uploader {
	display: grid !important;
	grid-template-columns: minmax(220px, max-content) minmax(0, 1fr) !important;
	gap: 12px !important;
	align-items: center !important;
}

/* @egeg-block:001072 | component:07-final-summary-payment.css */
.egeg-bank-account-card {
	align-items: center !important;
	background: #FFFFFF !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .16) !important;
	border-radius: 14px !important;
	display: grid !important;
	gap: 12px !important;
	grid-template-columns: 52px minmax(0, 1fr) auto !important;
	padding: 12px !important;
}

/* @egeg-block:001073 | component:07-final-summary-payment.css */
.egeg-bank-account-logo {
	align-items: center !important;
	background: var(--egeg-color-panel, #F6F2FF) !important;
	border-radius: 12px !important;
	color: var(--egeg-purple-400) !important;
	display: flex !important;
	height: 52px !important;
	justify-content: center !important;
	overflow: hidden !important;
	width: 52px !important;
}

/* @egeg-block:001074 | component:07-final-summary-payment.css */
.egeg-bank-account-logo img {
	max-height: 100% !important;
	max-width: 100% !important;
	object-fit: contain !important;
}

/* @egeg-block:001075 | component:07-final-summary-payment.css */
.egeg-bank-account-info {
	display: grid !important;
	gap: 3px !important;
	min-width: 0 !important;
}

/* @egeg-block:001076 | component:07-final-summary-payment.css */
.egeg-bank-account-info strong {
	color: var(--egeg-purple-400) !important;
	font-size: 15px !important;
}

/* @egeg-block:001077 | component:07-final-summary-payment.css */
.egeg-bank-account-info p {
	color: rgba(33, 24, 59, .64) !important;
	font-size: 12px !important;
	margin: 0 !important;
}

/* @egeg-block:001078 | component:07-final-summary-payment.css */
.egeg-bank-account-info code {
	background: #fff8e4 !important;
	border-radius: 8px !important;
	color: #201733 !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	padding: 5px 7px !important;
	width: max-content !important;
	max-width: 100% !important;
	overflow-wrap: anywhere !important;
}

/* @egeg-block:001079 | component:07-final-summary-payment.css */
.egeg-payment-panel {
	background: var(--egeg-color-panel, #fbf8ff) !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245),.16) !important;
	border-radius: 16px !important;
	padding: 16px !important;
	gap: 14px !important;
}

/* @egeg-block:001080 | component:07-final-summary-payment.css */
.egeg-payment-panel-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
}

/* @egeg-block:001081 | component:07-final-summary-payment.css */
.egeg-payment-panel-head h4 {
	margin: 0 !important;
	color: var(--egeg-purple-400) !important;
	font-size: 17px !important;
}

/* @egeg-block:001082 | component:07-final-summary-payment.css */
.egeg-receipt-uploader {
	background: #fff !important;
	border: 1px dashed rgba(var(--egeg-primary-rgb, 135, 50, 245),.22) !important;
	border-radius: 14px !important;
	padding: 12px !important;
}

/* @egeg-block:001083 | component:07-final-summary-payment.css */
.egeg-receipt-status {
	margin: 0 !important;
	min-width: 0 !important;
}

/* @egeg-block:001084 | component:07-final-summary-payment.css */
/* =============================================================================
   SUMMARY — jerarquía visual mejorada
   ============================================================================= */

.egeg-final-summary-section {
	color: var(--egeg-color-gray-500);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .5px;
	list-style: none;
	padding: 12px 0 4px;
	text-transform: uppercase;
}

/* @egeg-block:001085 | component:07-final-summary-payment.css */
.egeg-final-summary-row {
	align-items: baseline;
	border-bottom: 1px solid var(--egeg-color-gray-100);
	display: flex;
	gap: 8px;
	justify-content: space-between;
	list-style: none;
	padding: 9px 0;
}

/* @egeg-block:001086 | component:07-final-summary-payment.css */
.egeg-final-summary-row:last-child { border-bottom: none; }

/* @egeg-block:001087 | component:07-final-summary-payment.css */
.egeg-final-summary-label {
	color: var(--egeg-color-gray-500);
	font-size: 12px;
}

/* @egeg-block:001088 | component:07-final-summary-payment.css */
.egeg-final-summary-value {
	color: var(--egeg-color-gray-900);
	font-size: 13px;
	font-weight: 700;
	text-align: right;
}

/* @egeg-block:001089 | component:07-final-summary-payment.css */
.egeg-final-summary-total {
	border-top: 2px solid var(--egeg-color-gray-200);
	margin-top: 4px;
	padding-top: 12px;
}

/* @egeg-block:001090 | component:07-final-summary-payment.css */
.egeg-final-summary-total .egeg-final-summary-label {
	color: var(--egeg-color-gray-900);
	font-size: 14px;
	font-weight: 700;
}

/* @egeg-block:001091 | component:07-final-summary-payment.css */
.egeg-final-summary-total .egeg-final-summary-value {
	color: var(--egeg-color-purple);
	font-size: 18px;
	font-weight: 800;
}

/* @egeg-block:001092 | component:07-final-summary-payment.css */
/* Receipt is now required before order emission. */
.egeg-receipt-uploader {
  border: 1.5px dashed rgba(var(--egeg-primary-rgb, 135, 50, 245),.35) !important;
  background: #fff !important;
  border-radius: 18px !important;
  padding: 16px !important;
}

/* @egeg-block:001093 | component:07-final-summary-payment.css */
.egeg-receipt-status {
  color: #4e3d63 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* @egeg-block:001094 | component:07-final-summary-payment.css */
.egeg-receipt-uploader .egeg-button {
  font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif) !important;
  font-weight: 800 !important;
}

/* @egeg-block:001095 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel {
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid var(--egeg-final-card-border) !important;
  border-radius: var(--egeg-final-card-radius) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: clamp(18px, 2.4vw, 26px) !important;
  width: 100% !important;
}

/* @egeg-block:001096 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel-head,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: flex-start !important;
  margin: 0 !important;
}

/* @egeg-block:001097 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title::before,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel-head::before,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head::before {
  align-items: center !important;
  background: #FFF2BF !important;
  border: 1px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), .26) !important;
  border-radius: 999px !important;
  color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
  display: inline-flex !important;
  flex: 0 0 28px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  height: 28px !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 28px !important;
}

/* @egeg-block:001098 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title::before { content: "1" !important; }

/* @egeg-block:001099 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel-head::before { content: "2" !important; }

/* @egeg-block:001100 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head::before { content: "3" !important; }

/* @egeg-block:001101 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel h4,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head h4 {
  color: #24153F !important;
  font-size: clamp(18px, 1.45vw, 21px) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  line-height: 1.2 !important;
}

/* @egeg-block:001102 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel p,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-intro,
.egeg-generator[data-egeg-current-step="7"] .egeg-transfer-deadline,
.egeg-generator[data-egeg-current-step="7"] .egeg-receipt-status {
  color: var(--egeg-final-muted) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* @egeg-block:001103 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-list {
  display: grid !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* @egeg-block:001104 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-section {
  align-items: center !important;
  border-top: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .12) !important;
  color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  list-style: none !important;
  margin: 8px 0 0 !important;
  padding: 14px 0 2px !important;
  text-transform: none !important;
}

/* @egeg-block:001105 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-section:first-child {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* @egeg-block:001106 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
  align-items: center !important;
  background: #FBFAFF !important;
  border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .08) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 10px 12px !important;
}

/* @egeg-block:001107 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-label {
  color: rgba(36, 21, 63, .62) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

/* @egeg-block:001108 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-value {
  color: #24153F !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-align: right !important;
}

/* @egeg-block:001109 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total {
  background: linear-gradient(135deg, var(--egeg-color-primary, #8732F5), var(--egeg-color-primary-strong, #6F25D6)) !important;
  border: 0 !important;
  margin-top: 6px !important;
  padding: 16px !important;
}

/* @egeg-block:001110 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total .egeg-final-summary-label,
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total .egeg-final-summary-value {
  color: #FFFFFF !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* @egeg-block:001111 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card,
.egeg-generator[data-egeg-current-step="7"] .egeg-receipt-uploader {
  align-items: center !important;
  background: #FBFAFF !important;
  border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .12) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 14px !important;
  width: 100% !important;
}

/* @egeg-block:001112 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-receipt-uploader {
  background: #FFF9E8 !important;
  border-color: rgba(var(--egeg-accent-rgb, 249, 136, 0), .24) !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
}

/* @egeg-block:001113 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-receipt-uploader .egeg-button,
.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-button {
  font-size: 12px !important;
  font-weight: 700 !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  white-space: nowrap !important;
}

/* @egeg-block:001114 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-transfer-deadline:empty,
.egeg-generator[data-egeg-current-step="7"] .egeg-card-grid:empty {
  display: none !important;
}

/* @egeg-block:001115 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-alert {
  background: #FFFFFF !important;
  border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .14) !important;
  border-radius: 16px !important;
  color: rgba(36, 21, 63, .72) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  padding: 13px 15px !important;
}

/* @egeg-block:001116 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-actions {
  background: transparent !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* @egeg-block:001117 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-actions .egeg-button {
  flex: 1 1 0 !important;
  min-height: 46px !important;
}

/* @egeg-block:001118 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel {
  gap: 10px !important;
  padding: 16px 18px !important;
}

/* @egeg-block:001119 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel-head,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head {
  gap: 8px !important;
}

/* @egeg-block:001120 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel h4,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head h4 {
  font-size: clamp(17px, 1.35vw, 19px) !important;
}

/* @egeg-block:001121 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel p,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-intro,
.egeg-generator[data-egeg-current-step="7"] .egeg-transfer-deadline,
.egeg-generator[data-egeg-current-step="7"] .egeg-receipt-status {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

/* @egeg-block:001122 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-list {
  gap: 6px !important;
}

/* @egeg-block:001123 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-section {
  margin: 4px 0 0 !important;
  padding: 10px 0 2px !important;
}

/* @egeg-block:001124 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
  gap: 10px !important;
  padding: 8px 10px !important;
}

/* @egeg-block:001125 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total {
  margin-top: 4px !important;
  padding: 13px 14px !important;
}

/* @egeg-block:001126 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card,
.egeg-generator[data-egeg-current-step="7"] .egeg-receipt-uploader {
  gap: 8px !important;
  padding: 12px !important;
}

/* @egeg-block:001127 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-alert {
  padding: 10px 12px !important;
}

/* @egeg-block:001128 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-actions {
  gap: 10px !important;
}

/* @egeg-block:001129 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel {
  gap: 12px !important;
  padding: 18px 20px !important;
}

/* @egeg-block:001130 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel h4,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head h4 {
  color: #24153F !important;
  font-size: clamp(19px, 1.55vw, 22px) !important;
  font-weight: 650 !important;
  letter-spacing: -.012em !important;
  line-height: 1.22 !important;
}

/* @egeg-block:001131 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title::before,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel-head::before,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head::before {
  flex-basis: 30px !important;
  font-size: 13.5px !important;
  font-weight: 650 !important;
  height: 30px !important;
  width: 30px !important;
}

/* @egeg-block:001132 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel p,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-intro,
.egeg-generator[data-egeg-current-step="7"] .egeg-transfer-deadline,
.egeg-generator[data-egeg-current-step="7"] .egeg-receipt-status,
.egeg-generator[data-egeg-current-step="7"] .egeg-final-alert {
  color: rgba(36, 21, 63, .70) !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

/* @egeg-block:001133 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-list {
  gap: 7px !important;
}

/* @egeg-block:001134 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-section {
  color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
  font-size: 13.25px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  margin: 7px 0 0 !important;
  padding: 12px 0 3px !important;
}

/* @egeg-block:001135 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
  align-items: center !important;
  gap: 14px !important;
  padding: 10px 12px !important;
}

/* @egeg-block:001136 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-label {
  color: rgba(36, 21, 63, .66) !important;
  font-size: 13px !important;
  font-weight: 450 !important;
  line-height: 1.3 !important;
}

/* @egeg-block:001137 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-value {
  color: #24153F !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

/* @egeg-block:001138 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total {
  margin-top: 6px !important;
  padding: 15px 16px !important;
}

/* @egeg-block:001139 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total .egeg-final-summary-label,
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total .egeg-final-summary-value {
  font-size: 16px !important;
  font-weight: 650 !important;
}

/* @egeg-block:001140 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card,
.egeg-generator[data-egeg-current-step="7"] .egeg-receipt-uploader {
  gap: 10px !important;
  padding: 14px !important;
}

/* @egeg-block:001141 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-receipt-uploader .egeg-button,
.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-button,
.egeg-generator[data-egeg-current-step="7"] .egeg-final-actions .egeg-button {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

/* @egeg-block:001142 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-actions .egeg-button {
  min-height: 48px !important;
}

/* @egeg-block:001143 | component:07-final-summary-payment.css */
/* ============================================================
   0.5.12 — Compact payment method card
   Reduces dead space in the bank-transfer method block while
   preserving the readable final-step scale from 0.5.11.
   ============================================================ */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-grid {
  gap: 10px !important;
}

/* @egeg-block:001144 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-button {
  align-self: center !important;
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  justify-self: end !important;
  min-height: 38px !important;
  padding: 0 18px !important;
}

/* @egeg-block:001145 | component:07-final-summary-payment.css */
/* =============================================================================
   PICKUP NOTICE — aviso de retiro en tienda (v0.5.14)
   ============================================================================= */

.egeg-pickup-notice {
	align-items: flex-start;
	background: var(--egeg-color-panel, #F6F2FF);
	border: 1px solid var(--egeg-color-purple-line, var(--egeg-color-primary-line, #B78CFF));
	border-radius: var(--egeg-radius-md, 12px);
	display: flex;
	gap: 10px;
	margin-bottom: 2px;
	padding: 12px 14px;
}

/* @egeg-block:001146 | component:07-final-summary-payment.css */
.egeg-pickup-notice-icon {
	flex-shrink: 0;
	font-size: 18px;
	line-height: 1.4;
}

/* @egeg-block:001147 | component:07-final-summary-payment.css */
.egeg-pickup-notice > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

/* @egeg-block:001148 | component:07-final-summary-payment.css */
.egeg-pickup-notice strong {
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5));
	font-size: 13px;
	font-weight: 700;
}

/* @egeg-block:001149 | component:07-final-summary-payment.css */
.egeg-pickup-notice span {
	color: var(--egeg-color-gray-700, #464646);
	font-size: 12px;
	line-height: 1.45;
}

/* @egeg-block:001150 | component:07-final-summary-payment.css */
/* =============================================================================
   BANK ACCOUNTS ROW — botón "Ver cuentas" separado del card de método (v0.5.14)
   ============================================================================= */

.egeg-bank-accounts-row {
	display: flex;
	margin-top: 10px;
}

/* @egeg-block:001151 | component:07-final-summary-payment.css */
.egeg-bank-accounts-row .egeg-mini-button {
	width: 100%;
}

/* @egeg-block:001152 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel {
	gap: 12px !important;
	padding: 18px 20px !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-section {
	background: transparent !important;
	border: 0 !important;
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	font-size: 12px !important;
	font-weight: 760 !important;
	letter-spacing: .01em !important;
	margin: 8px 0 0 !important;
	padding: 6px 2px 2px !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
	background: #FFFFFF !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .10) !important;
	box-shadow: none !important;
	padding: 9px 12px !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-label,
.egeg-generator[data-egeg-current-step="7"] .egeg-field span,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > span {
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	font-weight: 700 !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-value,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > strong {
	color: #24153F !important;
	font-weight: 760 !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel p,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-intro,
.egeg-generator[data-egeg-current-step="7"] .egeg-transfer-deadline,
.egeg-generator[data-egeg-current-step="7"] .egeg-receipt-status,
.egeg-generator[data-egeg-current-step="7"] .egeg-final-alert {
	color: rgba(36, 21, 63, .76) !important;
	font-size: 13px !important;
	line-height: 1.35 !important;
}

/* @egeg-block:001153 | component:07-final-summary-payment.css */
.egeg-bank-account-card {
	align-items: center !important;
	grid-template-columns: 64px minmax(0, 1fr) auto !important;
	gap: 14px !important;
	padding: 14px !important;
}

/* @egeg-block:001154 | component:07-final-summary-payment.css */
.egeg-bank-account-logo {
	background: var(--egeg-bank-brand-color, var(--egeg-purple-400)) !important;
	border: 1px solid rgba(255, 255, 255, .42) !important;
	box-shadow: 0 10px 22px rgba(36, 21, 63, .10) !important;
	color: #FFFFFF !important;
	height: 58px !important;
	width: 58px !important;
}

/* @egeg-block:001155 | component:07-final-summary-payment.css */
.egeg-bank-account-logo-text {
	color: #FFFFFF !important;
	display: block !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	letter-spacing: -.02em !important;
	line-height: 1 !important;
	text-align: center !important;
}

/* @egeg-block:001156 | component:07-final-summary-payment.css */
.egeg-bank-account-info strong {
	color: #201733 !important;
	font-size: 16px !important;
	font-weight: 800 !important;
}

/* @egeg-block:001157 | component:07-final-summary-payment.css */
.egeg-bank-account-info p,
.egeg-bank-account-owner {
	color: rgba(32, 23, 51, .72) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
}

/* @egeg-block:001158 | component:07-final-summary-payment.css */
.egeg-bank-account-info code {
	background: #FFF7DF !important;
	border: 1px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), .22) !important;
	color: #201733 !important;
	font-size: 15px !important;
	font-weight: 800 !important;
}

/* @egeg-block:001159 | component:07-final-summary-payment.css */
.egeg-bank-account-copy {
	min-height: 40px !important;
	padding-inline: 14px !important;
	white-space: nowrap !important;
}

/* @egeg-block:001160 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary {
	background: #FFFFFF !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18) !important;
	border-radius: 24px !important;
	box-shadow: 0 16px 36px rgba(var(--egeg-primary-rgb, 135, 50, 245), .08) !important;
	gap: 14px !important;
	padding: clamp(18px, 2vw, 26px) !important;
}

/* @egeg-block:001161 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-section {
	display: none !important;
}

/* @egeg-block:001162 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-list {
	background: #FFFFFF !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .10) !important;
	border-radius: 18px !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important;
	gap: 0 !important;
	overflow: hidden !important;
}

/* @egeg-block:001163 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
	align-items: center !important;
	background: #FFFFFF !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .10) !important;
	border-radius: 0 !important;
	display: grid !important;
	gap: 14px !important;
	grid-template-columns: minmax(130px, .9fr) minmax(0, 1.4fr) !important;
	margin: 0 !important;
	padding: 11px 15px !important;
}

/* @egeg-block:001164 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row:nth-child(even):not(.egeg-final-summary-total) {
	background: rgba(246, 242, 255, .42) !important;
}

/* @egeg-block:001165 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-label {
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	font-size: clamp(13px, 1vw, 14px) !important;
	font-weight: 650 !important;
	line-height: 1.25 !important;
}

/* @egeg-block:001166 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-value {
	color: #1E1734 !important;
	font-size: clamp(14px, 1.05vw, 15.5px) !important;
	font-weight: 720 !important;
	line-height: 1.25 !important;
	text-align: right !important;
}

/* @egeg-block:001167 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total {
	background: linear-gradient(135deg, var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)), var(--egeg-color-primary-strong, #6F25D6)) !important;
	border-bottom: 0 !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 15px !important;
}

/* @egeg-block:001168 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total .egeg-final-summary-label,
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total .egeg-final-summary-value {
	color: #FFFFFF !important;
	font-size: clamp(15px, 1.1vw, 17px) !important;
	font-weight: 760 !important;
}

/* @egeg-block:001169 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-alert {
	background: rgba(246, 242, 255, .76) !important;
	border-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), .14) !important;
	color: rgba(30, 23, 52, .76) !important;
}

/* @egeg-block:001170 | component:07-final-summary-payment.css */
.egeg-bank-modal-dialog {
	max-height: min(92dvh, 760px) !important;
	max-width: min(92vw, 760px) !important;
	overflow: hidden !important;
}

/* @egeg-block:001171 | component:07-final-summary-payment.css */
.egeg-bank-modal-body {
	box-sizing: border-box !important;
	display: grid !important;
	gap: 12px !important;
	max-height: calc(92dvh - 112px) !important;
	overflow: auto !important;
	padding: 14px !important;
}

/* @egeg-block:001172 | component:07-final-summary-payment.css */
.egeg-bank-account-card,
.egeg-bank-account-card.egeg-bank-account-card--text-only {
	align-items: center !important;
	background: #FFFFFF !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18) !important;
	border-radius: 18px !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	display: grid !important;
	gap: 14px !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	padding: 16px 18px !important;
	width: 100% !important;
}

/* @egeg-block:001173 | component:07-final-summary-payment.css */
.egeg-bank-account-logo,
.egeg-bank-account-logo-text {
	display: none !important;
}

/* @egeg-block:001174 | component:07-final-summary-payment.css */
.egeg-bank-account-info {
	display: grid !important;
	gap: 5px !important;
	min-width: 0 !important;
}

/* @egeg-block:001175 | component:07-final-summary-payment.css */
.egeg-bank-account-info strong {
	color: #201733 !important;
	font-size: clamp(18px, 1.7vw, 22px) !important;
	font-weight: 760 !important;
	letter-spacing: -.01em !important;
	line-height: 1.1 !important;
}

/* @egeg-block:001176 | component:07-final-summary-payment.css */
.egeg-bank-account-info p,
.egeg-bank-account-owner {
	color: rgba(32, 23, 51, .72) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
}

/* @egeg-block:001177 | component:07-final-summary-payment.css */
.egeg-bank-account-info code {
	background: #FFF7DF !important;
	border: 1px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), .24) !important;
	border-radius: 10px !important;
	color: #201733 !important;
	display: inline-flex !important;
	font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif) !important;
	font-size: clamp(18px, 1.7vw, 22px) !important;
	font-weight: 760 !important;
	line-height: 1.1 !important;
	padding: 7px 10px !important;
	width: fit-content !important;
}

/* @egeg-block:001178 | component:07-final-summary-payment.css */
.egeg-bank-account-copy {
	justify-self: end !important;
	min-height: 44px !important;
	padding-inline: 18px !important;
	white-space: nowrap !important;
}

/* @egeg-block:001179 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title::before,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel-head::before,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head::before {
	background: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	border-color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	box-shadow: 0 6px 14px rgba(var(--egeg-accent-rgb, 249, 136, 0), .18) !important;
	color: #FFFFFF !important;
}

/* @egeg-block:001180 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-field input,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-field input {
	border-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), .34) !important;
}

/* @egeg-block:001181 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-field input:focus,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-field input:focus {
	border-color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	box-shadow: 0 0 0 3px rgba(var(--egeg-primary-rgb, 135, 50, 245), .12) !important;
}

/* @egeg-block:001182 | component:07-final-summary-payment.css */
.egeg-pickup-notice {
	align-items: flex-start !important;
}

/* @egeg-block:001183 | component:07-final-summary-payment.css */
.egeg-pickup-notice-icon {
	align-items: center !important;
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	display: inline-flex !important;
	flex: 0 0 22px !important;
	font-size: 18px !important;
	height: 22px !important;
	justify-content: center !important;
	line-height: 1 !important;
	margin-top: 1px !important;
	width: 22px !important;
}

/* @egeg-block:001184 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card {
	align-items: center !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	grid-template-areas: "label button" "value button" !important;
	row-gap: 8px !important;
}

/* @egeg-block:001185 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > span {
	grid-area: label !important;
}

/* @egeg-block:001186 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > strong {
	grid-area: value !important;
}

/* @egeg-block:001187 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-row {
	align-self: center !important;
	grid-area: button !important;
	justify-self: end !important;
	margin: 0 !important;
}

/* @egeg-block:001188 | component:07-final-summary-payment.css */
.egeg-bank-modal .egeg-preview-modal-dialog,
.egeg-bank-modal-dialog {
	max-width: min(94vw, 680px) !important;
	width: min(94vw, 680px) !important;
	max-height: calc(100dvh - 28px) !important;
}

/* @egeg-block:001189 | component:07-final-summary-payment.css */
.egeg-bank-modal .egeg-preview-modal-head,
.egeg-bank-modal .egeg-preview-modal-body,
.egeg-bank-modal-body {
	padding-inline: clamp(14px, 2.4vw, 22px) !important;
}

/* @egeg-block:001190 | component:07-final-summary-payment.css */
.egeg-bank-modal-body {
	gap: 10px !important;
	max-height: calc(100dvh - 132px) !important;
	overflow-y: auto !important;
	padding-block: 10px 18px !important;
}

/* @egeg-block:001191 | component:07-final-summary-payment.css */
.egeg-bank-account-card,
.egeg-bank-account-card.egeg-bank-account-card--text-only {
	align-items: center !important;
	border-radius: 16px !important;
	gap: 12px !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	padding: 13px 15px !important;
}

/* @egeg-block:001192 | component:07-final-summary-payment.css */
.egeg-bank-account-info {
	gap: 4px !important;
}

/* @egeg-block:001193 | component:07-final-summary-payment.css */
.egeg-bank-account-info strong {
	font-size: clamp(16px, 1.35vw, 19px) !important;
	line-height: 1.08 !important;
}

/* @egeg-block:001194 | component:07-final-summary-payment.css */
.egeg-bank-account-info p,
.egeg-bank-account-owner {
	font-size: 12.5px !important;
	line-height: 1.22 !important;
}

/* @egeg-block:001195 | component:07-final-summary-payment.css */
.egeg-bank-account-info code {
	font-size: clamp(16px, 1.45vw, 19px) !important;
	padding: 5px 9px !important;
}

/* @egeg-block:001196 | component:07-final-summary-payment.css */
.egeg-bank-account-copy {
	font-size: 13px !important;
	min-height: 38px !important;
	padding-inline: 14px !important;
}

/* @egeg-block:001197 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title::before,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel-head::before,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head::before {
	background: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	border-color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	box-shadow: 0 7px 16px rgba(var(--egeg-accent-rgb, 249, 136, 0), .22) !important;
	color: #FFFFFF !important;
	font-weight: 800 !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-field input {
	border-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), .46) !important;
	box-shadow: inset 0 0 0 1px rgba(var(--egeg-primary-rgb, 135, 50, 245), .02) !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-field input:hover {
	border-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), .62) !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-field input:focus {
	border-color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	box-shadow: 0 0 0 4px rgba(var(--egeg-primary-rgb, 135, 50, 245), .12) !important;
}

.egeg-pickup-notice {
	align-items: flex-start !important;
	gap: 12px !important;
}

.egeg-pickup-notice-icon,
.egeg-pickup-notice .egeg-icon-font,
.egeg-pickup-notice .ph {
	align-items: center !important;
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	display: inline-flex !important;
	flex: 0 0 30px !important;
	font-size: 25px !important;
	height: 30px !important;
	justify-content: center !important;
	line-height: 1 !important;
	margin-top: 1px !important;
	width: 30px !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card {
	align-items: center !important;
	column-gap: 16px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	grid-template-rows: auto auto !important;
	padding: 14px 18px !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > span {
	grid-column: 1 !important;
	grid-row: 1 !important;
	margin: 0 !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > strong {
	grid-column: 1 !important;
	grid-row: 2 !important;
	margin: 0 !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > input[type="hidden"] {
	display: none !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-row {
	align-items: center !important;
	grid-column: 2 !important;
	grid-row: 1 / span 2 !important;
	justify-content: flex-end !important;
	margin: 0 !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-button {
	min-height: 40px !important;
	padding-inline: 18px !important;
	white-space: nowrap !important;
	width: auto !important;
}

/* @egeg-block:001198 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-stack {
	gap: clamp(12px, 1.6vw, 18px) !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel {
	box-sizing: border-box !important;
	border-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), .22) !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel-head h4,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head h4 {
	font-size: clamp(17px, 1.55vw, 21px) !important;
	letter-spacing: -.015em !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
	grid-template-columns: minmax(110px, .78fr) minmax(0, 1.22fr) !important;
	padding: 9px 0 !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-value {
	min-width: 0 !important;
	overflow-wrap: anywhere !important;
	word-break: normal !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-field input,
.egeg-generator[data-egeg-current-step="7"] .egeg-field textarea,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-field input {
	background: #fff !important;
	border: 1.5px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .52) !important;
	border-radius: 12px !important;
	box-shadow: inset 0 0 0 1px rgba(var(--egeg-primary-rgb, 135, 50, 245), .03) !important;
	min-height: 44px !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-field input:focus,
.egeg-generator[data-egeg-current-step="7"] .egeg-field textarea:focus,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-field input:focus {
	border-color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	box-shadow: 0 0 0 4px rgba(var(--egeg-primary-rgb, 135, 50, 245), .13) !important;
	outline: none !important;
}

.egeg-pickup-notice {
	grid-template-columns: auto minmax(0, 1fr) !important;
}

.egeg-pickup-notice-icon,
.egeg-pickup-notice .egeg-icon-font,
.egeg-pickup-notice .ph {
	font-size: 28px !important;
	height: 34px !important;
	width: 34px !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card {
	box-sizing: border-box !important;
	min-width: 0 !important;
	overflow: visible !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-button {
	font-size: 13px !important;
	min-height: 38px !important;
}

/* @egeg-block:001199 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-list {
	border-radius: 20px !important;
	padding: 6px !important;
}

/* @egeg-block:001200 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
	border-radius: 14px !important;
	grid-template-columns: minmax(150px, .85fr) minmax(0, 1.45fr) !important;
	padding: 14px clamp(18px, 2.2vw, 24px) !important;
}

/* @egeg-block:001201 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-value {
	min-width: 0 !important;
	overflow-wrap: anywhere !important;
}

/* @egeg-block:001202 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total {
	border-radius: 14px !important;
	padding: 16px clamp(18px, 2.2vw, 24px) !important;
}

/* @egeg-block:001203 | component:07-final-summary-payment.css */
.egeg-generator .egeg-pickup-notice {
	align-items: center !important;
	grid-template-columns: auto minmax(0, 1fr) auto !important;
}

.egeg-generator .egeg-pickup-locations-button {
	background: var(--egeg-button-primary-bg, #FCD25B) !important;
	border: 1.5px solid var(--egeg-button-primary-border, #FCD25B) !important;
	border-radius: 999px !important;
	box-shadow: var(--egeg-button-primary-shadow, 0 4px 0 #C9821E) !important;
	color: var(--egeg-button-primary-text, #2E2417) !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	min-height: 38px !important;
	padding-inline: 16px !important;
	white-space: nowrap !important;
}

.egeg-generator .egeg-pickup-locations-button:hover,
.egeg-generator .egeg-pickup-locations-button:focus-visible {
	background: #FFD65A !important;
	border-color: #FFD65A !important;
	box-shadow: 0 5px 0 #C9821E, 0 0 0 4px var(--egeg-color-focus-ring, rgba(var(--egeg-primary-rgb, 135, 50, 245), .16)) !important;
	color: var(--egeg-button-primary-text, #2E2417) !important;
	outline: 0 !important;
}

.egeg-pickup-modal-body {
	display: grid !important;
	gap: 12px !important;
	grid-template-columns: 1fr !important;
}

.egeg-pickup-location-card {
	align-items: start !important;
	background: var(--egeg-location-card-bg, #FFFFFF) !important;
	border: 1px solid var(--egeg-location-card-border, rgba(var(--egeg-primary-rgb, 135, 50, 245), .18)) !important;
	border-radius: 18px !important;
	box-shadow: var(--egeg-location-card-shadow, 0 14px 30px rgba(36, 21, 63, .07)) !important;
	box-sizing: border-box !important;
	display: grid !important;
	gap: 12px !important;
	grid-template-columns: auto minmax(0, 1fr) auto !important;
	padding: 14px !important;
}

.egeg-pickup-location-icon,
.egeg-pickup-location-icon.ph {
	align-items: center !important;
	background: var(--egeg-state-pending-bg, var(--egeg-color-accent-soft, #FFF8E5)) !important;
	border: 1px solid var(--egeg-state-pending-border, rgba(var(--egeg-accent-rgb, 249, 136, 0), .32)) !important;
	border-radius: 999px !important;
	color: var(--egeg-state-pending-text, #B75F00) !important;
	display: inline-flex !important;
	font-size: 22px !important;
	height: 42px !important;
	justify-content: center !important;
	line-height: 1 !important;
	width: 42px !important;
}

.egeg-pickup-location-info {
	display: grid !important;
	gap: 5px !important;
	min-width: 0 !important;
}

.egeg-pickup-location-info strong {
	color: var(--egeg-color-ink, #24153F) !important;
	font-size: 16px !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
}

.egeg-pickup-location-info p {
	color: var(--egeg-color-body, rgba(36, 21, 63, .74)) !important;
	font-size: 13px !important;
	font-weight: 650 !important;
	line-height: 1.35 !important;
	margin: 0 !important;
}

.egeg-pickup-location-info span {
	color: var(--egeg-color-muted, rgba(36, 21, 63, .58)) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
}

.egeg-pickup-location-actions {
	align-items: center !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	justify-content: flex-end !important;
}

.egeg-pickup-location-empty {
	background: var(--egeg-state-pending-bg, var(--egeg-color-accent-soft, #FFF8E5)) !important;
	border: 1px solid var(--egeg-state-pending-border, rgba(var(--egeg-accent-rgb, 249, 136, 0), .32)) !important;
	border-radius: 14px !important;
	color: var(--egeg-state-pending-text, #B75F00) !important;
	font-size: 13px !important;
	font-weight: 750 !important;
	line-height: 1.35 !important;
	margin: 0 !important;
	padding: 12px !important;
}

/* @egeg-block:001204 | component:07-final-summary-payment.css */
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel-head,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head {
	align-items: center !important;
	display: grid !important;
	grid-template-columns: auto minmax(0, 1fr) auto !important;
	justify-content: stretch !important;
	text-align: left !important;
	width: 100% !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title::before,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel-head::before,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head::before {
	grid-column: 1 !important;
	margin: 0 !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head h4 {
	grid-column: 2 !important;
	margin: 0 !important;
	min-width: 0 !important;
}

.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head .egeg-channel-badge {
	grid-column: 3 !important;
	justify-self: end !important;
	margin: 0 !important;
	max-width: 100% !important;
}

.egeg-generator .egeg-pickup-notice {
	align-items: center !important;
	grid-template-columns: auto minmax(0, 1.7fr) minmax(132px, auto) !important;
}

.egeg-generator .egeg-pickup-notice > div {
	min-width: 0 !important;
}

.egeg-generator .egeg-pickup-locations-button {
	justify-self: end !important;
	max-width: 100% !important;
	min-width: 132px !important;
}

.egeg-bank-modal .egeg-preview-modal-dialog,
.egeg-bank-modal-dialog {
	box-sizing: border-box !important;
	display: grid !important;
	grid-template-rows: auto minmax(0, 1fr) !important;
	max-height: calc(100dvh - 32px) !important;
	overflow: hidden !important;
}

.egeg-bank-modal-body {
	align-content: start !important;
	box-sizing: border-box !important;
	min-height: 0 !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.egeg-bank-account-card,
.egeg-bank-account-card.egeg-bank-account-card--text-only {
	align-items: start !important;
	grid-template-columns: minmax(0, 1fr) minmax(112px, max-content) !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: hidden !important;
}

.egeg-bank-account-info,
.egeg-bank-account-info strong,
.egeg-bank-account-info p,
.egeg-bank-account-owner {
	min-width: 0 !important;
	overflow-wrap: anywhere !important;
}

.egeg-bank-account-info code {
	box-sizing: border-box !important;
	display: inline-block !important;
	max-width: 100% !important;
	overflow-wrap: anywhere !important;
	white-space: normal !important;
	width: fit-content !important;
}

.egeg-bank-account-copy {
	justify-self: end !important;
	min-width: 112px !important;
	white-space: nowrap !important;
}

/* @egeg-block:001205 | component:07-final-summary-payment.css */
.egeg-generator .egeg-pickup-notice {
	display: grid !important;
	grid-template-columns: auto minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 16px !important;
}

.egeg-generator .egeg-pickup-notice > div {
	min-width: 0 !important;
}

.egeg-generator .egeg-pickup-locations-button {
	justify-self: end !important;
	margin-left: auto !important;
}

.egeg-bank-modal .egeg-preview-modal-dialog,
.egeg-bank-modal-dialog {
	width: min(940px, calc(100vw - 32px)) !important;
}

.egeg-bank-modal-body {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 16px !important;
}

.egeg-bank-account-card,
.egeg-bank-account-card.egeg-bank-account-card--text-only {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: start !important;
	gap: 14px !important;
	padding: 16px !important;
}

.egeg-bank-account-info {
	min-width: 0 !important;
}

.egeg-bank-account-info code {
	display: inline-block !important;
	max-width: 100% !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
}

.egeg-bank-account-copy {
	align-self: start !important;
	justify-self: end !important;
	min-width: 168px !important;
}

/* @egeg-block:001206 | component:07-final-summary-payment.css */
.egeg-bank-modal .egeg-preview-modal-dialog,
.egeg-bank-modal-dialog {
	width: min(860px, calc(100vw - 32px)) !important;
	max-height: min(86vh, 760px) !important;
	overflow: hidden !important;
}

.egeg-bank-modal .egeg-preview-modal-body,
.egeg-bank-modal-body {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 14px !important;
	align-items: stretch !important;
	padding: 18px !important;
	max-height: min(68vh, 590px) !important;
	overflow: auto !important;
}

.egeg-bank-modal .egeg-bank-account-card,
.egeg-bank-modal .egeg-bank-account-card.egeg-bank-account-card--text-only,
.egeg-bank-account-card.egeg-bank-account-card--text-only {
	display: flex !important;
	position: static !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: space-between !important;
	gap: 14px !important;
	min-height: 184px !important;
	margin: 0 !important;
	padding: 18px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.egeg-bank-modal .egeg-bank-account-info,
.egeg-bank-account-info {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 5px !important;
	align-content: start !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

.egeg-bank-modal .egeg-bank-account-info strong,
.egeg-bank-account-info strong {
	display: block !important;
	font-size: 1rem !important;
	line-height: 1.08 !important;
	font-weight: 850 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	max-width: 100% !important;
}

.egeg-bank-modal .egeg-bank-account-info p,
.egeg-bank-modal .egeg-bank-account-owner,
.egeg-bank-account-info p,
.egeg-bank-account-owner {
	margin: 0 !important;
	font-size: .93rem !important;
	line-height: 1.22 !important;
	color: var(--egeg-color-muted, #6d6880) !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

.egeg-bank-modal .egeg-bank-account-info code,
.egeg-bank-account-info code {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	justify-self: start !important;
	width: auto !important;
	max-width: 100% !important;
	padding: 6px 10px !important;
	font-size: .94rem !important;
	line-height: 1.05 !important;
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

.egeg-bank-modal .egeg-bank-account-copy,
.egeg-bank-account-copy {
	align-self: stretch !important;
	justify-self: stretch !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin-top: auto !important;
	white-space: nowrap !important;
}

/* @egeg-block:001207 | component:07-final-summary-payment.css */
.egeg-receipt-uploader.is-uploading {
	border-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.28);
	background: rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.05);
}

.egeg-receipt-uploader.is-complete {
	border-color: rgba(39, 174, 96, 0.32);
	background: rgba(39, 174, 96, 0.06);
}

.egeg-receipt-uploader.is-error {
	border-color: rgba(242, 139, 35, 0.42);
	background: rgba(242, 139, 35, 0.08);
}

.egeg-receipt-uploader.is-uploading .egeg-receipt-status,
.egeg-receipt-uploader.is-complete .egeg-receipt-status {
	font-weight: 800;
	color: var(--egeg-color-purple-700, var(--egeg-color-primary-strong, #5f2eea));
}

.egeg-receipt-uploader.is-error .egeg-receipt-status {
	font-weight: 800;
	color: var(--egeg-color-orange-700, #f28b23);
}

/* @egeg-block:001208 | component:08-order-lookup-minicart.css */
/* ============================================================
   0.4.0 — Direct pending order flow (no public checkout/cart)
   ============================================================ */
.egeg-customer-panel,
.egeg-order-confirmation,
.egeg-order-confirmation-wrap .egeg-payment-panel {
  border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.22);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 16px 42px rgba(60, 47, 88, 0.08);
  padding: clamp(18px, 2vw, 26px);
}

/* @egeg-block:001209 | component:08-order-lookup-minicart.css */
.egeg-customer-panel-head,
.egeg-order-confirmation-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* @egeg-block:001210 | component:08-order-lookup-minicart.css */
.egeg-customer-panel h4,
.egeg-order-confirmation h4 {
  margin: 0;
  color: var(--egeg-color-primary, #8732F5);
  font-size: clamp(20px, 1.5vw, 26px);
  font-weight: 800;
}

/* @egeg-block:001211 | component:08-order-lookup-minicart.css */
.egeg-customer-panel p,
.egeg-order-confirmation p {
  margin: 10px 0 0;
  color: rgba(45, 38, 61, 0.74);
  line-height: 1.45;
}

/* @egeg-block:001212 | component:08-order-lookup-minicart.css */
.egeg-order-confirmation-wrap {
  display: grid;
  gap: 18px;
}

/* @egeg-block:001213 | component:08-order-lookup-minicart.css */
.egeg-order-confirmation {
  text-align: center;
  border-color: rgba(36, 138, 61, 0.28);
  background: linear-gradient(180deg, #ffffff 0%, #f4fff7 100%);
}

/* @egeg-block:001214 | component:08-order-lookup-minicart.css */
.egeg-order-confirmation-icon {
  display: inline-grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin: 0 auto 12px;
  border-radius: 999px;
  background: #248a3d;
  color: #fff;
  font-size: 32px;
  font-weight: 900;
}

/* @egeg-block:001215 | component:08-order-lookup-minicart.css */
.egeg-order-confirmation-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 10px;
  margin: 22px 0;
  text-align: left;
}

/* @egeg-block:001216 | component:08-order-lookup-minicart.css */
.egeg-order-confirmation-meta div {
  border: 1px solid rgba(36, 138, 61, 0.16);
  border-radius: 14px;
  background: #fff;
  padding: 12px;
}

/* @egeg-block:001217 | component:08-order-lookup-minicart.css */
.egeg-order-confirmation-meta dt {
  margin: 0 0 5px;
  color: rgba(45, 38, 61, 0.62);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* @egeg-block:001218 | component:08-order-lookup-minicart.css */
.egeg-order-confirmation-meta dd {
  margin: 0;
  color: #252236;
  font-size: 16px;
  font-weight: 800;
}

/* @egeg-block:001219 | component:08-order-lookup-minicart.css */
.egeg-order-confirmation-actions {
  justify-content: center;
  flex-wrap: wrap;
}

/* @egeg-block:001220 | component:08-order-lookup-minicart.css */
.egeg-order-confirmation-wrap {
	align-items: center !important;
	display: grid !important;
	justify-items: center !important;
	min-height: clamp(420px, 62vh, 680px) !important;
	padding: clamp(18px, 3vw, 36px) !important;
}

/* @egeg-block:001221 | component:08-order-lookup-minicart.css */
.egeg-order-confirmation {
	max-width: 880px !important;
	width: min(100%, 880px) !important;
}

/* @egeg-block:001222 | component:08-order-lookup-minicart.css */
.egeg-order-confirmation h4 {
	font-size: clamp(24px, 2.4vw, 34px) !important;
}

/* @egeg-block:001223 | component:08-order-lookup-minicart.css */
.egeg-order-confirmation p {
	font-size: clamp(15px, 1.2vw, 17px) !important;
}

/* @egeg-block:001224 | component:08-order-lookup-minicart.css */
.egeg-order-confirmation-actions .egeg-button {
	min-width: min(100%, 210px) !important;
}

/* @egeg-block:001225 | component:08-order-lookup-minicart.css */
.egeg-generator .egeg-order-confirmation-wrap,
.egeg-generator .egeg-order-confirmation,
.egeg-generator .egeg-order-confirmation * {
	font-family: var(--egeg-font-family, inherit) !important;
}

/* @egeg-block:001226 | component:08-order-lookup-minicart.css */
.egeg-generator .egeg-order-confirmation {
	background: linear-gradient(180deg, #FFFFFF 0%, #F4FFF7 100%) !important;
	border: 1px solid rgba(36, 138, 61, .24) !important;
	border-radius: 18px !important;
	box-shadow: 0 16px 42px rgba(60, 47, 88, .08) !important;
	padding: clamp(22px, 3vw, 34px) !important;
}

/* @egeg-block:001227 | component:08-order-lookup-minicart.css */
.egeg-generator .egeg-order-confirmation h4 {
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	font-size: clamp(24px, 2.4vw, 34px) !important;
	font-weight: 800 !important;
	letter-spacing: -.025em !important;
	line-height: 1.08 !important;
	margin: 8px 0 0 !important;
}

/* @egeg-block:001228 | component:08-order-lookup-minicart.css */
.egeg-generator .egeg-order-confirmation p {
	color: rgba(45, 38, 61, .74) !important;
	font-size: clamp(15px, 1.2vw, 17px) !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	margin: 12px auto 0 !important;
	max-width: 720px !important;
}

/* @egeg-block:001229 | component:08-order-lookup-minicart.css */
.egeg-generator .egeg-order-confirmation-actions {
	align-items: center !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	justify-content: center !important;
}

/* @egeg-block:001230 | component:08-order-lookup-minicart.css */
.egeg-generator .egeg-order-confirmation-actions .egeg-button {
	flex: 1 1 210px !important;
	max-width: 260px !important;
	min-height: 44px !important;
}

/* @egeg-block:001231 | component:08-order-lookup-minicart.css */
.egeg-generator .egeg-order-confirmation.egeg-order-confirmation--flat {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: clamp(6px, 1.4vw, 14px) !important;
}

.egeg-generator .egeg-order-confirmation.egeg-order-confirmation--flat .egeg-order-confirmation-meta div {
	background: rgba(255, 255, 255, .72) !important;
	border-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), .18) !important;
}

/* @egeg-block:001232 | component:08-order-lookup-minicart.css */
/* Mini-cart order history injected by the plugin when browser has tracked orders. */
.egeg-mini-cart-orders {
  margin: 14px 18px;
  padding: 14px;
  border: 1px solid #e4d8ff;
  border-radius: 16px;
  background: var(--egeg-color-panel, #fbf8ff);
  font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif);
}

/* @egeg-block:001233 | component:08-order-lookup-minicart.css */
.egeg-mini-cart-orders strong {
  display: block;
  margin: 0 0 8px;
  color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5));
  font-size: 13px;
  font-weight: 800;
}

/* @egeg-block:001234 | component:08-order-lookup-minicart.css */
.egeg-mini-cart-order {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
  padding: 10px 12px;
  border: 1px solid #eadfff;
  border-radius: 12px;
  background: #fff;
  color: #24153f !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 700;
}

/* @egeg-block:001235 | component:08-order-lookup-minicart.css */
.egeg-mini-cart-order small {
  color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800));
  font-weight: 800;
  white-space: nowrap;
}

/* @egeg-block:001236 | component:08-order-lookup-minicart.css */
/* Mini-cart tracking: orders are not Woo cart items, but should look like
   first-class tracked items and activate the header cart visually. */
.egeg-menu-cart-has-orders {
  position: relative !important;
}

/* @egeg-block:001237 | component:08-order-lookup-minicart.css */
.egeg-mini-cart-orders {
  margin: 0 18px 14px !important;
  padding: 14px !important;
  border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245),.22) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #fff 0%, var(--egeg-color-panel, #fbf8ff) 100%) !important;
  box-shadow: 0 12px 28px rgba(36,22,70,.07) !important;
  font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif) !important;
}

/* @egeg-block:001238 | component:08-order-lookup-minicart.css */
.egeg-mini-cart-orders > strong {
  display: block !important;
  margin: 0 0 10px !important;
  color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* @egeg-block:001239 | component:08-order-lookup-minicart.css */
.egeg-mini-cart-order {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #eadfff !important;
  border-radius: 14px !important;
  color: #24153f !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  margin-top: 8px !important;
  padding: 12px !important;
  text-decoration: none !important;
}

/* @egeg-block:001240 | component:08-order-lookup-minicart.css */
.egeg-mini-cart-order span {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

/* @egeg-block:001241 | component:08-order-lookup-minicart.css */
.egeg-mini-cart-order b {
  color: #24153f !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* @egeg-block:001242 | component:08-order-lookup-minicart.css */
.egeg-mini-cart-order em {
  color: rgba(36,21,63,.62) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

/* @egeg-block:001243 | component:08-order-lookup-minicart.css */
.egeg-mini-cart-order small {
  color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

/* @egeg-block:001244 | component:08-order-lookup-minicart.css */
/* ============================================================
   0.5.3 — Public order tracking fallback
   The cookie/localStorage history is only a convenience; lookup works without it.
   ============================================================ */
.egeg-cart-order-lookup {
  align-items: end;
  border-top: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .14);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(160px, .8fr) minmax(220px, 1.2fr) auto;
  margin-top: 18px;
  padding-top: 18px;
}

/* @egeg-block:001245 | component:08-order-lookup-minicart.css */
.egeg-cart-order-lookup label {
  color: #4b4658;
  display: grid;
  font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif);
  font-size: 12px;
  font-weight: 900;
  gap: 6px;
  line-height: 1.15;
}

/* @egeg-block:001246 | component:08-order-lookup-minicart.css */
.egeg-cart-order-lookup input {
  background: #fff;
  border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .24);
  border-radius: 13px;
  color: #221934;
  font: inherit;
  min-height: 42px;
  padding: 0 13px;
  width: 100%;
}

/* @egeg-block:001247 | component:08-order-lookup-minicart.css */
.egeg-cart-order-lookup input:focus {
  border-color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5));
  box-shadow: 0 0 0 3px rgba(var(--egeg-primary-rgb, 135, 50, 245), .12);
  outline: 0;
}

/* @egeg-block:001248 | component:08-order-lookup-minicart.css */
.egeg-cart-order-lookup__submit,
.egeg-cart-order-hub .egeg-cart-order-lookup__submit.button {
  align-items: center;
  background: var(--egeg-color-yellow, #FCD25B) !important;
  border: 1.5px solid var(--egeg-color-yellow, #FCD25B) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 0 #c9821e !important;
  color: #2f2418 !important;
  display: inline-flex;
  font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif);
  font-size: 13px !important;
  font-weight: 900 !important;
  justify-content: center;
  line-height: 1 !important;
  min-height: 42px;
  padding: 0 20px !important;
  white-space: nowrap;
}

/* @egeg-block:001249 | component:08-order-lookup-minicart.css */
.egeg-mini-cart-orders > p {
  color: rgba(36,21,63,.66) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 0 0 10px !important;
}

/* @egeg-block:001250 | component:08-order-lookup-minicart.css */
.egeg-mini-cart-lookup {
  align-items: center !important;
  background: var(--egeg-color-accent-soft, #fff8e5) !important;
  border: 1px solid rgba(var(--egeg-accent-rgb, 249, 136, 0),.35) !important;
  border-radius: 999px !important;
  color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin-top: 10px !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  text-decoration: none !important;
  width: 100% !important;
}

/* @egeg-block:001251 | component:08-order-lookup-minicart.css */
/* ============================================================
   0.5.13 — Public order lookup shortcode
   Reusable status lookup window for Elementor/pages.
   ============================================================ */
.egeg-order-status-shortcode {
  background: linear-gradient(180deg, rgba(246, 242, 255, .95), #FFFFFF 82%);
  box-sizing: border-box;
  color: var(--egeg-color-ink, #24153F);
  font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif);
  padding: clamp(28px, 4.4vw, 58px) clamp(14px, 2.6vw, 28px);
  width: 100%;
}

/* @egeg-block:001252 | component:08-order-lookup-minicart.css */
.egeg-order-status-shortcode *,
.egeg-order-status-shortcode *::before,
.egeg-order-status-shortcode *::after { box-sizing: border-box; }

/* @egeg-block:001253 | component:08-order-lookup-minicart.css */
.egeg-order-status-shortcode__inner {
  background: #FFFFFF;
  border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18);
  border-radius: var(--egeg-radius-xl, 24px);
  box-shadow: 0 24px 58px rgba(36, 21, 63, .09), 8px 8px 32px rgba(var(--egeg-primary-rgb, 135, 50, 245), .08);
  margin-inline: auto;
  padding: clamp(24px, 3.8vw, 44px);
  width: min(960px, 100%);
}

/* @egeg-block:001254 | component:08-order-lookup-minicart.css */
.egeg-order-status-shortcode__inner h2 {
  color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5));
  font-size: clamp(30px, 3.2vw, 48px) !important;
  font-weight: 900 !important;
  letter-spacing: 0;
  line-height: 1.02 !important;
  margin: 0 !important;
}

/* @egeg-block:001255 | component:08-order-lookup-minicart.css */
.egeg-order-status-shortcode__inner p {
  color: rgba(36, 21, 63, .76);
  font-size: clamp(15px, 1.25vw, 18px);
  font-weight: 650;
  line-height: 1.48;
  margin: 12px 0 28px !important;
  max-width: 760px;
}

/* @egeg-block:001256 | component:08-order-lookup-minicart.css */
.egeg-order-status-shortcode__form {
  display: grid;
  gap: 16px;
  max-width: 760px;
}

/* @egeg-block:001257 | component:08-order-lookup-minicart.css */
.egeg-order-status-shortcode__form label {
  color: var(--egeg-color-ink, #24153F);
  display: grid;
  font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  gap: 8px;
  line-height: 1.25;
  margin: 0 !important;
}

/* @egeg-block:001258 | component:08-order-lookup-minicart.css */
.egeg-order-status-shortcode__form input {
  appearance: none !important;
  background: #FFFFFF !important;
  border: 1.5px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .24) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8) !important;
  color: var(--egeg-color-ink, #24153F) !important;
  font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  min-height: 54px !important;
  padding: 0 18px !important;
  width: 100% !important;
}

/* @egeg-block:001259 | component:08-order-lookup-minicart.css */
.egeg-order-status-shortcode__form input:focus {
  border-color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
  box-shadow: 0 0 0 4px rgba(var(--egeg-primary-rgb, 135, 50, 245), .14), 0 10px 24px rgba(36, 21, 63, .06) !important;
  outline: 0 !important;
}

/* @egeg-block:001260 | component:08-order-lookup-minicart.css */
.egeg-order-status-shortcode__form input::placeholder {
  color: rgba(36, 21, 63, .44) !important;
  font-weight: 750 !important;
}

/* @egeg-block:001261 | component:08-order-lookup-minicart.css */
.egeg-order-status-shortcode__button {
  align-items: center;
  appearance: none !important;
  background: var(--egeg-color-yellow, #FCD25B) !important;
  border: 1.5px solid var(--egeg-color-yellow, #FCD25B) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 0 #C9821E, 0 14px 28px rgba(var(--egeg-accent-rgb, 249, 136, 0), .16) !important;
  color: #2E2417 !important;
  cursor: pointer;
  display: inline-flex !important;
  font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  justify-content: center;
  line-height: 1 !important;
  min-height: 54px !important;
  padding: 0 26px !important;
  text-decoration: none !important;
  transition: background .16s ease, transform .16s ease, box-shadow .16s ease;
  width: 100% !important;
}

/* @egeg-block:001262 | component:08-order-lookup-minicart.css */
.egeg-order-status-shortcode__button:hover,
.egeg-order-status-shortcode__button:focus-visible {
  background: #FFD65A !important;
  border-color: #FFD65A !important;
  box-shadow: 0 6px 0 #C9821E, 0 16px 32px rgba(var(--egeg-accent-rgb, 249, 136, 0), .18) !important;
  color: #2E2417 !important;
  outline: 0 !important;
  transform: translateY(-1px);
}

/* @egeg-block:001263 | component:08-order-lookup-minicart.css */
.egeg-order-status-shortcode--compact .egeg-order-status-shortcode__inner { max-width: 640px; padding: 22px; }

/* @egeg-block:001264 | component:08-order-lookup-minicart.css */
.egeg-order-status-shortcode--compact .egeg-order-status-shortcode__inner h2 { font-size: clamp(24px, 2.4vw, 32px); }

/* @egeg-block:001265 | component:08-order-lookup-minicart.css */
.egeg-order-status-shortcode--compact .egeg-order-status-shortcode__inner p { font-size: 14px; margin-bottom: 18px; }

/* @egeg-block:001266 | component:08-order-lookup-minicart.css */
.elementor-menu-cart__main .egeg-mini-cart-orders,
.egeg-mini-cart-orders {
	box-sizing: border-box !important;
	margin: 0 0 18px !important;
	max-width: none !important;
	width: 100% !important;
}

.egeg-mini-cart-lookup-form label,
.egeg-mini-cart-lookup-row {
	width: 100% !important;
}

.egeg-mini-cart-lookup-row {
	display: grid !important;
	gap: 12px !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
}

.egeg-mini-cart-lookup-row input {
	min-width: 0 !important;
	width: 100% !important;
}

.egeg-mini-cart-lookup-row button {
	white-space: nowrap !important;
}

.egeg-mini-cart-recent-orders {
	display: grid !important;
	gap: 8px !important;
	margin: 10px 0 12px !important;
}

.egeg-mini-cart-order-chip {
	align-items: center !important;
	background: rgba(var(--egeg-primary-rgb, 135, 50, 245), .06) !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .16) !important;
	border-radius: 16px !important;
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	display: grid !important;
	gap: 3px !important;
	padding: 10px 12px !important;
	text-decoration: none !important;
}

.egeg-mini-cart-order-chip span {
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
}

.egeg-mini-cart-order-chip strong {
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	font-size: 15px !important;
	font-weight: 760 !important;
}

/* @egeg-block:001267 | component:08-order-lookup-minicart.css */
.elementor-menu-cart__main .egeg-mini-cart-orders {
	border-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), .18) !important;
	border-radius: 22px !important;
	box-shadow: 0 18px 38px rgba(36, 22, 70, .08) !important;
	margin: 0 18px 16px !important;
	padding: 16px !important;
}

.elementor-menu-cart__main .egeg-mini-cart-recent-orders {
	margin: 0 0 12px !important;
	width: 100% !important;
}

.elementor-menu-cart__main .egeg-mini-cart-order-chip {
	align-items: start !important;
	gap: 3px !important;
	line-height: 1.2 !important;
	min-width: 0 !important;
	width: 100% !important;
}

.elementor-menu-cart__main .egeg-mini-cart-order-chip span,
.elementor-menu-cart__main .egeg-mini-cart-order-chip strong {
	display: block !important;
	white-space: normal !important;
}

.elementor-menu-cart__main .egeg-mini-cart-lookup-form {
	display: grid !important;
	gap: 11px !important;
	width: 100% !important;
}

.elementor-menu-cart__main .egeg-mini-cart-lookup-form label {
	color: rgba(36, 21, 63, .72) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	gap: 8px !important;
}

.elementor-menu-cart__main .egeg-mini-cart-lookup-form input {
	border: 1.5px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .22) !important;
	border-radius: 16px !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	min-height: 46px !important;
	padding: 0 14px !important;
}

.elementor-menu-cart__main .egeg-mini-cart-lookup-row button {
	box-shadow: 0 4px 0 #c9821e !important;
	font-weight: 900 !important;
	min-height: 46px !important;
	padding: 0 18px !important;
}

/* @egeg-block:001268 | component:08-order-lookup-minicart.css */
.elementor-menu-cart__main .egeg-mini-cart-orders,
.egeg-mini-cart-orders {
	background: var(--egeg-component-bg, #FFFFFF) !important;
	border-color: var(--egeg-component-border, rgba(var(--egeg-primary-rgb, 135, 50, 245), .18)) !important;
	color: var(--egeg-color-ink, #24153F) !important;
}

.elementor-menu-cart__main .egeg-mini-cart-orders > strong,
.egeg-mini-cart-orders > strong {
	color: var(--egeg-color-ink, #24153F) !important;
	font-size: 16px !important;
	font-weight: 900 !important;
}

.elementor-menu-cart__main .egeg-mini-cart-order-chip,
.egeg-mini-cart-order-chip {
	background: var(--egeg-state-pending-bg, var(--egeg-color-accent-soft, #FFF8E5)) !important;
	border-color: var(--egeg-state-pending-border, rgba(var(--egeg-accent-rgb, 249, 136, 0), .32)) !important;
	color: var(--egeg-color-ink, #24153F) !important;
}

.elementor-menu-cart__main .egeg-mini-cart-order-chip span,
.egeg-mini-cart-order-chip span {
	color: var(--egeg-state-danger-text, #991B1B) !important;
	font-size: 12px !important;
	font-weight: 850 !important;
}

.elementor-menu-cart__main .egeg-mini-cart-order-chip strong,
.egeg-mini-cart-order-chip strong {
	color: var(--egeg-color-ink, #24153F) !important;
	font-size: 15px !important;
	font-weight: 900 !important;
}

.elementor-menu-cart__main .egeg-mini-cart-lookup-form label,
.egeg-mini-cart-lookup-form label {
	color: var(--egeg-color-body, rgba(36, 21, 63, .74)) !important;
}

.elementor-menu-cart__main .egeg-mini-cart-lookup-form input,
.egeg-mini-cart-lookup-form input {
	border-color: var(--egeg-control-border, rgba(var(--egeg-primary-rgb, 135, 50, 245), .24)) !important;
	color: var(--egeg-color-ink, #24153F) !important;
}

/* @egeg-block:001269 | component:08-order-lookup-minicart.css */
.elementor-menu-cart__main .egeg-mini-cart-order-chip small,
.egeg-mini-cart-order-chip small {
	color: rgba(36, 21, 63, .66) !important;
	display: block !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	white-space: normal !important;
}

/* @egeg-block:order-hub-state | component:08-order-lookup-minicart.css | version:0.5.159
   ORDER_HUB_CONTRACT: badge and drawer UI belong to the read-only Order Hub, not WooCommerce cart item counts. */
.egeg-cart-order-badge {
  align-items: center !important;
  background: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
  border: 2px solid #fff !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  height: 20px !important;
  justify-content: center !important;
  min-width: 20px !important;
  padding: 0 5px !important;
  position: absolute !important;
  right: -8px !important;
  top: -8px !important;
  z-index: 3 !important;
}

.egeg-mini-cart-lookup-message {
  border-radius: 12px !important;
  display: none !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  padding: 9px 10px !important;
}

.egeg-mini-cart-lookup-message.is-visible { display: block !important; }
.egeg-mini-cart-lookup-message.is-error {
  background: #FFF1F2 !important;
  border: 1px solid #FECACA !important;
  color: #991B1B !important;
}
.egeg-mini-cart-lookup-message.is-info {
  background: var(--egeg-color-panel, #FBF8FF) !important;
  border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18) !important;
  color: #4B386B !important;
}
.egeg-mini-cart-lookup-link {
  color: #4E17B7 !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* @egeg-block:001270 | component:08-order-lookup-minicart.css */
.elementor-menu-cart__main .egeg-mini-cart-lookup-button,
.egeg-mini-cart-lookup-row .egeg-mini-cart-lookup-button {
  align-items: center !important;
  appearance: none !important;
  background: var(--egeg-button-primary-bg, var(--egeg-color-yellow, #FCD25B)) !important;
  border: 1.5px solid var(--egeg-button-primary-border, var(--egeg-color-yellow, #FCD25B)) !important;
  border-radius: var(--egeg-button-radius, 999px) !important;
  box-shadow: var(--egeg-button-primary-shadow, 0 4px 0 #C9821E) !important;
  color: var(--egeg-button-primary-text, #2E2417) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  line-height: var(--egeg-button-line-height, 1) !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease, transform .16s ease !important;
  white-space: nowrap !important;
}

.elementor-menu-cart__main .egeg-mini-cart-lookup-button:hover,
.elementor-menu-cart__main .egeg-mini-cart-lookup-button:focus-visible,
.egeg-mini-cart-lookup-row .egeg-mini-cart-lookup-button:hover,
.egeg-mini-cart-lookup-row .egeg-mini-cart-lookup-button:focus-visible {
  background: var(--egeg-button-primary-hover-bg, #FFD65A) !important;
  border-color: var(--egeg-button-primary-hover-bg, #FFD65A) !important;
  border-radius: var(--egeg-button-radius, 999px) !important;
  box-shadow: var(--egeg-button-primary-hover-shadow, 0 6px 0 #C9821E) !important;
  color: var(--egeg-button-primary-text, #2E2417) !important;
  outline: 0 !important;
  transform: translateY(-1px) !important;
}

.elementor-menu-cart__main .egeg-mini-cart-lookup-button:active,
.egeg-mini-cart-lookup-row .egeg-mini-cart-lookup-button:active {
  border-radius: var(--egeg-button-radius, 999px) !important;
  box-shadow: var(--egeg-button-primary-active-shadow, 0 2px 0 #C9821E) !important;
  transform: translateY(1px) !important;
}

/* @egeg-block:001271 | component:09-modals.css */
/* 0.5.0 — Phosphor scoped usage.
   Do not globally reset .ph: some Elementor/header loaders may also use that class.
   We only normalize Phosphor glyphs inside generator-owned surfaces. */
.egeg-generator .ph,
.egeg-generator .ph::before,
.egeg-preview-modal .ph,
.egeg-preview-modal .ph::before,
.egeg-status-page .ph,
.egeg-status-page .ph::before,
.egeg-catalog .ph,
.egeg-catalog .ph::before {
	font-family: "Phosphor" !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1 !important;
}

/* @egeg-block:001272 | component:09-modals.css */
.egeg-generator .ph-fill,
.egeg-generator .ph-fill::before,
.egeg-preview-modal .ph-fill,
.egeg-preview-modal .ph-fill::before,
.egeg-status-page .ph-fill,
.egeg-status-page .ph-fill::before,
.egeg-catalog .ph-fill,
.egeg-catalog .ph-fill::before {
	font-family: "Phosphor-Fill" !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1 !important;
}

/* @egeg-block:001273 | component:09-modals.css */
.egeg-generator .egeg-icon-font,
.egeg-preview-modal .egeg-icon-font,
.egeg-status-page .egeg-icon-font,
.egeg-catalog .egeg-icon-font {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1em;
	height: 1em;
	font-size: 1em;
	line-height: 1;
	color: currentColor;
}

/* @egeg-block:001274 | component:09-modals.css */
.egeg-generator .egeg-icon-font .ph,
.egeg-preview-modal .egeg-icon-font .ph,
.egeg-status-page .egeg-icon-font .ph,
.egeg-catalog .egeg-icon-font .ph {
	display: inline-block;
	width: 1em;
	height: 1em;
	font-size: 1em;
	line-height: 1;
}

/* @egeg-block:001275 | component:09-modals.css */
.egeg-generator .ph,
.egeg-generator .ph-fill,
.egeg-preview-modal .ph,
.egeg-preview-modal .ph-fill,
.egeg-status-page .ph,
.egeg-status-page .ph-fill,
.egeg-catalog .ph,
.egeg-catalog .ph-fill {
	display: inline-block;
	font-size: 1em;
	line-height: 1;
}

/* @egeg-block:001276 | component:09-modals.css */
.egeg-preview-modal {
	--egeg-overlay-z-modal: 2147483000;
	align-items: center;
	background: rgba(31, 22, 46, 0.68);
	display: flex;
	inset: 0;
	justify-content: center;
	padding: 24px;
	position: fixed;
	z-index: var(--egeg-z-modal, var(--egeg-overlay-z-modal)) !important;
}

/* @egeg-block:001277 | component:09-modals.css */
.egeg-preview-modal-dialog {
	background: var(--egeg-color-panel, #F6F2FF);
	border: 2px solid var(--egeg-purple-400);
	border-radius: 18px;
	box-shadow: 0 24px 70px rgba(31, 22, 46, 0.28);
	display: grid;
	gap: 14px;
	overflow: hidden;
	padding: var(--egeg-card-padding);
	width: 100%;
	/* max-height/max-width handled by variable-based override block below */
}

/* @egeg-block:001278 | component:09-modals.css */
.egeg-preview-modal-head {
	align-items: center;
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

/* @egeg-block:001279 | component:09-modals.css */
.egeg-preview-modal-head strong {
	color: var(--egeg-purple-400);
	font-size: 18px;
	font-weight: 800;
}

/* @egeg-block:001280 | component:09-modals.css */
.egeg-preview-modal-close {
	align-items: center;
	appearance: none;
	background: #FFFFFF;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.18);
	border-radius: 999px;
	color: var(--egeg-purple-400);
	cursor: pointer;
	display: inline-flex;
	font-size: 20px;
	height: 38px;
	justify-content: center;
	width: 38px;
}

/* @egeg-block:001281 | component:09-modals.css */
.egeg-preview-modal-body {
	background: #FFFFFF;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), 0.18);
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: auto;
	padding: 18px;
	/* max-height handled by variable-based block below */
}

/* @egeg-block:001282 | component:09-modals.css */
.egeg-preview-modal-body .egeg-final-pdf-preview {
	border: 0;
	max-width: 100%;
	padding: 0;
}

/* @egeg-block:001283 | component:09-modals.css */
.egeg-preview-modal-body .egeg-pdf-thumb-svg {
	display: block;
	height: auto;
	max-height: calc(88vh - 200px);
	max-width: min(70vw, 460px);
	width: auto;
}

/* @egeg-block:001284 | component:09-modals.css */
/* Vertical artwork (tall banners): constrain by height, let width follow viewBox */
.egeg-preview-modal-body .egeg-pdf-thumb-svg[data-egeg-pdf-svg-shape="rect_vertical"],
.egeg-preview-modal-body .egeg-pdf-thumb-svg--shape-svg {
	max-width: min(50vw, 340px);
}

/* @egeg-block:001285 | component:09-modals.css */
/* 0.1.25: discrete continue/reset prompt for in-progress generator orders. */
.egeg-draft-modal-dialog {
	max-width: min(92vw, 520px);
}

/* @egeg-block:001286 | component:09-modals.css */
.egeg-draft-modal-body {
	align-items: start;
	gap: 16px;
	justify-items: stretch;
}

/* @egeg-block:001287 | component:09-modals.css */
.egeg-draft-modal-body p {
	color: rgba(31, 22, 46, .76);
	font-size: 15px;
	line-height: 1.45;
	margin: 0;
}

/* @egeg-block:001288 | component:09-modals.css */
.egeg-draft-modal-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-start;
}

/* @egeg-block:001289 | component:09-modals.css */
.egeg-draft-modal-actions .egeg-button {
	min-height: 42px;
}

/* @egeg-block:001290 | component:09-modals.css */
.egeg-generator .egeg-button,
.egeg-generator .egeg-mini-button,
.egeg-generator .egeg-preview-modal-close,
.egeg-generator .egeg-preview-expand {
	appearance: none !important;
	font-family: inherit !important;
	font-weight: 800 !important;
	outline: none !important;
	text-decoration: none !important;
	transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

/* @egeg-block:001291 | component:09-modals.css */
.egeg-generator .egeg-button--primary,
.egeg-generator .egeg-draft-modal-actions .egeg-button--primary {
	background: #F8CA45 !important;
	border: 0 !important;
	box-shadow: 0 4px 0 #C9821E !important;
	color: #2E2417 !important;
}

/* @egeg-block:001292 | component:09-modals.css */
.egeg-generator .egeg-preview-modal-close:hover:not(:disabled),
.egeg-generator .egeg-preview-modal-close:focus-visible:not(:disabled),
.egeg-generator .egeg-preview-expand:hover:not(:disabled),
.egeg-generator .egeg-preview-expand:focus-visible:not(:disabled) {
	background: #FFF6D9 !important;
	border-color: #F28A1A !important;
	box-shadow: 0 4px 0 #F28A1A !important;
	color: #F28A1A !important;
	transform: translateY(-2px) !important;
}

/* @egeg-block:001293 | component:09-modals.css */
.egeg-generator .egeg-preview-modal-close:active:not(:disabled),
.egeg-generator .egeg-preview-expand:active:not(:disabled) {
	box-shadow: 0 2px 0 #F28A1A !important;
	transform: translateY(2px) !important;
}

/* @egeg-block:001294 | component:09-modals.css */
.egeg-generator .egeg-button,
.egeg-generator .egeg-mini-button,
.egeg-generator .egeg-preview-modal-close,
.egeg-generator .egeg-preview-expand {
	font-size: var(--egeg-text-button) !important;
}

/* @egeg-block:001295 | component:09-modals.css */
.egeg-generator .egeg-button--primary,
.egeg-generator .egeg-draft-modal-actions .egeg-button--primary {
	background: var(--egeg-color-yellow) !important;
	box-shadow: var(--egeg-shadow-solid-yellow) !important;
	color: var(--egeg-color-ink) !important;
}

/* @egeg-block:001296 | component:09-modals.css */
.egeg-generator .egeg-button--outline,
.egeg-generator .egeg-button--ghost,
.egeg-generator .egeg-mini-button,
.egeg-generator .egeg-preview-modal-close,
.egeg-generator .egeg-preview-expand {
	background: var(--egeg-color-surface) !important;
	border: 1.5px solid var(--egeg-color-orange) !important;
	box-shadow: none !important;
	color: var(--egeg-color-orange) !important;
}

/* @egeg-block:001297 | component:09-modals.css */
.egeg-generator .egeg-button--outline:hover:not(:disabled),
.egeg-generator .egeg-button--outline:focus-visible:not(:disabled),
.egeg-generator .egeg-button--ghost:hover:not(:disabled),
.egeg-generator .egeg-button--ghost:focus-visible:not(:disabled),
.egeg-generator .egeg-mini-button:hover:not(:disabled),
.egeg-generator .egeg-mini-button:focus-visible:not(:disabled),
.egeg-generator .egeg-preview-modal-close:hover:not(:disabled),
.egeg-generator .egeg-preview-modal-close:focus-visible:not(:disabled),
.egeg-generator .egeg-preview-expand:hover:not(:disabled),
.egeg-generator .egeg-preview-expand:focus-visible:not(:disabled) {
	background: var(--egeg-color-orange-soft) !important;
	border-color: var(--egeg-color-orange) !important;
	box-shadow: var(--egeg-shadow-solid-orange) !important;
	color: var(--egeg-color-orange) !important;
}

/* @egeg-block:001298 | component:09-modals.css */
/* ==========================================================
 * 0.1.35 — Preview scale normalization for all product types
 * ----------------------------------------------------------
 * Ajuste único para que el modal técnico de editor/ojales/resumen
 * escale por viewport y no por máximos heredados de miniatura.
 * ========================================================== */
.egeg-preview-modal {
	align-items: stretch !important;
	padding: var(--egeg-preview-modal-padding) !important;
}

/* @egeg-block:001299 | component:09-modals.css */
.egeg-preview-modal-dialog {
	grid-template-rows: auto minmax(0, 1fr) !important;
	height: min(var(--egeg-preview-modal-max-height), 100%) !important;
	max-height: var(--egeg-preview-modal-max-height) !important;
	max-width: var(--egeg-preview-modal-max-width) !important;
	width: min(var(--egeg-preview-modal-max-width), 1180px) !important;
}

/* @egeg-block:001300 | component:09-modals.css */
.egeg-preview-modal-body {
	align-items: center !important;
	justify-items: center !important;
	max-height: none !important;
	min-height: 0 !important;
	overflow: auto !important;
	padding: var(--egeg-preview-modal-body-padding) !important;
}

/* @egeg-block:001301 | component:09-modals.css */
.egeg-preview-modal-body .egeg-final-pdf-preview {
	align-content: center !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	gap: 8px !important;
	height: 100% !important;
	justify-items: center !important;
	max-height: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	width: 100% !important;
}

/* @egeg-block:001302 | component:09-modals.css */
.egeg-preview-modal-body .egeg-pdf-thumb-svg {
	height: auto !important;
	max-height: var(--egeg-preview-svg-max-height) !important;
	max-width: var(--egeg-preview-svg-max-width) !important;
	width: auto !important;
}

/* @egeg-block:001303 | component:09-modals.css */
.egeg-preview-modal-body .egeg-final-pdf-preview[data-egeg-pdf-svg-shape="shape-svg-parametric"] .egeg-pdf-thumb-svg,
.egeg-preview-modal-body .egeg-pdf-thumb-svg--shape-svg {
	max-height: var(--egeg-preview-svg-max-height-shape-svg) !important;
	max-width: var(--egeg-preview-svg-max-width-shape-svg) !important;
}

/* @egeg-block:001304 | component:09-modals.css */
.egeg-preview-modal-body .egeg-final-pdf-preview[data-egeg-pdf-shape="rect_horizontal"] .egeg-pdf-thumb-svg,
.egeg-preview-modal-body .egeg-final-pdf-preview[data-egeg-pdf-shape="rect_vertical"] .egeg-pdf-thumb-svg,
.egeg-preview-modal-body .egeg-final-pdf-preview[data-egeg-pdf-shape="square"] .egeg-pdf-thumb-svg {
	max-height: var(--egeg-preview-svg-max-height) !important;
	max-width: var(--egeg-preview-svg-max-width) !important;
}

/* @egeg-block:001305 | component:09-modals.css */
.egeg-preview-modal-body .egeg-final-pdf-preview p,
.egeg-preview-modal-body .egeg-guide-legend {
	max-width: min(100%, 760px) !important;
}

/* @egeg-block:001306 | component:09-modals.css */
/* ==========================================================
 * 0.1.36 — UI audit, modal reset, card scale and guide parity
 * ----------------------------------------------------------
 * Ajustes de cierre sin tocar flujo ni lógica transaccional.
 * ========================================================== */
.egeg-draft-modal {
	align-items: center !important;
	padding: 18px !important;
}

/* @egeg-block:001307 | component:09-modals.css */
.egeg-draft-modal .egeg-preview-modal-dialog,
.egeg-draft-modal-dialog {
	align-self: center !important;
	border-width: 1.5px !important;
	gap: 10px !important;
	height: auto !important;
	max-height: min(86vh, 460px) !important;
	max-width: var(--egeg-draft-modal-width) !important;
	padding: var(--egeg-draft-modal-padding) !important;
	width: min(var(--egeg-draft-modal-width), calc(100vw - 36px)) !important;
}

/* @egeg-block:001308 | component:09-modals.css */
.egeg-draft-modal .egeg-preview-modal-body,
.egeg-draft-modal-body {
	align-content: center !important;
	align-items: center !important;
	background: var(--egeg-white) !important;
	display: grid !important;
	gap: 22px !important;
	justify-items: center !important;
	max-height: none !important;
	min-height: var(--egeg-draft-modal-body-min-height) !important;
	overflow: visible !important;
	padding: var(--egeg-draft-modal-body-padding) !important;
	text-align: center !important;
}

/* @egeg-block:001309 | component:09-modals.css */
.egeg-draft-modal-body p {
	font-size: 14px !important;
	line-height: 1.35 !important;
	max-width: 430px !important;
}

/* @egeg-block:001310 | component:09-modals.css */
.egeg-draft-modal-actions {
	align-items: center !important;
	justify-content: center !important;
}

/* @egeg-block:001311 | component:09-modals.css */
.egeg-draft-modal-actions .egeg-button {
	flex: 0 0 auto !important;
	min-height: 42px !important;
	min-width: 166px !important;
	padding-inline: 18px !important;
}

/* @egeg-block:001312 | component:09-modals.css */
.egeg-info-modal-dialog {
	max-width: min(520px, calc(100vw - 32px));
}

/* @egeg-block:001313 | component:09-modals.css */
.egeg-info-modal-dialog {
	max-width: min(500px, calc(100vw - 32px)) !important;
}

/* @egeg-block:001314 | component:09-modals.css */
.egeg-generator .egeg-preview-modal {
	align-items: center !important;
	justify-content: center !important;
	padding: clamp(12px, 2vw, 24px) !important;
	z-index: var(--egeg-z-modal, 2147483000) !important;
}

/* @egeg-block:001315 | component:09-modals.css */
.egeg-generator .egeg-preview-modal-dialog {
	width: min(520px, calc(100vw - 28px)) !important;
	max-width: min(520px, calc(100vw - 28px)) !important;
	max-height: min(86vh, 720px) !important;
	padding: 14px !important;
	gap: 12px !important;
	border-radius: 18px !important;
}

/* @egeg-block:001316 | component:09-modals.css */
.egeg-generator .egeg-preview-modal-head {
	min-height: 40px !important;
	gap: 10px !important;
}

/* @egeg-block:001317 | component:09-modals.css */
.egeg-generator .egeg-preview-modal-head strong {
	font-size: 17px !important;
	line-height: 1.18 !important;
}

/* @egeg-block:001318 | component:09-modals.css */
.egeg-generator .egeg-preview-modal-close {
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
}

/* @egeg-block:001319 | component:09-modals.css */
.egeg-generator .egeg-preview-modal-body,
.egeg-generator .egeg-info-modal-body,
.egeg-generator .egeg-quote-modal-body {
	align-items: stretch !important;
	justify-items: stretch !important;
	display: grid !important;
	gap: 8px !important;
	max-height: min(58vh, 430px) !important;
	overflow: auto !important;
	padding: 14px 16px !important;
	text-align: left !important;
}

/* @egeg-block:001320 | component:09-modals.css */
.egeg-info-modal-section p,
.egeg-generator .egeg-info-modal-body p,
.egeg-generator .egeg-quote-modal-body p {
	color: rgba(33, 24, 59, .78) !important;
	font-size: 14px !important;
	line-height: 1.38 !important;
	margin: 0 !important;
}

/* @egeg-block:001321 | component:09-modals.css */
.egeg-generator .egeg-info-modal-actions,
.egeg-generator .egeg-quote-modal-actions {
	align-items: center !important;
	display: flex !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	padding: 0 !important;
}

/* @egeg-block:001322 | component:09-modals.css */
.egeg-quote-modal-note {
	background: var(--egeg-color-accent-soft, #fff8e5) !important;
	border: 1px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), .22) !important;
	border-radius: 12px !important;
	padding: 10px 12px !important;
}

/* @egeg-block:001323 | component:09-modals.css */
.egeg-generator .egeg-info-modal-dialog,
.egeg-generator .egeg-quote-modal-dialog {
	width: min(480px, calc(100vw - 28px)) !important;
	max-width: min(480px, calc(100vw - 28px)) !important;
	max-height: min(84vh, 640px) !important;
	padding: 12px !important;
}

/* @egeg-block:001324 | component:09-modals.css */
.egeg-generator .egeg-info-modal-body,
.egeg-generator .egeg-quote-modal-body {
	max-height: none !important;
	min-height: 0 !important;
	overflow: visible !important;
	padding: 14px 16px !important;
	gap: 10px !important;
}

/* @egeg-block:001325 | component:09-modals.css */
.egeg-generator .egeg-preview-modal-body .egeg-final-pdf-preview {
	max-height: min(66vh, 560px) !important;
	overflow: hidden !important;
}

/* @egeg-block:001326 | component:09-modals.css */
.egeg-generator .egeg-preview-modal-body .egeg-pdf-thumb-svg {
	max-height: min(58vh, 500px) !important;
	max-width: min(66vw, 460px) !important;
}

/* @egeg-block:001327 | component:09-modals.css */
.egeg-generator .egeg-preview-modal-body {
	overflow: hidden !important;
}

/* @egeg-block:001328 | component:09-modals.css */
.egeg-info-modal-dialog {
	max-width: min(92vw, 580px) !important;
	max-height: min(86vh, 620px) !important;
	gap: 10px !important;
	padding: 16px !important;
}

/* @egeg-block:001329 | component:09-modals.css */
.egeg-preview-modal-dialog:not(.egeg-info-modal-dialog):not(.egeg-quote-modal-dialog) {
	max-width: min(92vw, 620px) !important;
	max-height: min(86vh, 640px) !important;
	padding: 16px !important;
}

/* @egeg-block:001330 | component:09-modals.css */
.egeg-preview-modal-body:not(.egeg-info-modal-body):not(.egeg-quote-modal-body) {
	min-height: 0 !important;
	max-height: min(68vh, 500px) !important;
	overflow: hidden !important;
	padding: 14px !important;
}

/* @egeg-block:001331 | component:09-modals.css */
.egeg-preview-modal-body .egeg-final-pdf-preview {
	align-content: center !important;
	min-height: 0 !important;
	max-height: min(62vh, 450px) !important;
	padding: 0 !important;
}

/* @egeg-block:001332 | component:09-modals.css */
.egeg-preview-modal-body .egeg-pdf-thumb-svg {
	display: block !important;
	max-height: min(58vh, 430px) !important;
	max-width: min(74vw, 500px) !important;
	width: auto !important;
	height: auto !important;
}

/* @egeg-block:001333 | component:09-modals.css */
.egeg-quote-modal-dialog {
	align-self: center !important;
	gap: 10px !important;
	height: auto !important;
	max-height: min(88vh, 560px) !important;
	max-width: min(92vw, 520px) !important;
	padding: 14px !important;
}

/* @egeg-block:001334 | component:09-modals.css */
.egeg-quote-modal-body {
	align-content: start !important;
	align-items: stretch !important;
	gap: 12px !important;
	max-height: none !important;
	min-height: 0 !important;
	overflow: visible !important;
	padding: 14px !important;
}

/* @egeg-block:001335 | component:09-modals.css */
.egeg-quote-modal-body p,
.egeg-quote-modal-note {
	font-size: 14px !important;
	line-height: 1.42 !important;
	margin: 0 !important;
}

/* @egeg-block:001336 | component:09-modals.css */
.egeg-quote-modal-actions {
	gap: 10px !important;
	grid-template-columns: 1fr 1fr !important;
	padding-top: 0 !important;
}

/* @egeg-block:001337 | component:09-modals.css */
.egeg-info-modal-dialog {
	height: auto !important;
	max-height: min(86vh, 520px) !important;
	max-width: min(92vw, 540px) !important;
	padding: 14px !important;
}

/* @egeg-block:001338 | component:09-modals.css */
.egeg-pdf-preview-modal {
	align-items: center !important;
	padding: 18px !important;
}

/* @egeg-block:001339 | component:09-modals.css */
.egeg-pdf-preview-modal-dialog {
	height: auto !important;
	max-height: 92vh !important;
	max-width: min(94vw, 760px) !important;
	padding: 14px !important;
	width: auto !important;
}

/* @egeg-block:001340 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-preview-modal-body {
	align-items: center !important;
	background: #FFFFFF !important;
	display: flex !important;
	justify-content: center !important;
	max-height: calc(92vh - 98px) !important;
	min-height: 0 !important;
	overflow: hidden !important;
	padding: 12px !important;
}

/* @egeg-block:001341 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	max-height: calc(92vh - 122px) !important;
	max-width: calc(94vw - 64px) !important;
	width: auto !important;
}

/* @egeg-block:001342 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview p,
.egeg-pdf-preview-modal .egeg-guide-legend {
	display: none !important;
}

/* @egeg-block:001343 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-pdf-thumb-svg {
	display: block !important;
	height: auto !important;
	max-height: calc(92vh - 134px) !important;
	max-width: calc(94vw - 76px) !important;
	width: auto !important;
}

/* @egeg-block:001344 | component:09-modals.css */
.egeg-bank-modal-dialog {
	height: auto !important;
	max-height: min(88vh, 640px) !important;
	max-width: min(92vw, 640px) !important;
}

/* @egeg-block:001345 | component:09-modals.css */
.egeg-bank-modal-body {
	align-items: stretch !important;
	gap: 10px !important;
	justify-items: stretch !important;
	max-height: min(68vh, 480px) !important;
	overflow: auto !important;
}

/* @egeg-block:001346 | component:09-modals.css */
.egeg-quote-modal-dialog {
	height: auto !important;
	min-height: 0 !important;
	max-height: min(86vh, 500px) !important;
	max-width: min(92vw, 500px) !important;
	gap: 8px !important;
	padding: 14px !important;
}

/* @egeg-block:001347 | component:09-modals.css */
.egeg-quote-modal-body {
	min-height: 0 !important;
	max-height: none !important;
	overflow: visible !important;
	gap: 10px !important;
	padding: 12px !important;
}

/* @egeg-block:001348 | component:09-modals.css */
.egeg-quote-modal-body .egeg-field {
	margin: 0 !important;
}

/* @egeg-block:001349 | component:09-modals.css */
.egeg-quote-modal-actions {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 10px !important;
	padding: 0 !important;
}

/* @egeg-block:001350 | component:09-modals.css */
.egeg-info-modal-dialog {
	height: auto !important;
	min-height: 0 !important;
	max-height: min(84vh, 500px) !important;
	max-width: min(92vw, 540px) !important;
	gap: 8px !important;
	padding: 14px !important;
}

/* @egeg-block:001351 | component:09-modals.css */
.egeg-pdf-preview-modal {
	align-items: center !important;
	justify-content: center !important;
	padding: 16px !important;
}

/* @egeg-block:001352 | component:09-modals.css */
.egeg-pdf-preview-modal-dialog {
	height: auto !important;
	max-height: 90vh !important;
	max-width: min(90vw, 720px) !important;
	width: fit-content !important;
	padding: 14px !important;
}

/* @egeg-block:001353 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-preview-modal-body {
	display: grid !important;
	place-items: center !important;
	background: #fff !important;
	border-radius: 14px !important;
	min-height: 0 !important;
	max-height: 75vh !important;
	overflow: hidden !important;
	padding: 10px !important;
}

/* @egeg-block:001354 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal {
	display: grid !important;
	place-items: center !important;
	width: auto !important;
	max-width: calc(90vw - 64px) !important;
	max-height: calc(75vh - 20px) !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* @egeg-block:001355 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal > .egeg-pdf-thumb-svg {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: calc(90vw - 84px) !important;
	max-height: calc(75vh - 40px) !important;
	object-fit: contain !important;
	overflow: visible !important;
}

/* @egeg-block:001356 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal > .egeg-pdf-thumb-svg {
	height: min(72vh, 620px) !important;
	max-height: calc(90vh - 140px) !important;
	max-width: calc(90vw - 84px) !important;
	min-height: clamp(160px, calc(100vh - 160px), 220px) !important;
	width: auto !important;
}

/* @egeg-block:001357 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal > .egeg-pdf-thumb-svg--shape-svg,
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal[data-egeg-pdf-svg-shape="shape-svg-parametric"] > .egeg-pdf-thumb-svg {
	min-height: clamp(220px, calc(100vh - 160px), 300px) !important;
	min-width: 110px !important;
}

/* @egeg-block:001358 | component:09-modals.css */
.egeg-pdf-preview-modal {
	align-items: center !important;
	background: rgba(20, 16, 31, 0.72) !important;
	display: flex !important;
	inset: 0 !important;
	justify-content: center !important;
	padding: clamp(10px, 2vw, 24px) !important;
}

/* @egeg-block:001359 | component:09-modals.css */
.egeg-pdf-preview-modal-dialog {
	display: grid !important;
	grid-template-rows: auto minmax(0, 1fr) !important;
	height: min(94vh, 980px) !important;
	max-height: min(94vh, 980px) !important;
	max-width: min(96vw, 1280px) !important;
	padding: clamp(12px, 1.6vw, 22px) !important;
	width: min(96vw, 1280px) !important;
}

/* @egeg-block:001360 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-preview-modal-head {
	padding-bottom: 10px !important;
}

/* @egeg-block:001361 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-preview-modal-body {
	align-items: center !important;
	background: #fff !important;
	border-radius: 18px !important;
	display: flex !important;
	justify-content: center !important;
	max-height: none !important;
	min-height: 0 !important;
	overflow: hidden !important;
	padding: clamp(8px, 1.2vw, 18px) !important;
}

/* @egeg-block:001362 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal {
	align-items: center !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	display: flex !important;
	height: 100% !important;
	justify-content: center !important;
	max-height: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	width: 100% !important;
}

/* @egeg-block:001363 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal > .egeg-pdf-thumb-svg {
	display: block !important;
	height: 100% !important;
	max-height: 100% !important;
	max-width: 100% !important;
	min-height: 220px !important;
	object-fit: contain !important;
	overflow: visible !important;
	width: auto !important;
}

/* @egeg-block:001364 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal > .egeg-pdf-thumb-svg--shape-svg,
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal[data-egeg-pdf-svg-shape="shape-svg-parametric"] > .egeg-pdf-thumb-svg {
	height: 100% !important;
	width: auto !important;
}

/* @egeg-block:001365 | component:09-modals.css */
.egeg-pdf-preview-modal-dialog {
	border-radius: 22px !important;
	height: min(96vh, 1040px) !important;
	max-height: min(96vh, 1040px) !important;
	max-width: min(98vw, 1440px) !important;
	width: min(98vw, 1440px) !important;
}

/* @egeg-block:001366 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-preview-modal-body {
	min-width: 0 !important;
	padding: clamp(6px, 1vw, 14px) !important;
}

/* @egeg-block:001367 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal > .egeg-pdf-thumb-svg {
	height: auto !important;
	max-height: calc(96vh - 122px) !important;
	max-width: 100% !important;
	min-height: 0 !important;
	width: auto !important;
}

/* @egeg-block:001368 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal[data-egeg-pdf-orientation="landscape"] > .egeg-pdf-thumb-svg {
	height: auto !important;
	width: 100% !important;
}

/* @egeg-block:001369 | component:09-modals.css */
.egeg-pdf-preview-modal {
	align-items: center !important;
	justify-content: center !important;
	padding: clamp(8px, 1.5vw, 18px) !important;
}

/* @egeg-block:001370 | component:09-modals.css */
.egeg-pdf-preview-modal-dialog {
	display: grid !important;
	grid-template-rows: auto minmax(0, 1fr) !important;
	height: min(96dvh, 1040px) !important;
	max-height: min(96dvh, 1040px) !important;
	max-width: min(98vw, 1440px) !important;
	width: min(98vw, 1440px) !important;
}

/* @egeg-block:001371 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-preview-modal-body {
	align-items: center !important;
	display: grid !important;
	justify-items: center !important;
	min-height: 0 !important;
	overflow: hidden !important;
	padding: clamp(6px, 1vw, 14px) !important;
}

/* @egeg-block:001372 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal {
	align-items: center !important;
	display: grid !important;
	height: 100% !important;
	justify-items: center !important;
	max-height: 100% !important;
	max-width: 100% !important;
	width: 100% !important;
}

/* @egeg-block:001373 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal > .egeg-pdf-thumb-svg {
	aspect-ratio: var(--egeg-pdf-ratio, auto) !important;
	display: block !important;
	height: 100% !important;
	max-height: 100% !important;
	max-width: 100% !important;
	min-height: 0 !important;
	overflow: visible !important;
	width: auto !important;
}

/* @egeg-block:001374 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal[data-egeg-pdf-orientation="landscape"] > .egeg-pdf-thumb-svg {
	height: auto !important;
	max-height: 100% !important;
	width: 100% !important;
}

/* @egeg-block:001375 | component:09-modals.css */
/* ============================================================
   0.5.0-rc4 — PDF preview modal sizing fix
   - The PDF modal is now sized from the document aspect ratio instead of
     forcing a full-width dialog for every product.
   - Portrait pieces no longer float inside a huge white viewport.
   - Overlay is appended to document.body from JS to avoid transformed parent
     containers creating a fake fixed-position viewport.
   ============================================================ */
.egeg-pdf-preview-modal {
	align-items: center !important;
	box-sizing: border-box !important;
	display: flex !important;
	inset: 0 !important;
	justify-content: center !important;
	padding: clamp(8px, 1.4vw, 18px) !important;
	position: fixed !important;
}

/* @egeg-block:001376 | component:09-modals.css */
.egeg-pdf-preview-modal-dialog {
	--egeg-pdf-modal-shell-h: calc(96dvh - 132px);
	box-sizing: border-box !important;
	display: grid !important;
	gap: 12px !important;
	grid-template-rows: auto minmax(0, 1fr) !important;
	height: min(96dvh, 1040px) !important;
	max-height: min(96dvh, 1040px) !important;
	max-width: min(98vw, 1440px) !important;
	padding: clamp(12px, 1.4vw, 20px) !important;
	width: clamp(360px, calc((var(--egeg-pdf-modal-shell-h) * var(--egeg-pdf-modal-ratio, 1)) + 72px), min(98vw, 1440px)) !important;
}

/* @egeg-block:001377 | component:09-modals.css */
.egeg-pdf-preview-modal-dialog[data-egeg-pdf-orientation="landscape"] {
	width: min(98vw, 1440px) !important;
}

/* @egeg-block:001378 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-preview-modal-head {
	box-sizing: border-box !important;
	min-width: 0 !important;
}

/* @egeg-block:001379 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-preview-modal-head strong {
	overflow-wrap: anywhere !important;
}

/* @egeg-block:001380 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-preview-modal-body {
	align-items: center !important;
	box-sizing: border-box !important;
	display: flex !important;
	justify-content: center !important;
	min-height: 0 !important;
	min-width: 0 !important;
	overflow: hidden !important;
	padding: clamp(8px, 1vw, 14px) !important;
}

/* @egeg-block:001381 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal {
	align-items: center !important;
	box-sizing: border-box !important;
	display: flex !important;
	height: 100% !important;
	justify-content: center !important;
	max-height: 100% !important;
	max-width: 100% !important;
	min-height: 0 !important;
	min-width: 0 !important;
	width: 100% !important;
}

/* @egeg-block:001382 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal > .egeg-pdf-thumb-svg {
	aspect-ratio: var(--egeg-pdf-ratio, auto) !important;
	display: block !important;
	height: 100% !important;
	max-height: 100% !important;
	max-width: 100% !important;
	min-height: 0 !important;
	min-width: 0 !important;
	overflow: visible !important;
	width: auto !important;
}

/* @egeg-block:001383 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal[data-egeg-pdf-orientation="landscape"] > .egeg-pdf-thumb-svg,
.egeg-pdf-preview-modal-dialog[data-egeg-pdf-orientation="landscape"] .egeg-final-pdf-preview--modal > .egeg-pdf-thumb-svg {
	height: auto !important;
	max-height: 100% !important;
	width: 100% !important;
}

/* @egeg-block:001384 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal > p,
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal > .egeg-guide-legend {
	display: none !important;
}

/* @egeg-block:001385 | component:09-modals.css */
/* ============================================================
   0.5.0 — UI closure: buttons, modals, feedback, cart overlay
   ============================================================ */
.egeg-generator,
.egeg-preview-modal,
.egeg-status-page,
.egeg-catalog,
.egeg-cart-order-hub,
.egeg-cart-status-cta {
	font-family: var(--egeg-font-family, Archivo, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
}

/* @egeg-block:001386 | component:09-modals.css */
.egeg-preview-modal .egeg-preview-modal-close,
.egeg-generator .egeg-preview-modal-close,
.egeg-preview-modal .egeg-preview-expand,
.egeg-generator .egeg-preview-expand {
	align-items: center !important;
	appearance: none !important;
	background: #FFFFFF !important;
	border: 1.5px solid var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	cursor: pointer !important;
	display: inline-flex !important;
	font-family: var(--egeg-font-family, inherit) !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	height: 38px !important;
	justify-content: center !important;
	line-height: 1 !important;
	min-height: 38px !important;
	min-width: 38px !important;
	padding: 0 !important;
	text-decoration: none !important;
	width: 38px !important;
}

/* @egeg-block:001387 | component:09-modals.css */
.egeg-preview-modal .egeg-preview-modal-close:hover,
.egeg-preview-modal .egeg-preview-modal-close:focus-visible,
.egeg-generator .egeg-preview-modal-close:hover,
.egeg-generator .egeg-preview-modal-close:focus-visible,
.egeg-preview-modal .egeg-preview-expand:hover,
.egeg-preview-modal .egeg-preview-expand:focus-visible,
.egeg-generator .egeg-preview-expand:hover,
.egeg-generator .egeg-preview-expand:focus-visible {
	background: #FFF6D9 !important;
	box-shadow: 0 4px 0 var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	transform: translateY(-2px) !important;
}

/* @egeg-block:001388 | component:09-modals.css */
.egeg-preview-modal .egeg-preview-modal-close .egeg-icon-font,
.egeg-generator .egeg-preview-modal-close .egeg-icon-font {
	font-size: 20px !important;
}

/* @egeg-block:001389 | component:09-modals.css */
/* ============================================================
   0.5.1 — Stable operational polish
   Scope: generator UI only. No Elementor/header cart layout patches.
   ============================================================ */
.egeg-generator,
.egeg-generator *,
.egeg-status-page,
.egeg-status-page *,
.egeg-preview-modal,
.egeg-preview-modal * {
  font-family: var(--egeg-font-family, Archivo, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

/* @egeg-block:001390 | component:09-modals.css */
/* ============================================================
   0.5.2 — QA stabilization after field test
   Scope: fit tools, modal viewport, art-card rhythm and order history hub.
   No Elementor header/overflow patch here.
   ============================================================ */

/* Preview modal: use more of the viewport without clipping the document. */
.egeg-pdf-preview-modal {
  padding: clamp(6px, 1vw, 14px) !important;
}

/* @egeg-block:001391 | component:09-modals.css */
.egeg-pdf-preview-modal-dialog {
  --egeg-pdf-modal-shell-h: calc(98dvh - 84px) !important;
  height: min(98dvh, 1160px) !important;
  max-height: min(98dvh, 1160px) !important;
  width: clamp(420px, calc((var(--egeg-pdf-modal-shell-h) * var(--egeg-pdf-modal-ratio, 1)) + 76px), min(97vw, 1500px)) !important;
  padding: clamp(10px, 1vw, 16px) !important;
  gap: 8px !important;
}

/* @egeg-block:001392 | component:09-modals.css */
.egeg-pdf-preview-modal-dialog[data-egeg-pdf-orientation="landscape"] {
  width: min(97vw, 1500px) !important;
}

/* @egeg-block:001393 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-preview-modal-head {
  padding-bottom: 2px !important;
}

/* @egeg-block:001394 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-preview-modal-body {
  padding: clamp(6px, .8vw, 10px) !important;
}

/* @egeg-block:001395 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal > .egeg-pdf-thumb-svg {
  height: 100% !important;
  max-height: 100% !important;
}

/* @egeg-block:001396 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal[data-egeg-pdf-svg-shape="shape-svg-parametric"] > .egeg-pdf-thumb-svg,
.egeg-pdf-preview-modal .egeg-final-pdf-preview--modal > .egeg-pdf-thumb-svg--shape-svg {
  height: 100% !important;
  width: auto !important;
}

/* @egeg-block:001397 | component:09-modals.css */
.egeg-preview-modal-dialog,
.egeg-info-modal-dialog,
.egeg-quote-modal-dialog {
	max-height: min(92vh, 760px) !important;
	overflow: auto !important;
}

.egeg-preview-modal-head strong,
.egeg-info-modal .egeg-preview-modal-head strong,
.egeg-quote-modal .egeg-preview-modal-head strong {
	color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
	font-size: clamp(21px, 2.2vw, 26px) !important;
	font-weight: 760 !important;
	line-height: 1.12 !important;
}

.egeg-info-modal-message,
.egeg-info-modal-body p,
.egeg-quote-modal-body > p {
	color: rgba(36, 21, 63, .76) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 1.42 !important;
}

.egeg-info-modal-technical,
.egeg-quote-modal-note {
	background: var(--egeg-color-accent-soft, #FFF8E5) !important;
	border: 1px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), .28) !important;
	border-radius: 14px !important;
	color: rgba(36, 21, 63, .82) !important;
	font-size: 13px !important;
	font-weight: 650 !important;
	line-height: 1.35 !important;
	padding: 12px 14px !important;
}

.egeg-info-modal-actions,
.egeg-quote-modal-actions {
	align-items: center !important;
	display: grid !important;
	gap: 12px !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.egeg-info-modal-actions .egeg-button,
.egeg-quote-modal-actions .egeg-button {
	justify-content: center !important;
	min-height: 48px !important;
	width: 100% !important;
}

/* @egeg-block:001398 | component:09-modals.css */
.egeg-bank-modal-dialog {
	max-width: min(94vw, 760px) !important;
}

/* @egeg-block:001399 | component:09-modals.css */
.egeg-bank-modal-body {
	gap: 12px !important;
}

/* @egeg-block:001400 | component:09-modals.css */
.egeg-preview-modal-head strong,
.egeg-info-modal .egeg-preview-modal-head strong,
.egeg-quote-modal .egeg-preview-modal-head strong,
.egeg-bank-modal .egeg-preview-modal-head strong,
.egeg-pdf-preview-modal .egeg-preview-modal-head strong,
.egeg-mobile-summary-modal .egeg-preview-modal-head strong {
	font-size: clamp(18px, 1.45vw, 22px) !important;
	font-weight: 720 !important;
	letter-spacing: -.01em !important;
	line-height: 1.12 !important;
}

/* @egeg-block:001401 | component:09-modals.css */
.egeg-preview-modal {
	box-sizing: border-box !important;
	overflow: auto !important;
	padding: clamp(12px, 2vw, 24px) !important;
}

/* @egeg-block:001402 | component:09-modals.css */
.egeg-preview-modal-dialog {
	box-sizing: border-box !important;
	max-height: calc(100dvh - 28px) !important;
	overflow: hidden !important;
}

/* @egeg-block:001403 | component:09-modals.css */
.egeg-preview-modal-body {
	box-sizing: border-box !important;
	max-height: calc(100dvh - 126px) !important;
	overflow: auto !important;
}

/* @egeg-block:001404 | component:09-modals.css */
.egeg-preview-modal-head strong,
.egeg-generator .egeg-preview-modal-head strong {
	font-size: clamp(19px, 1.8vw, 24px) !important;
	letter-spacing: -.015em !important;
	line-height: 1.12 !important;
}

/* @egeg-block:001405 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-preview-modal-head strong {
	font-size: clamp(18px, 1.55vw, 22px) !important;
}

/* @egeg-block:001406 | component:09-modals.css */
.egeg-pdf-preview-modal-dialog {
	max-height: calc(100dvh - 28px) !important;
}

/* @egeg-block:001407 | component:09-modals.css */
.egeg-pdf-preview-modal .egeg-preview-modal-head strong,
.egeg-pdf-preview-modal-dialog .egeg-preview-modal-head strong {
	font-size: clamp(16px, 1.18vw, 20px) !important;
	font-weight: 720 !important;
	line-height: 1.08 !important;
	max-width: calc(100% - 58px) !important;
}

/* @egeg-block:001408 | component:09-modals.css */
.egeg-bank-modal .egeg-preview-modal-dialog,
.egeg-bank-modal-dialog {
	box-sizing: border-box !important;
	max-height: calc(100dvh - 34px) !important;
	max-width: min(94vw, 920px) !important;
	width: min(94vw, 920px) !important;
}

.egeg-bank-modal .egeg-preview-modal-head {
	padding: 18px 24px 10px !important;
}

.egeg-bank-modal .egeg-preview-modal-head strong {
	font-size: clamp(20px, 1.8vw, 26px) !important;
	line-height: 1.08 !important;
}

.egeg-bank-modal .egeg-preview-modal-body,
.egeg-bank-modal-body {
	align-items: stretch !important;
	display: grid !important;
	gap: 12px !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	justify-items: stretch !important;
	max-height: calc(100dvh - 126px) !important;
	overflow-y: auto !important;
	padding: 12px 24px 22px !important;
	width: 100% !important;
}

.egeg-bank-account-card,
.egeg-bank-account-card.egeg-bank-account-card--text-only {
	align-content: center !important;
	align-items: center !important;
	background: #FFFFFF !important;
	border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18) !important;
	border-radius: 16px !important;
	box-shadow: none !important;
	column-gap: 12px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	min-height: 0 !important;
	padding: 13px 14px !important;
	width: 100% !important;
}

.egeg-bank-account-info {
	display: grid !important;
	gap: 3px !important;
	min-width: 0 !important;
}

.egeg-bank-account-info strong {
	color: #24153F !important;
	font-size: 16px !important;
	font-weight: 780 !important;
	letter-spacing: -.01em !important;
	line-height: 1.1 !important;
}

.egeg-bank-account-info p,
.egeg-bank-account-owner {
	color: rgba(36, 21, 63, .68) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.18 !important;
}

.egeg-bank-account-info code {
	background: #FFF8E8 !important;
	border: 1px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), .22) !important;
	border-radius: 9px !important;
	color: #24153F !important;
	display: inline-flex !important;
	font-family: var(--egeg-font-family, Archivo, system-ui, sans-serif) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	justify-self: start !important;
	line-height: 1 !important;
	padding: 6px 9px !important;
	white-space: nowrap !important;
}

.egeg-bank-account-copy {
	font-size: 12px !important;
	font-weight: 760 !important;
	min-height: 36px !important;
	padding-inline: 12px !important;
	white-space: nowrap !important;
}

/* @egeg-block:001409 | component:09-modals.css */
.egeg-preview-modal,
.egeg-bank-modal,
.egeg-mobile-summary-modal,
.egeg-pdf-preview-modal {
	box-sizing: border-box !important;
}

.egeg-preview-modal-dialog {
	max-width: min(96vw, 860px) !important;
}

.egeg-preview-modal-head {
	min-width: 0 !important;
}

.egeg-preview-modal-head strong {
	min-width: 0 !important;
	overflow-wrap: anywhere !important;
}

.egeg-bank-modal .egeg-preview-modal-dialog,
.egeg-bank-modal-dialog {
	max-height: calc(100dvh - 24px) !important;
	max-width: min(96vw, 860px) !important;
	width: min(96vw, 860px) !important;
}

.egeg-bank-modal .egeg-preview-modal-head {
	padding: 15px 18px 8px !important;
}

.egeg-bank-modal .egeg-preview-modal-head strong {
	font-size: clamp(17px, 1.35vw, 21px) !important;
	font-weight: 760 !important;
}

.egeg-bank-modal .egeg-preview-modal-body,
.egeg-bank-modal-body {
	align-content: start !important;
	gap: 9px !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	max-height: calc(100dvh - 92px) !important;
	padding: 8px 14px 16px !important;
}

.egeg-bank-account-card,
.egeg-bank-account-card.egeg-bank-account-card--text-only {
	border-radius: 13px !important;
	column-gap: 10px !important;
	padding: 10px 11px !important;
}

.egeg-bank-account-info {
	gap: 2px !important;
}

.egeg-bank-account-info strong {
	font-size: 14px !important;
	line-height: 1.08 !important;
}

.egeg-bank-account-info p,
.egeg-bank-account-owner {
	font-size: 11.5px !important;
	line-height: 1.18 !important;
	margin: 0 !important;
}

.egeg-bank-account-info code {
	font-size: 13.5px !important;
	padding: 4px 7px !important;
}

.egeg-bank-account-copy {
	font-size: 11.5px !important;
	min-height: 32px !important;
	padding-inline: 10px !important;
}

/* @egeg-block:001410 | component:09-modals.css */
.egeg-mobile-summary-modal .egeg-mobile-summary-dialog {
	display: grid !important;
	grid-template-rows: auto minmax(0, 1fr) !important;
	max-height: min(88dvh, 760px) !important;
	overflow: hidden !important;
}

/* @egeg-block:001411 | component:09-modals.css */
.egeg-mobile-summary-modal .egeg-mobile-summary-body {
	align-items: stretch !important;
	display: block !important;
	max-height: none !important;
	min-height: 0 !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
	overscroll-behavior: contain !important;
}

/* @egeg-block:001412 | component:09-modals.css */
.egeg-mobile-summary-modal .egeg-mobile-summary-list {
	padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
}

/* @egeg-block:001413 | component:10-woocommerce-public.css */
/* WooCommerce/Elementor catalog bridge */
.egeg-catalog {
	--egeg-catalog-card-bg: #ffffff;
	--egeg-catalog-card-border: rgba(110, 76, 171, 0.16);
	--egeg-catalog-card-shadow: 0 18px 40px rgba(55, 35, 97, 0.10);
	font-family: var(--egeg-font-family, 'Archivo', system-ui, sans-serif);
}

/* @egeg-block:001414 | component:10-woocommerce-public.css */
.egeg-catalog-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 18px;
}

/* @egeg-block:001415 | component:10-woocommerce-public.css */
.egeg-catalog-card {
	background: var(--egeg-catalog-card-bg);
	border: 1px solid var(--egeg-catalog-card-border);
	border-radius: 22px;
	box-shadow: var(--egeg-catalog-card-shadow);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

/* @egeg-block:001416 | component:10-woocommerce-public.css */
.egeg-catalog-card__image {
	aspect-ratio: 5 / 4;
	width: 100%;
	height: auto;
	object-fit: cover;
	background: var(--egeg-color-panel, #f6f2ff);
}

/* @egeg-block:001417 | component:10-woocommerce-public.css */
.egeg-catalog-card__body {
	display: grid;
	gap: 10px;
	padding: 18px;
}

/* @egeg-block:001418 | component:10-woocommerce-public.css */
.egeg-catalog-card h3 {
	margin: 0;
	font-size: 20px;
	line-height: 1.14;
	color: #3c245f;
}

/* @egeg-block:001419 | component:10-woocommerce-public.css */
.egeg-catalog-card p {
	margin: 0;
	font-size: 14px;
	line-height: 1.42;
	color: #5f5277;
}

/* @egeg-block:001420 | component:10-woocommerce-public.css */
.egeg-catalog-card__meta {
	display: inline-flex;
	width: fit-content;
	padding: 6px 10px;
	border-radius: 999px;
	background: var(--egeg-color-panel, #f6f2ff);
	color: #6d48d6;
	font-size: 12px;
	font-weight: 700;
}

/* @egeg-block:001421 | component:10-woocommerce-public.css */
.egeg-catalog-card__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 16px;
	border-radius: 999px;
	background: #7c3aed;
	color: #ffffff;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
}

/* @egeg-block:001422 | component:10-woocommerce-public.css */
.egeg-catalog-card__cta:hover,
.egeg-catalog-card__cta:focus {
	background: #6d28d9;
	color: #ffffff;
}

/* @egeg-block:001423 | component:10-woocommerce-public.css */
/* ============================================================
   0.5.9 — Visual stabilization contract
   Canonical owner for:
   - Paso Modo / Paso Arte icon-card grid
   - Paso Arte Canva CTA width/alignment
   - Paso Ajuste fit tools
   - Paso Resumen final section hierarchy

   This block intentionally scopes every rule to .egeg-generator and
   current step attributes so navigation buttons, pills, mini buttons,
   Elementor/theme buttons and WooCommerce surfaces do not inherit these
   component styles.
   ============================================================ */
.egeg-generator {
  --egeg-choice-grid-max: 760px;
  --egeg-choice-grid-mobile-max: 420px;
  --egeg-choice-grid-gap: clamp(16px, 2.3vw, 24px);
  --egeg-choice-card-min-height: 176px;
  --egeg-choice-card-padding-y: clamp(24px, 3vw, 30px);
  --egeg-choice-card-padding-x: clamp(20px, 2.6vw, 28px);
  --egeg-fit-tool-rail: 84px;
  --egeg-fit-tool-width: 76px;
  --egeg-fit-icon-box: 46px;
  --egeg-final-stack-max: 900px;
  --egeg-final-card-radius: 22px;
  --egeg-final-card-border: rgba(var(--egeg-primary-rgb, 135, 50, 245), .16);
  --egeg-final-muted: rgba(36, 21, 63, .64);
}

/* @egeg-block:001424 | component:11-design-editor.css */
.egeg-design-editor-open {
	overflow: hidden;
}

.egeg-design-editor-modal,
.egeg-design-editor-modal * {
	box-sizing: border-box;
}

.egeg-design-editor-modal {
	--egeg-editor-control-height: 38px;
	--egeg-editor-button-radius: 999px;
	--egeg-editor-button-radius-soft: 16px;
	--egeg-editor-button-border: rgba(var(--egeg-primary-rgb, 112, 71, 255), .16);
	--egeg-editor-button-line-height: 1;
	--egeg-editor-zoom-gap: 6px;
	--egeg-editor-zoom-radius: var(--egeg-editor-button-radius);
	--egeg-editor-zoom-button-bg: #fff;
	--egeg-editor-zoom-button-border: rgba(var(--egeg-primary-rgb, 112, 71, 255), .18);
	--egeg-editor-zoom-button-color: var(--egeg-color-text, #231f2f);
	--egeg-editor-zoom-button-active-bg: #f4edff;
	--egeg-editor-zoom-button-active-color: var(--egeg-color-primary, #7047ff);
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	padding: 12px;
	background: rgba(19, 15, 32, .72);
	backdrop-filter: blur(10px);
	font-family: var(--egeg-font-family, Archivo, Arial, sans-serif);
	color: var(--egeg-color-text, #231f2f);
}

.egeg-design-editor-panel {
	position: relative;
	width: min(1320px, calc(100vw - 24px));
	height: min(820px, calc(100dvh - 24px));
	min-height: 0;
	display: grid;
	grid-template-rows: auto auto minmax(0, 1fr) auto auto;
	background: #fff;
	border: 1px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .16);
	border-radius: 24px;
	box-shadow: 0 28px 88px rgba(13, 10, 24, .34);
	overflow: hidden;
}

.egeg-design-editor-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 70px;
	padding: 16px 22px;
	border-bottom: 1px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .12);
	background: linear-gradient(135deg, rgba(var(--egeg-primary-rgb, 112, 71, 255), .07), rgba(var(--egeg-accent-rgb, 243, 122, 33), .04));
}

.egeg-design-editor-title-wrap {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.egeg-design-editor-title {
	margin: 0;
	font-size: clamp(20px, 2vw, 25px);
	font-weight: 850;
	line-height: 1.05;
	letter-spacing: -.035em;
	color: var(--egeg-color-text, #231f2f);
}

.egeg-design-editor-subtitle {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--egeg-color-muted, #6d6880);
}

/* DESIGN_EDITOR_BUTTON_CONTRACT: editor controls are isolated from theme/global button rules inside the modal. */
.egeg-design-editor-close,
.egeg-design-editor-tool,
.egeg-design-editor-save,
.egeg-design-editor-prop-button,
.egeg-design-editor-zoom-button,
.egeg-design-editor-mobile-action,
.egeg-design-editor-mobile-notice-button,
.egeg-design-editor-shape-choice {
	-webkit-appearance: none !important;
	appearance: none !important;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	border: 1px solid var(--egeg-editor-button-border) !important;
	font: inherit;
	line-height: var(--egeg-editor-button-line-height) !important;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	letter-spacing: normal;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.egeg-design-editor-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 42px;
	padding: 0 16px;
	border-radius: var(--egeg-editor-button-radius) !important;
	background: #fff;
	color: var(--egeg-color-text, #231f2f);
	font-size: 14px;
	font-weight: 800;
}

.egeg-design-editor-body {
	min-height: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
	background: linear-gradient(180deg, rgba(var(--egeg-primary-rgb, 112, 71, 255), .08), rgba(255, 255, 255, .92));
	overflow: hidden;
}

.egeg-design-editor-canvas-wrap {
	position: relative;
	min-width: 0;
	min-height: 0;
	display: block;
	padding: clamp(16px, 3vw, 32px);
	overflow: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable both-edges;
}

.egeg-design-editor-zoom-shell {
	position: relative;
	inline-size: var(--egeg-editor-scaled-width, 1px);
	block-size: var(--egeg-editor-scaled-height, 1px);
	min-inline-size: 1px;
	min-block-size: 1px;
	margin: auto;
}

.egeg-design-editor-canvas-shell {
	position: relative;
	inline-size: var(--egeg-editor-canvas-width, 1px);
	block-size: var(--egeg-editor-canvas-height, 1px);
	max-inline-size: none;
	max-block-size: none;
	aspect-ratio: var(--egeg-editor-ratio, 1 / 1);
	display: grid;
	place-items: center;
	padding: 0;
	border-radius: 12px;
	background: repeating-linear-gradient(45deg, rgba(var(--egeg-primary-rgb, 112, 71, 255), .08), rgba(var(--egeg-primary-rgb, 112, 71, 255), .08) 10px, rgba(255, 255, 255, .65) 10px, rgba(255, 255, 255, .65) 20px);
	box-shadow: inset 0 0 0 1px rgba(var(--egeg-primary-rgb, 112, 71, 255), .12), 0 18px 48px rgba(19, 15, 32, .08);
	transform: scale(var(--egeg-editor-zoom, 1));
	transform-origin: top left;
}

.egeg-design-editor-canvas-shell::before {
	content: 'Línea azul: lienzo · Rojo: zona segura';
	position: absolute;
	left: 14px;
	bottom: 14px;
	z-index: 2;
	max-width: calc(100% - 28px);
	padding: 7px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .90);
	box-shadow: 0 8px 22px rgba(19, 15, 32, .10);
	font-size: 11px;
	font-weight: 850;
	line-height: 1;
	color: var(--egeg-color-muted, #6d6880);
	pointer-events: none;
}

.egeg-design-editor-canvas {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 18px 42px rgba(19, 15, 32, .14);
	touch-action: none;
}

.egeg-design-editor-layerbar {
	min-height: 56px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 12px;
	padding: 8px 22px;
	border-bottom: 1px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .10);
	background: rgba(255, 255, 255, .96);
}

.egeg-design-editor-zoom-controls {
	display: inline-flex;
	align-items: center;
	gap: var(--egeg-editor-zoom-gap);
	min-width: 0;
}

.egeg-design-editor-zoom-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-inline-size: var(--egeg-editor-control-height);
	block-size: var(--egeg-editor-control-height);
	padding: 0 12px;
	border: 1px solid var(--egeg-editor-zoom-button-border);
	border-radius: var(--egeg-editor-zoom-radius) !important;
	background: var(--egeg-editor-zoom-button-bg);
	color: var(--egeg-editor-zoom-button-color);
	font: inherit;
	font-size: 12px;
	font-weight: 850;
	line-height: 1;
	cursor: pointer;
}

.egeg-design-editor-zoom-button:first-child,
.egeg-design-editor-zoom-button:last-of-type {
	padding: 0;
	font-size: 19px;
}

.egeg-design-editor-zoom-button[aria-pressed='true'] {
	border-color: rgba(var(--egeg-primary-rgb, 112, 71, 255), .28);
	background: var(--egeg-editor-zoom-button-active-bg);
	color: var(--egeg-editor-zoom-button-active-color);
}

.egeg-design-editor-zoom-button:focus-visible {
	outline: 3px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .24);
	outline-offset: 2px;
}

.egeg-design-editor-zoom-button:disabled {
	opacity: .42;
	cursor: not-allowed;
}

.egeg-design-editor-zoom-value {
	min-inline-size: 48px;
	color: var(--egeg-color-muted, #6d6880);
	font-size: 12px;
	font-weight: 850;
	text-align: center;
}

.egeg-design-editor-layerbar-summary {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.egeg-design-editor-layerbar-label {
	overflow: hidden;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.12;
	letter-spacing: .065em;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--egeg-color-primary, #7047ff);
}

.egeg-design-editor-layerbar-meta {
	overflow: hidden;
	font-size: 12px;
	font-weight: 650;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--egeg-color-muted, #6d6880);
}

.egeg-design-editor-layerbar-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.egeg-design-editor-prop-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 38px;
	padding: 0 12px;
	border-radius: var(--egeg-editor-button-radius) !important;
	background: #fff;
	color: var(--egeg-color-text, #231f2f);
	font-size: 12px;
	font-weight: 800;
	white-space: nowrap;
}

.egeg-design-editor-prop-button--danger {
	border-color: rgba(162, 50, 50, .20);
	background: rgba(162, 50, 50, .045);
	color: #a23232;
}

.egeg-design-editor-props {
	min-height: 0;
	display: grid;
	align-content: start;
	gap: 12px;
	padding: 16px;
	border-left: 1px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .12);
	background: #fff;
	overflow: auto;
	overscroll-behavior: contain;
}

.egeg-design-editor-section {
	display: grid;
	gap: 10px;
	padding: 14px;
	border: 1px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .12);
	border-radius: 18px;
	background: #fff;
}

.egeg-design-editor-section--empty {
	background: linear-gradient(135deg, rgba(var(--egeg-primary-rgb, 112, 71, 255), .07), rgba(var(--egeg-accent-rgb, 243, 122, 33), .045));
}

.egeg-design-editor-section-title {
	margin: 0;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.1;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--egeg-color-primary, #7047ff);
}

.egeg-design-editor-selected-hint,
.egeg-design-editor-empty-text {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--egeg-color-muted, #6d6880);
}

.egeg-design-editor-props[data-has-selection='0'] .egeg-design-editor-section--properties,
.egeg-design-editor-props[data-has-selection='0'] .egeg-design-editor-section--transform {
	display: none;
}

.egeg-design-editor-props[data-has-selection='1'] .egeg-design-editor-section--empty {
	display: none;
}

.egeg-design-editor-prop-row {
	display: grid;
	gap: 7px;
	min-width: 0;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
	color: var(--egeg-color-muted, #6d6880);
}

.egeg-design-editor-prop-row input[type='text'],
.egeg-design-editor-prop-row input[type='number'],
.egeg-design-editor-prop-row select {
	width: 100%;
	min-height: 44px;
	padding: 0 12px;
	border: 1px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .18);
	border-radius: 14px;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(var(--egeg-primary-rgb, 112, 71, 255), .04);
	color: var(--egeg-color-text, #231f2f);
	font: inherit;
	font-weight: 700;
}

.egeg-design-editor-prop-row input[type='color'] {
	width: 100%;
	height: 44px;
	padding: 4px;
	border: 1px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .18);
	border-radius: 14px;
	background: #fff;
}

.egeg-design-editor-prop-row input[type='range'] {
	width: 100%;
	accent-color: var(--egeg-color-primary, #7047ff);
}

.egeg-design-editor-prop-row input[type='checkbox'] {
	width: 24px;
	height: 24px;
	margin: 0;
	accent-color: var(--egeg-color-primary, #7047ff);
}

.egeg-design-editor-close:disabled,
.egeg-design-editor-tool:disabled,
.egeg-design-editor-save:disabled,
.egeg-design-editor-prop-button:disabled,
.egeg-design-editor-zoom-button:disabled,
.egeg-design-editor-mobile-action:disabled,
.egeg-design-editor-mobile-notice-button:disabled,
.egeg-design-editor-shape-choice:disabled,
.egeg-design-editor-prop-row input:disabled,
.egeg-design-editor-prop-row select:disabled {
	opacity: .46;
	cursor: not-allowed;
	box-shadow: none;
	transform: none;
}

.egeg-design-editor-toolbar {
	min-height: 66px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	border-top: 1px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .12);
	background: #fff;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.egeg-design-editor-tool,
.egeg-design-editor-save {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 46px;
	padding: 0 16px;
	border-radius: var(--egeg-editor-button-radius) !important;
	font-size: 14px;
	font-weight: 850;
	white-space: nowrap;
}

.egeg-design-editor-tool {
	background: #fff;
	color: var(--egeg-color-text, #231f2f);
}

.egeg-design-editor-save {
	margin-left: auto;
	border-color: transparent;
	background: var(--egeg-color-primary, #7047ff);
	box-shadow: 0 12px 28px rgba(var(--egeg-primary-rgb, 112, 71, 255), .26);
	color: #fff;
}

/* DESIGN_EDITOR_NATIVE_BUTTON_PARITY_CONTRACT: actual <button> controls and the
   image <label> tool must render from the editor classes, not from theme/global
   button rules. Keep this scoped to the modal and to the editor control families. */
.egeg-design-editor-modal button.egeg-design-editor-close,
.egeg-design-editor-modal button.egeg-design-editor-tool,
.egeg-design-editor-modal label.egeg-design-editor-file-tool,
.egeg-design-editor-modal button.egeg-design-editor-prop-button,
.egeg-design-editor-modal button.egeg-design-editor-zoom-button,
.egeg-design-editor-modal button.egeg-design-editor-mobile-action,
.egeg-design-editor-modal button.egeg-design-editor-mobile-notice-button,
.egeg-design-editor-modal button.egeg-design-editor-shape-choice {
	background: #fff !important;
	background-image: none !important;
	color: var(--egeg-color-text, #231f2f) !important;
	box-shadow: none !important;
}

.egeg-design-editor-modal button.egeg-design-editor-save {
	background: var(--egeg-color-primary, #7047ff) !important;
	background-image: none !important;
	border-color: transparent !important;
	box-shadow: 0 12px 28px rgba(var(--egeg-primary-rgb, 112, 71, 255), .26) !important;
	color: #fff !important;
}

.egeg-design-editor-modal button.egeg-design-editor-zoom-button[aria-pressed='true'] {
	background: var(--egeg-editor-zoom-button-active-bg) !important;
	border-color: rgba(var(--egeg-primary-rgb, 112, 71, 255), .28) !important;
	color: var(--egeg-editor-zoom-button-active-color) !important;
}

.egeg-design-editor-file-tool {
	position: relative;
}

.egeg-design-editor-status {
	min-height: 34px;
	margin: 0;
	padding: 8px 16px;
	border-top: 1px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .08);
	background: #fff;
	overflow: hidden;
	font-size: 12px;
	font-weight: 750;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--egeg-color-muted, #6d6880);
}

.egeg-design-editor-status[data-error='1'] {
	color: #a23232;
}

.egeg-design-editor-warning {
	position: absolute;
	left: 16px;
	bottom: 112px;
	z-index: 5;
	display: none;
	max-width: min(520px, calc(100% - 32px));
	margin: 0;
	padding: 10px 14px;
	border: 1px solid rgba(162, 50, 50, .16);
	border-radius: 16px;
	background: rgba(255, 247, 247, .96);
	box-shadow: 0 14px 34px rgba(19, 15, 32, .12);
	font-size: 13px;
	font-weight: 850;
	line-height: 1.28;
	color: #a23232;
	pointer-events: none;
}

.egeg-design-editor-warning[data-visible='1'] {
	display: block;
}

.egeg-design-editor-quality {
	display: grid;
	gap: 8px;
	padding: 10px;
	border: 1px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .12);
	border-radius: 16px;
	background: #fbf9ff;
}

.egeg-design-editor-quality[data-quality-status='warning'],
.egeg-design-editor-quality[data-quality-status='risk'] {
	border-color: rgba(var(--egeg-accent-rgb, 243, 122, 33), .24);
	background: #fff8ef;
}

.egeg-design-editor-quality-summary,
.egeg-design-editor-quality-meta {
	margin: 0;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.3;
	color: var(--egeg-color-text, #231f2f);
}

.egeg-design-editor-quality-meta {
	font-weight: 650;
	color: var(--egeg-color-muted, #6d6880);
}

.egeg-design-editor-quality-canvas {
	width: min(100%, 220px) !important;
	height: auto !important;
	max-height: 142px;
	justify-self: center;
	object-fit: contain;
	border: 1px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .14);
	border-radius: 10px;
	background: #fff;
}

.egeg-design-editor-busy {
	/* DESIGN_EDITOR_BUSY_OVERLAY_CONTRACT: one title, one progress label, one bar. */
	position: absolute;
	inset: 0;
	z-index: 8;
	display: none;
	place-items: center;
	padding: clamp(24px, 5vw, 48px);
	background: rgba(255, 255, 255, .9);
	backdrop-filter: blur(8px);
	text-align: center;
}

.egeg-design-editor-panel[data-busy='1'] .egeg-design-editor-busy {
	display: grid;
}

.egeg-design-editor-busy-title {
	font-size: clamp(17px, 2.1vw, 21px);
	font-weight: 900;
	line-height: 1.15;
	color: var(--egeg-color-text, #231f2f);
}

.egeg-design-editor-busy-progress {
	display: grid;
	gap: 8px;
	inline-size: min(380px, 72vw);
	margin-top: 18px;
}

.egeg-design-editor-busy-progress-label {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .01em;
	color: var(--egeg-color-muted, #6d6880);
}

.egeg-design-editor-busy-progress-track {
	display: block;
	height: 8px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(var(--egeg-primary-rgb, 112, 71, 255), .14);
}

.egeg-design-editor-busy-progress-bar {
	display: block;
	height: 100%;
	width: 0;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--egeg-color-primary, #7047ff), var(--egeg-color-accent, #f37a21));
	transition: width .22s ease;
}

.egeg-design-editor-shape-picker {
	position: absolute;
	left: 50%;
	bottom: 84px;
	z-index: 7;
	display: none;
	width: min(430px, calc(100% - 32px));
	padding: 14px;
	transform: translateX(-50%);
	border: 1px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .18);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 22px 54px rgba(19, 15, 32, .18);
}

.egeg-design-editor-shape-picker[data-visible='1'] {
	display: grid;
	gap: 12px;
}

.egeg-design-editor-shape-picker-title {
	margin: 0;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.2;
	color: var(--egeg-color-text, #231f2f);
}

.egeg-design-editor-shape-picker-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.egeg-design-editor-shape-choice {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 50px;
	padding: 8px 10px;
	border-radius: var(--egeg-editor-button-radius-soft) !important;
	background: #fff;
	font-size: 13px;
	font-weight: 800;
	color: var(--egeg-color-text, #231f2f);
}

.egeg-design-editor-shape-swatch {
	width: 30px;
	height: 22px;
	flex: 0 0 auto;
	background: var(--egeg-color-orange, var(--egeg-color-accent, #f37a21));
}

.egeg-design-editor-shape-swatch--rounded { border-radius: 8px; }
.egeg-design-editor-shape-swatch--square { border-radius: 2px; }
.egeg-design-editor-shape-swatch--pill { border-radius: 999px; }
.egeg-design-editor-shape-swatch--ellipse { border-radius: 50%; }
.egeg-design-editor-shape-swatch--triangle {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 24px solid var(--egeg-color-orange, var(--egeg-color-accent, #f37a21));
	background: transparent;
}

.egeg-design-editor-mobile-dock,
.egeg-design-editor-mobile-notice {
	display: none;
}

.egeg-secondary-action--internal-editor .egeg-mini-button,
.egeg-internal-editor-actions .egeg-mini-button {
	background: var(--egeg-color-primary, #7047ff);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 12px 30px rgba(var(--egeg-primary-rgb, 112, 71, 255), .22);
}

.egeg-internal-editor-card {
	display: grid;
	gap: var(--egeg-gap-card, 12px);
	max-width: 100%;
	min-width: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.egeg-internal-editor-preview {
	width: min(100%, 520px);
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.egeg-internal-editor-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.egeg-design-editor-close:focus-visible,
.egeg-design-editor-tool:focus-visible,
.egeg-design-editor-save:focus-visible,
.egeg-design-editor-prop-button:focus-visible,
.egeg-design-editor-mobile-action:focus-visible,
.egeg-design-editor-mobile-notice-button:focus-visible,
.egeg-design-editor-shape-choice:focus-visible {
	outline: 3px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .28);
	outline-offset: 2px;
}

@media (max-width: 1024px) {
	.egeg-design-editor-modal {
		padding: 0;
		place-items: stretch;
	}

	.egeg-design-editor-panel {
		width: 100vw;
		height: 100dvh;
		border-radius: 0;
		border: 0;
		grid-template-rows: auto auto minmax(0, 1fr) auto auto auto;
	}

	.egeg-design-editor-header {
		min-height: 64px;
		padding: 12px 16px;
	}

	.egeg-design-editor-title,
	.egeg-design-editor-subtitle {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.egeg-design-editor-body {
		grid-template-columns: 1fr;
		grid-template-rows: minmax(0, 1fr) auto;
	}

	.egeg-design-editor-canvas-wrap {
		padding: 12px;
	}

	.egeg-design-editor-canvas-shell {
		inline-size: var(--egeg-editor-canvas-width, 1px);
		block-size: var(--egeg-editor-canvas-height, 1px);
		width: var(--egeg-editor-canvas-width, 1px);
		height: var(--egeg-editor-canvas-height, 1px);
		max-inline-size: none;
		max-block-size: none;
		max-height: none;
		padding: 0;
		border-radius: 18px;
	}

	.egeg-design-editor-props {
		position: relative;
		z-index: 4;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-height: min(42dvh, 420px);
		padding: 12px 12px 14px;
		border-top: 1px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .12);
		border-left: 0;
		border-radius: 18px 18px 0 0;
		box-shadow: 0 -16px 36px rgba(19, 15, 32, .10);
	}

	.egeg-design-editor-props[data-mobile-open='0'] {
		display: none;
	}

	.egeg-design-editor-props .egeg-design-editor-section,
	.egeg-design-editor-props .egeg-design-editor-quality {
		grid-column: 1 / -1;
	}

	.egeg-design-editor-section {
		padding: 12px;
	}

	.egeg-design-editor-layerbar {
		min-height: 44px;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 8px;
		padding: 6px 12px;
	}

	.egeg-design-editor-layerbar-summary {
		display: none;
	}

	.egeg-design-editor-zoom-controls {
		grid-column: 1;
		justify-self: start;
	}

	.egeg-design-editor-layerbar-actions {
		grid-column: 2;
	}

	.egeg-design-editor-layerbar-meta {
		display: none;
	}

	.egeg-design-editor-layerbar-actions {
		gap: 6px;
	}

	.egeg-design-editor-layerbar .egeg-design-editor-prop-button {
		width: 38px;
		min-height: 36px;
		padding: 0;
		border-radius: var(--egeg-editor-button-radius) !important;
	}

	.egeg-design-editor-layerbar .egeg-design-editor-control-label {
		display: none;
	}

	.egeg-design-editor-toolbar {
		min-height: 58px;
		padding: 8px 10px;
		gap: 8px;
	}

	.egeg-design-editor-toolbar .egeg-design-editor-save {
		display: none;
	}

	.egeg-design-editor-tool {
		min-height: 44px;
		padding: 0 14px;
	}

	.egeg-design-editor-status {
		display: none;
	}

	.egeg-design-editor-status[data-error='1'] {
		display: block;
		min-height: 32px;
		padding: 7px 12px;
		white-space: normal;
	}

	.egeg-design-editor-warning {
		left: 12px;
		bottom: 124px;
		max-width: calc(100% - 24px);
		padding: 9px 12px;
		font-size: 12px;
	}

	.egeg-design-editor-mobile-dock {
		display: grid;
		grid-template-columns: minmax(0, .95fr) minmax(0, 1.15fr);
		gap: 10px;
		padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
		border-top: 1px solid rgba(var(--egeg-primary-rgb, 112, 71, 255), .12);
		background: rgba(255, 255, 255, .98);
		box-shadow: 0 -12px 28px rgba(19, 15, 32, .08);
	}

	.egeg-design-editor-mobile-action {
		min-height: 48px;
		padding: 0 12px;
		border-radius: var(--egeg-editor-button-radius-soft) !important;
		background: #fff;
		font-size: 14px;
		font-weight: 850;
		color: var(--egeg-color-text, #231f2f);
	}

	.egeg-design-editor-mobile-action--primary {
		border-color: transparent;
		background: var(--egeg-color-primary, #7047ff);
		box-shadow: 0 12px 28px rgba(var(--egeg-primary-rgb, 112, 71, 255), .22);
		color: #fff;
	}

	.egeg-design-editor-mobile-action--secondary[aria-expanded='true'] {
		border-color: rgba(204, 36, 98, .14);
		background: #cc2462;
		color: #fff;
	}

	.egeg-design-editor-quality-canvas {
		width: min(100%, 188px) !important;
		max-height: 128px;
	}

	.egeg-design-editor-mobile-notice[data-visible='1'] {
		display: grid;
		place-items: center;
		position: fixed;
		inset: 0;
		z-index: 100001;
		padding: 18px;
		background: rgba(19, 15, 32, .46);
		backdrop-filter: blur(6px);
	}

	.egeg-design-editor-mobile-notice-card {
		width: min(100%, 360px);
		display: grid;
		gap: 12px;
		padding: 18px;
		border-radius: 20px;
		background: #fff;
		box-shadow: 0 22px 48px rgba(19, 15, 32, .20);
	}

	.egeg-design-editor-mobile-notice-title {
		font-size: 15px;
		font-weight: 900;
		line-height: 1.25;
		color: var(--egeg-color-text, #231f2f);
	}

	.egeg-design-editor-mobile-notice-text {
		margin: 0;
		font-size: 13px;
		font-weight: 650;
		line-height: 1.45;
		color: var(--egeg-color-muted, #6d6880);
	}

	.egeg-design-editor-mobile-notice-actions {
		display: grid;
		gap: 8px;
	}

	.egeg-design-editor-mobile-notice-button {
		min-height: 46px;
		padding: 0 14px;
		border-radius: var(--egeg-editor-button-radius-soft) !important;
		font-weight: 850;
	}

	.egeg-design-editor-mobile-notice-button--primary {
		border-color: transparent;
		background: var(--egeg-color-primary, #7047ff);
		color: #fff;
	}

	.egeg-design-editor-mobile-notice-button--secondary {
		background: #fff;
		color: var(--egeg-color-text, #231f2f);
	}
}

@media (max-width: 780px) {
	.egeg-design-editor-header {
		min-height: 62px;
		padding: 10px 16px;
	}

	.egeg-design-editor-title {
		font-size: 18px;
	}

	.egeg-design-editor-subtitle {
		font-size: 12px;
	}

	.egeg-design-editor-close {
		min-height: 42px;
		padding-inline: 14px;
	}

	.egeg-design-editor-canvas-wrap {
		padding: 10px 10px 12px;
	}

	.egeg-design-editor-canvas-shell {
		max-inline-size: none;
	}

	.egeg-design-editor-zoom-button--actual {
		display: none;
	}

	.egeg-design-editor-zoom-button {
		min-inline-size: 36px;
		block-size: 36px;
		padding-inline: 10px;
	}

	.egeg-design-editor-zoom-value {
		min-inline-size: 42px;
	}

	.egeg-design-editor-canvas-shell::before {
		display: none;
	}

	.egeg-design-editor-props {
		grid-template-columns: 1fr;
		max-height: min(45dvh, 430px);
	}

	.egeg-design-editor-layerbar {
		min-height: 38px;
	}

	.egeg-design-editor-layerbar-label {
		font-size: 11px;
	}

	.egeg-design-editor-toolbar {
		min-height: 56px;
		padding-inline: 10px;
	}

	.egeg-design-editor-tool {
		min-height: 44px;
		font-size: 13px;
	}

	.egeg-design-editor-warning {
		bottom: 118px;
	}
}

/* @egeg-block:001425 | component:11-design-editor.css */
.egeg-design-editor-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 1.15em;
	height: 1.15em;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	color: currentColor;
}

.egeg-design-editor-icon::before {
	content: none !important;
}

.egeg-design-editor-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	overflow: visible;
}

.egeg-design-editor-icon svg [opacity] {
	fill: currentColor;
	stroke: none;
}

.egeg-design-editor-prop-button:hover:not(:disabled),
.egeg-design-editor-tool:hover:not(:disabled),
.egeg-design-editor-close:hover:not(:disabled),
.egeg-design-editor-mobile-action:hover:not(:disabled) {
	border-color: rgba(var(--egeg-primary-rgb, 112, 71, 255), .28);
	background: var(--egeg-color-panel, #fbf8ff);
	color: var(--egeg-color-text, #231f2f);
}


.egeg-design-editor-save:hover:not(:disabled),
.egeg-design-editor-save:focus-visible:not(:disabled),
.egeg-design-editor-save:active:not(:disabled),
.egeg-design-editor-mobile-action--primary:hover:not(:disabled),
.egeg-design-editor-mobile-action--primary:focus-visible:not(:disabled),
.egeg-design-editor-mobile-action--primary:active:not(:disabled) {
	border-color: transparent;
	background: var(--egeg-color-primary, #7047ff);
	box-shadow: 0 12px 28px rgba(var(--egeg-primary-rgb, 112, 71, 255), .26);
	color: #fff;
}

.egeg-design-editor-prop-button:active:not(:disabled),
.egeg-design-editor-tool:active:not(:disabled),
.egeg-design-editor-close:active:not(:disabled),
.egeg-design-editor-mobile-action:active:not(:disabled) {
	background: #f4edff;
	border-color: rgba(var(--egeg-primary-rgb, 112, 71, 255), .34);
	box-shadow: inset 0 0 0 1px rgba(var(--egeg-primary-rgb, 112, 71, 255), .08);
	color: var(--egeg-color-text, #231f2f);
	transform: translateY(1px);
}

.egeg-design-editor-prop-button--danger:hover:not(:disabled),
.egeg-design-editor-prop-button--danger:active:not(:disabled) {
	border-color: rgba(162, 50, 50, .28);
	background: rgba(162, 50, 50, .075);
	color: #a23232;
}

@media (max-width: 1024px) {
	.egeg-design-editor-layerbar .egeg-design-editor-prop-button {
		position: relative;
		width: 40px;
		min-width: 40px;
		height: 38px;
		min-height: 38px;
		padding: 0;
		border-radius: 999px;
		background: #fff;
		color: var(--egeg-color-text, #231f2f);
	}

	.egeg-design-editor-layerbar .egeg-design-editor-prop-button:hover:not(:disabled),
	.egeg-design-editor-layerbar .egeg-design-editor-prop-button:focus-visible:not(:disabled) {
		background: var(--egeg-color-panel, #fbf8ff);
		border-color: rgba(var(--egeg-primary-rgb, 112, 71, 255), .28);
		color: var(--egeg-color-primary, #7047ff);
	}

	.egeg-design-editor-layerbar .egeg-design-editor-prop-button:active:not(:disabled) {
		background: #f4edff;
		border-color: rgba(var(--egeg-primary-rgb, 112, 71, 255), .34);
		box-shadow: inset 0 0 0 1px rgba(var(--egeg-primary-rgb, 112, 71, 255), .08);
		color: var(--egeg-color-primary, #7047ff);
	}

	.egeg-design-editor-layerbar .egeg-design-editor-prop-button--danger:hover:not(:disabled),
	.egeg-design-editor-layerbar .egeg-design-editor-prop-button--danger:focus-visible:not(:disabled),
	.egeg-design-editor-layerbar .egeg-design-editor-prop-button--danger:active:not(:disabled) {
		background: rgba(162, 50, 50, .075);
		border-color: rgba(162, 50, 50, .28);
		color: #a23232;
	}

	.egeg-design-editor-mobile-action--secondary[aria-expanded='true'] {
		background: #fff8ef;
		border-color: rgba(var(--egeg-accent-rgb, 249, 136, 0), .48);
		box-shadow: 0 8px 20px rgba(var(--egeg-accent-rgb, 249, 136, 0), .12);
		color: var(--egeg-color-orange, var(--egeg-color-accent, #f37a21));
	}

	.egeg-design-editor-mobile-action--secondary[aria-expanded='true']:hover:not(:disabled),
	.egeg-design-editor-mobile-action--secondary[aria-expanded='true']:focus-visible:not(:disabled),
	.egeg-design-editor-mobile-action--secondary[aria-expanded='true']:active:not(:disabled) {
		background: #fff3df;
		border-color: rgba(var(--egeg-accent-rgb, 249, 136, 0), .60);
		color: var(--egeg-color-orange, var(--egeg-color-accent, #f37a21));
	}
}

/* @egeg-block:001426 | component:12-responsive-adaptive.css */
@media (max-width: 980px) {
	.egeg-card-grid--measures,
	.egeg-card-grid--measures[data-egeg-measure-count="5"] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 680px;
	}
	.egeg-card-grid--measures[data-egeg-measure-count="5"] > .egeg-card--measure,
	.egeg-card-grid--measures[data-egeg-measure-count="5"] > .egeg-card--measure:nth-child(4),
	.egeg-card-grid--measures[data-egeg-measure-count="5"] > .egeg-card--measure:nth-child(5) {
		grid-column: auto;
	}
}

/* @egeg-block:001427 | component:12-responsive-adaptive.css */
@media (max-width: 640px) {
	.egeg-card-grid--measures,
	.egeg-card-grid--measures[data-egeg-measure-count="5"] {
		grid-template-columns: 1fr;
		max-width: 100%;
	}
	.egeg-card--measure {
		min-height: 132px;
		padding: 18px 20px;
	}
	.egeg-card--measure .egeg-measure-visual {
		height: 64px;
		margin-bottom: var(--egeg-space-4, 16px);
		width: 84px;
	}
}

/* @egeg-block:001428 | component:12-responsive-adaptive.css */
@media (max-width: 1280px) {
	.egeg-layout {
		grid-template-columns: 1fr;
		overflow: visible;
	}

	.egeg-main {
		overflow: hidden;
	}

	.egeg-summary dl {
		grid-template-columns: repeat(2, minmax(144px, 1fr));
	}
}

/* @egeg-block:001429 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator .egeg-order-confirmation-wrap {
		min-height: 0 !important;
		padding: 0 !important;
	}

	.egeg-generator .egeg-order-confirmation.egeg-order-confirmation--flat {
		padding: 0 !important;
	}
}

/* @egeg-block:001430 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator {
		padding: var(--egeg-card-padding);
	}

	.egeg-shell {
		border-radius: 24px;
		padding: 22px 16px;
	}

	.egeg-stepper::before {
		left: 18px;
		right: 18px;
		top: 17px;
	}

	.egeg-stepper-icon {
		height: var(--egeg-stepper-icon-size, 36px);
		width: var(--egeg-stepper-icon-size, 36px);
	}

	.egeg-stepper-icon svg {
		height: var(--egeg-stepper-icon-font-size, 21px);
		width: var(--egeg-stepper-icon-font-size, 21px);
	}

	.egeg-stepper-item span:last-child {
		display: none;
	}

	.egeg-panel {
		min-height: 0;
		padding: 18px;
	}

	.egeg-card-grid--products {
		gap: 16px;
		padding-top: 16px;
	}

	.egeg-card-grid--products .egeg-card {
		flex-basis: min(270px, 78vw);
	}

	.egeg-card-visual {
		height: 150px;
	}

	.egeg-summary dl {
		grid-template-columns: 1fr;
	}

	.egeg-nav {
		background: rgba(255, 255, 255, 0.96);
		border: 1px solid var(--egeg-purple-100);
		border-radius: 18px;
		bottom: 10px;
		padding: 8px;
		position: sticky;
		z-index: 4;
	}

	.egeg-fit-layout,
	.egeg-final-grid {
		grid-template-columns: 1fr;
	}
}

/* @egeg-block:001431 | component:12-responsive-adaptive.css */
@media (max-width: 480px) {
	.egeg-generator {
		padding: 10px;
	}

	.egeg-shell {
		border-radius: 18px;
		padding: 18px 12px;
	}

	.egeg-stepper::before {
		top: 16px;
	}

	.egeg-stepper-icon {
		height: 34px;
		width: 34px;
	}

	.egeg-card-grid {
		grid-template-columns: 1fr;
	}

	.egeg-nav {
		display: grid;
		grid-template-columns: 1fr;
	}
}

/* @egeg-block:001432 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-card-grid--products,
	.egeg-card-grid--icons {
		grid-template-columns: 1fr;
	}

	.egeg-card-grid--products .egeg-card {
		min-height: 0;
	}

	.egeg-nav {
		justify-self: stretch;
		max-width: none;
	}
}

/* @egeg-block:001433 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator[data-egeg-current-step="6"] .egeg-card-grid {
		grid-template-columns: 1fr;
	}
}

/* @egeg-block:001434 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-final-actions {
		grid-template-columns: 1fr;
	}
}

/* @egeg-block:001435 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-final-actions,
	.egeg-generator[data-egeg-current-step="6"] .egeg-card-grid {
		grid-template-columns: 1fr;
	}
}

/* @egeg-block:001436 | component:12-responsive-adaptive.css */
/* Canonical wide-desktop density. Final-step readability has its documented exception below. */
@media (min-width: 1281px) {
	.egeg-generator {
		zoom: .88;
	}
}

/* @egeg-block:001437 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-shell {
		min-height: auto !important;
	}
	.egeg-slider-row {
		grid-template-columns: 58px minmax(0, 1fr) 72px !important;
	}
	.egeg-slider-row input[type="number"] {
		width: 72px;
	}
}

/* @egeg-block:001438 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator[data-egeg-current-step="5"] .egeg-fit-layout {
		grid-template-columns: 1fr !important;
	}
	.egeg-generator[data-egeg-current-step="5"] .egeg-fit-tools {
		padding-left: 0;
	}
	.egeg-grommet-position-row {
		grid-template-columns: 58px minmax(0, 1fr) 70px !important;
	}
	.egeg-grommet-position-row [data-egeg-grommet-position-value] {
		display: none;
	}
}

/* @egeg-block:001439 | component:12-responsive-adaptive.css */
/* 0.1.26: responsive strokes, carousel polish and compact selector checks. */
@media (max-width: 760px) {
	.egeg-substep,
	.egeg-panel,
	.egeg-summary dl {
		border-width: var(--egeg-panel-stroke-width, 1.25px) !important;
	}
}

/* @egeg-block:001440 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator[data-egeg-current-step="0"] .egeg-panel,
	.egeg-generator[data-egeg-current-step="0"] [data-egeg-stage] {
		overflow: hidden !important;
	}

	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 14px !important;
		padding-right: 14px !important;
		width: 100% !important;
	}
}

/* @egeg-block:001441 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-upload-box {
		padding: 22px 18px !important;
	}

	.egeg-upload-drop {
		min-height: 210px !important;
		padding: 28px 16px !important;
	}

	.egeg-upload-actions {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	.egeg-upload-actions .egeg-button {
		justify-content: center !important;
		width: 100% !important;
	}
}

/* @egeg-block:001442 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-upload-box {
		max-width: 100% !important;
		padding: 18px !important;
	}

	.egeg-upload-drop {
		min-height: 190px !important;
	}
}

/* @egeg-block:001443 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-upload-box {
		padding: var(--egeg-space-4) !important;
	}

	.egeg-upload-drop {
		min-height: 168px !important;
		padding: var(--egeg-space-6) var(--egeg-space-4) !important;
	}

	.egeg-upload-actions .egeg-button {
		max-width: none !important;
	}
}

/* @egeg-block:001444 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-upload-drop {
		min-height: 150px !important;
	}

	.egeg-guide-legend {
		justify-content: flex-start;
	}
}

/* @egeg-block:001445 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-preview-modal-dialog {
		border-radius: 14px !important;
		padding: 10px !important;
		width: 100% !important;
	}

	.egeg-preview-modal-head strong {
		font-size: 15px !important;
	}
}

/* @egeg-block:001446 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-draft-modal-actions {
		width: 100% !important;
	}

	.egeg-draft-modal-actions .egeg-button {
		width: 100% !important;
	}
}

/* @egeg-block:001447 | component:12-responsive-adaptive.css */
@media (max-width: 640px) {
	.egeg-custom-size-grid { grid-template-columns: 1fr; }
}

/* @egeg-block:001448 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--icons,
	.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons {
		grid-template-columns: 1fr !important;
	}
	.egeg-final-summary-row {
		grid-template-columns: 1fr !important;
		gap: 4px !important;
	}
}

/* @egeg-block:001449 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--icons,
	.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons {
		grid-template-columns: 1fr !important;
		max-width: 100% !important;
	}
	.egeg-payment-panel-head {
		align-items: flex-start !important;
		flex-direction: column !important;
	}
}

/* @egeg-block:001450 | component:12-responsive-adaptive.css */
@media (max-width: 640px) {
	.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid,
	.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons,
	.egeg-receipt-uploader {
		grid-template-columns: 1fr !important;
	}
}

/* @egeg-block:001451 | component:12-responsive-adaptive.css */
@media (max-width: 640px) {
	.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid,
	.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial,
	.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons {
		grid-template-columns: 1fr !important;
		max-width: 100% !important;
	}
	.egeg-receipt-uploader,
	.egeg-payment-method-card,
	.egeg-bank-account-card {
		grid-template-columns: 1fr !important;
	}
	.egeg-bank-accounts-button {
		grid-column: 1 !important;
		grid-row: auto !important;
		justify-self: start !important;
	}
}

/* @egeg-block:001452 | component:12-responsive-adaptive.css */
@media (max-width: 640px) {
	.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial,
	.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons,
	.egeg-quote-modal-actions,
	.egeg-payment-method-card,
	.egeg-receipt-uploader {
		grid-template-columns: 1fr !important;
		max-width: 100% !important;
	}
	.egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial .egeg-card,
	.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons .egeg-card {
		width: 100% !important;
	}
}

/* @egeg-block:001453 | component:12-responsive-adaptive.css */
/* Mobile — bottom sheet */
@media (max-width: 760px) {
	.egeg-ob-callout {
		border-radius: var(--egeg-radius-lg) var(--egeg-radius-lg) 0 0;
		bottom: 0;
		left: 0;
		max-width: 100%;
		top: auto;
		transform: none;
		width: 100%;
		animation: egeg-ob-in-mobile 0.24s cubic-bezier(0.22, 1, 0.36, 1) both;
	}
	@keyframes egeg-ob-in-mobile {
		from { opacity: 0; transform: translateY(24px); }
		to   { opacity: 1; transform: translateY(0); }
	}
	.egeg-ob-callout--leaving {
		animation: egeg-ob-out-mobile 0.18s ease-in forwards;
	}
	@keyframes egeg-ob-out-mobile {
		to { opacity: 0; transform: translateY(100%); }
	}
}

/* @egeg-block:001454 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-ob-footer { flex-wrap: wrap; }
	.egeg-ob-nav-btn { flex: 1; justify-content: center; }
}

/* @egeg-block:001455 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-ob-footer { flex-wrap: wrap; }
	.egeg-ob-nav-btn { flex: 1; justify-content: center; }
	.egeg-sfb-send { width: 100%; justify-self: stretch; }
}

/* @egeg-block:001456 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-screen-feedback-slot {
		justify-content: stretch;
	}

	.egeg-generator .egeg-sfb {
		border-radius: 16px;
		grid-template-columns: 1fr;
		width: 100%;
	}

	.egeg-generator .egeg-sfb-prompt {
		white-space: normal;
	}

	.egeg-generator .egeg-sfb-comment {
		grid-template-columns: 1fr;
	}

	.egeg-generator .egeg-card-grid[data-egeg-card-count="2"] {
		grid-template-columns: 1fr !important;
	}

	.egeg-pdf-preview-modal-dialog {
		height: 94vh !important;
		width: 96vw !important;
	}
}

/* @egeg-block:001457 | component:12-responsive-adaptive.css */
@media (max-width: 780px) {
  .egeg-customer-grid,
  .egeg-order-confirmation-meta {
    grid-template-columns: 1fr;
  }

  .egeg-customer-panel,
  .egeg-order-confirmation,
  .egeg-order-confirmation-wrap .egeg-payment-panel {
    padding: 18px;
  }
}

/* @egeg-block:001458 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-screen-feedback-slot {
		margin-top: 10px !important;
	}
	.egeg-generator .egeg-sfb {
		grid-template-columns: 1fr auto !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	.egeg-generator .egeg-sfb-comment {
		grid-template-columns: 1fr !important;
	}
	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products,
	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel {
		padding-inline: 16px !important;
		scroll-padding-inline: 16px !important;
	}
	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card,
	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel .egeg-card {
		flex-basis: min(82vw, 300px) !important;
		max-width: min(82vw, 300px) !important;
	}
}

/* @egeg-block:001459 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-pdf-preview-modal-dialog {
		height: 96dvh !important;
		width: 98vw !important;
	}
	.egeg-order-confirmation-meta {
		grid-template-columns: 1fr !important;
	}
	.egeg-order-confirmation-actions .egeg-button {
		width: 100% !important;
	}
}

/* @egeg-block:001460 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-pdf-preview-modal-dialog {
		width: min(96vw, calc((96dvh - 124px) * var(--egeg-pdf-modal-ratio, 1) + 58px)) !important;
		min-width: min(96vw, 320px) !important;
	}
	.egeg-pdf-preview-modal-dialog[data-egeg-pdf-orientation="landscape"] {
		width: 96vw !important;
	}
}

/* @egeg-block:001461 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons,
	.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer {
		max-width: 100% !important;
		width: 100% !important;
	}
	.egeg-generator .egeg-fit-tools {
		align-items: stretch !important;
		display: grid !important;
		grid-template-columns: 1fr !important;
	}
	.egeg-generator .egeg-fit-tool {
		width: 100% !important;
	}
	.egeg-generator .egeg-order-confirmation-actions .egeg-button {
		max-width: none !important;
		width: 100% !important;
	}
}

/* @egeg-block:001462 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
  .egeg-pdf-preview-modal-dialog {
    width: 96vw !important;
    min-width: 0 !important;
  }
}

/* @egeg-block:001463 | component:12-responsive-adaptive.css */
@media (max-width: 780px) {
  .egeg-cart-order-lookup {
    grid-template-columns: 1fr;
  }
  .egeg-cart-order-lookup__submit,
  .egeg-cart-order-hub .egeg-cart-order-lookup__submit.button {
    width: 100%;
  }
}

/* @egeg-block:001464 | component:12-responsive-adaptive.css */
@media (max-width: 780px) {
  .egeg-generator[data-egeg-current-step="2"] .egeg-card-grid--commercial,
  .egeg-generator[data-egeg-current-step="3"] .egeg-card-grid--icons,
  .egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer {
    grid-template-columns: 1fr !important;
    max-width: var(--egeg-choice-grid-mobile-max) !important;
    width: min(100%, var(--egeg-choice-grid-mobile-max)) !important;
  }

  .egeg-generator[data-egeg-current-step="5"] .egeg-fit-layout {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .egeg-generator[data-egeg-current-step="5"] .egeg-fit-tools {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  .egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool,
  .egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:hover,
  .egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:focus,
  .egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:focus-visible,
  .egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:active,
  .egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool[aria-pressed="true"] {
    justify-self: center !important;
    width: var(--egeg-fit-tool-width) !important;
  }

  .egeg-generator[data-egeg-current-step="7"] .egeg-customer-grid,
  .egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card,
  .egeg-generator[data-egeg-current-step="7"] .egeg-receipt-uploader {
    grid-template-columns: 1fr !important;
  }

  .egeg-generator[data-egeg-current-step="7"] .egeg-receipt-uploader .egeg-button,
  .egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-button {
    width: 100% !important;
  }

  .egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  .egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-value {
    text-align: left !important;
  }
}

/* @egeg-block:001465 | component:12-responsive-adaptive.css */
/* ============================================================
   0.5.11 — Final-step readable type scale
   Raises final review typography after compact 0.5.10 pass,
   using moderate weights and clear hierarchy without heavy bold.
   Scope: only Paso Resumen / final aside.
   ============================================================ */
@media (min-width: 1281px) {
  .egeg-generator[data-egeg-current-step="7"] {
    zoom: .96 !important;
  }
}

/* @egeg-block:001466 | component:12-responsive-adaptive.css */
@media (max-width: 780px) {
  .egeg-generator[data-egeg-current-step="7"] .egeg-final-summary,
  .egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel,
  .egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel {
    padding: 17px 16px !important;
  }

  .egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
    gap: 5px !important;
  }

  .egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-label,
  .egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-value {
    font-size: 14px !important;
  }
}

/* @egeg-block:001467 | component:12-responsive-adaptive.css */
@media (max-width: 640px) {
  .egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card {
    grid-template-columns: 1fr !important;
    row-gap: 8px !important;
  }

  .egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-button {
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: stretch !important;
    width: 100% !important;
  }
}

/* @egeg-block:001468 | component:12-responsive-adaptive.css */
@media (max-width: 620px) {
  .egeg-order-status-shortcode { padding-inline: 12px; }
  .egeg-order-status-shortcode__inner { border-radius: 20px; padding: 20px 16px; }
}

/* @egeg-block:001469 | component:12-responsive-adaptive.css */
@media (max-width: 640px) {
	.egeg-mini-cart-lookup-row {
		grid-template-columns: 1fr !important;
	}

	.egeg-mini-cart-lookup-row button {
		width: 100% !important;
	}


	.egeg-preview-modal {
		align-items: center !important;
		padding: 14px !important;
	}

	.egeg-preview-modal-dialog,
	.egeg-info-modal-dialog,
	.egeg-quote-modal-dialog {
		border-radius: 20px !important;
		max-height: calc(100svh - 28px) !important;
		max-width: calc(100vw - 28px) !important;
		width: 100% !important;
	}

	.egeg-info-modal-actions,
	.egeg-quote-modal-actions {
		grid-template-columns: 1fr !important;
	}

	.egeg-guide-legend {
		justify-content: flex-start !important;
	}

	.egeg-guide-legend > span {
		font-size: 10.5px !important;
	}
}

/* @egeg-block:001470 | component:12-responsive-adaptive.css */
@media (max-width: 640px) {
	.egeg-bank-account-card {
		grid-template-columns: 52px minmax(0, 1fr) !important;
	}
	.egeg-bank-account-copy {
		grid-column: 1 / -1 !important;
		justify-self: stretch !important;
		width: 100% !important;
	}
	.egeg-shell {
		--egeg-shell-shadow-gutter: 10px;
	}
}

/* @egeg-block:001471 | component:12-responsive-adaptive.css */
@media (max-width: 520px) {
	.egeg-mobile-summary-toggle {
		font-size: 13px;
		min-height: 46px;
		padding-inline: 12px 14px;
	}
	.egeg-mobile-summary-toggle-label {
		max-width: 96px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.egeg-mobile-summary-dialog {
		border-radius: 18px 18px 0 0;
		bottom: 0;
		left: 0;
		max-width: 100%;
		position: fixed;
		right: 0;
		width: 100%;
	}
	.egeg-mobile-summary-body {
		max-height: min(72vh, 620px);
	}
}

/* @egeg-block:001472 | component:12-responsive-adaptive.css */
@media (max-width: 980px) {
	.egeg-generator .egeg-panel,
	.egeg-generator .egeg-substep,
	.egeg-generator .egeg-card-grid,
	.egeg-generator .egeg-fit-layout,
	.egeg-generator .egeg-final-stack,
	.egeg-generator .egeg-summary {
		border-width: var(--egeg-panel-stroke-width, 1.5px) !important;
		border-color: rgba(var(--egeg-primary-rgb, 135, 50, 245), .72) !important;
	}

	.egeg-preview-modal {
		align-items: center !important;
		padding: 12px !important;
	}

	.egeg-preview-modal-dialog,
	.egeg-bank-modal-dialog,
	.egeg-pdf-preview-modal-dialog {
		border-radius: 20px !important;
		max-height: calc(100dvh - 24px) !important;
		max-width: calc(100vw - 24px) !important;
		width: calc(100vw - 24px) !important;
	}

	.egeg-preview-modal-body,
	.egeg-bank-modal-body,
	.egeg-pdf-preview-modal .egeg-preview-modal-body {
		max-height: calc(100dvh - 112px) !important;
		overflow: auto !important;
		padding: 12px !important;
	}

	.egeg-bank-account-card,
	.egeg-bank-account-card.egeg-bank-account-card--text-only {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
		padding: 14px !important;
	}

	.egeg-bank-account-copy {
		justify-self: stretch !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card {
		grid-template-columns: 1fr !important;
		grid-template-areas: "label" "value" "button" !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-row {
		justify-self: stretch !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-button {
		width: 100% !important;
	}
}

/* @egeg-block:001473 | component:12-responsive-adaptive.css */
@media (max-width: 640px) {
	.egeg-ob-overlay {
		align-items: flex-end !important;
		justify-content: center !important;
		padding: 12px !important;
	}

	.egeg-ob-callout {
		border-radius: 18px !important;
		max-height: min(78dvh, 520px) !important;
		overflow: auto !important;
		width: 100% !important;
	}
}

/* @egeg-block:001474 | component:12-responsive-adaptive.css */
@media (max-width: 980px) {
	.egeg-mobile-summary-modal {
		align-items: flex-end !important;
		justify-content: center !important;
		overflow: hidden !important;
		padding: 0 !important;
	}

	.egeg-mobile-summary-dialog {
		border-radius: 22px 22px 0 0 !important;
		bottom: 0 !important;
		display: grid !important;
		grid-template-rows: auto minmax(0, 1fr) !important;
		left: 0 !important;
		margin: 0 auto !important;
		max-height: min(82dvh, 720px) !important;
		max-width: min(100vw, 720px) !important;
		overflow: hidden !important;
		position: fixed !important;
		right: 0 !important;
		width: 100% !important;
	}

	.egeg-mobile-summary-body {
		align-items: stretch !important;
		display: block !important;
		max-height: none !important;
		min-height: 0 !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
	}

	.egeg-mobile-summary-list {
		display: grid !important;
		gap: 10px !important;
	}
}

@media (max-width: 760px) {
	.egeg-generator .egeg-nav,
	.egeg-nav {
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		bottom: max(10px, env(safe-area-inset-bottom)) !important;
		display: flex !important;
		gap: 12px !important;
		max-width: none !important;
		padding: 10px 0 0 !important;
		position: sticky !important;
		width: 100% !important;
		z-index: 8 !important;
	}

	.egeg-generator .egeg-nav .egeg-button {
		flex: 1 1 0 !important;
		min-width: 0 !important;
	}
}

@media (max-width: 520px) {
	.egeg-mobile-summary-dialog {
		max-height: min(86dvh, 680px) !important;
	}
}

/* @egeg-block:001475 | component:12-responsive-adaptive.css */
@media (max-width: 620px) {
	.egeg-bank-modal .egeg-preview-modal-dialog,
	.egeg-bank-modal-dialog {
		border-radius: 20px !important;
		max-height: calc(100dvh - 20px) !important;
		max-width: calc(100vw - 20px) !important;
		width: calc(100vw - 20px) !important;
	}
	.egeg-bank-modal .egeg-preview-modal-head {
		padding: 16px 16px 8px !important;
	}
	.egeg-bank-modal-body {
		max-height: calc(100dvh - 108px) !important;
		padding: 8px 12px 16px !important;
	}
	.egeg-bank-account-card,
	.egeg-bank-account-card.egeg-bank-account-card--text-only {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
		padding: 12px !important;
	}
	.egeg-bank-account-copy {
		justify-self: stretch !important;
		width: 100% !important;
	}
}

/* @egeg-block:001476 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-bank-modal .egeg-preview-modal-dialog,
	.egeg-bank-modal-dialog {
		border-radius: 20px !important;
		max-height: calc(100dvh - 20px) !important;
		max-width: calc(100vw - 20px) !important;
		width: calc(100vw - 20px) !important;
	}

	.egeg-bank-modal .egeg-preview-modal-head {
		padding: 16px 16px 8px !important;
	}

	.egeg-bank-modal .egeg-preview-modal-body,
	.egeg-bank-modal-body {
		gap: 10px !important;
		grid-template-columns: 1fr !important;
		max-height: calc(100dvh - 104px) !important;
		padding: 8px 12px 16px !important;
	}

	.egeg-bank-account-card,
	.egeg-bank-account-card.egeg-bank-account-card--text-only {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 8px !important;
		padding: 12px !important;
	}

	.egeg-bank-account-copy {
		justify-self: stretch !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-row {
		grid-column: 1 !important;
		grid-row: auto !important;
		justify-content: stretch !important;
		margin-top: 4px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-button {
		width: 100% !important;
	}
}

/* @egeg-block:001477 | component:12-responsive-adaptive.css */
@media (max-width: 640px) {
	.egeg-surface-switcher {
		padding: 12px;
	}
	.egeg-surface-pills {
		display: grid;
		grid-template-columns: 1fr;
	}
	.egeg-surface-pill {
		justify-content: space-between;
		width: 100%;
	}
}

/* @egeg-block:001478 | component:12-responsive-adaptive.css */
@media (max-width: 980px) {
	.egeg-mobile-summary-dialog {
		max-height: min(86dvh, 760px) !important;
	}

	.egeg-mobile-summary-body,
	.egeg-preview-modal-body {
		overscroll-behavior: contain !important;
		-webkit-overflow-scrolling: touch !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
		grid-template-columns: minmax(96px, .72fr) minmax(0, 1.28fr) !important;
	}
}

@media (max-width: 760px) {
	.egeg-preview-modal {
		padding: 10px !important;
	}

	.egeg-preview-modal-dialog {
		max-height: calc(100dvh - 20px) !important;
		max-width: calc(100vw - 20px) !important;
		width: calc(100vw - 20px) !important;
	}

	.egeg-preview-modal-head {
		padding: 12px 14px 8px !important;
	}

	.egeg-preview-modal-body {
		max-height: calc(100dvh - 96px) !important;
		padding: 10px 14px 14px !important;
	}

	.egeg-bank-modal .egeg-preview-modal-body,
	.egeg-bank-modal-body {
		grid-template-columns: 1fr !important;
		max-height: calc(100dvh - 86px) !important;
		padding: 6px 10px 12px !important;
	}

	.egeg-bank-account-card,
	.egeg-bank-account-card.egeg-bank-account-card--text-only {
		grid-template-columns: minmax(0, 1fr) auto !important;
		padding: 9px 10px !important;
	}

	.egeg-bank-account-copy {
		min-width: 86px !important;
	}

	.egeg-surface-switcher {
		box-shadow: none !important;
		margin-bottom: 10px !important;
		padding: 11px !important;
	}

	.egeg-surface-pills {
		display: grid !important;
		grid-template-columns: 1fr !important;
	}

	.egeg-surface-pill {
		justify-content: space-between !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
		grid-template-columns: 1fr !important;
		gap: 3px !important;
		padding: 8px 0 !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-value {
		text-align: left !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card {
		grid-template-columns: 1fr !important;
		grid-template-rows: auto !important;
		padding: 13px 14px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-row {
		grid-column: 1 !important;
		grid-row: auto !important;
		justify-content: stretch !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-button {
		width: 100% !important;
	}
}

@media (max-width: 420px) {
	.egeg-bank-account-card,
	.egeg-bank-account-card.egeg-bank-account-card--text-only {
		grid-template-columns: 1fr !important;
	}

	.egeg-bank-account-copy {
		justify-self: stretch !important;
		width: 100% !important;
	}
}

/* @egeg-block:001479 | component:12-responsive-adaptive.css */
.egeg-generator {
	max-width: 100% !important;
	overflow: visible !important;
	width: 100% !important;
}

.egeg-generator .egeg-shell {
	box-sizing: border-box !important;
	max-width: 100% !important;
	width: 100% !important;
}

.egeg-heading {
	position: relative !important;
}

.egeg-heading .egeg-ob-launch {
	align-items: center !important;
	border: 1.5px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .22) !important;
	border-radius: 999px !important;
	box-shadow: 0 8px 22px rgba(80, 31, 169, .14) !important;
	display: inline-flex !important;
	gap: 6px !important;
	height: 36px !important;
	padding: 0 12px !important;
	right: 0 !important;
	top: 0 !important;
	width: auto !important;
}

.egeg-ob-launch-mark {
	align-items: center;
	background: rgba(255, 255, 255, .18);
	border-radius: 999px;
	display: inline-flex;
	height: 20px;
	justify-content: center;
	line-height: 1;
	width: 20px;
}

.egeg-ob-launch-label {
	font-size: 12px;
	font-weight: 850;
	line-height: 1;
}

@media (min-width: 761px) {
	.egeg-heading {
		padding-right: 92px !important;
	}
}

@media (max-width: 980px) {
	.egeg-generator {
		--egeg-mobile-action-bottom: calc(72px + env(safe-area-inset-bottom));
		padding-bottom: calc(98px + env(safe-area-inset-bottom)) !important;
	}

	.egeg-generator .egeg-shell {
		margin-inline: 0 !important;
	}
}

@media (max-width: 760px) {
	.egeg-generator .egeg-shell {
		border-radius: 22px !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.egeg-heading {
		padding-right: 0 !important;
	}

	.egeg-heading .egeg-ob-launch {
		justify-self: start !important;
		margin-top: 2px !important;
		position: static !important;
	}

	.egeg-generator .egeg-nav,
	.egeg-nav {
		align-items: stretch !important;
		background: rgba(255, 255, 255, .96) !important;
		border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18) !important;
		border-radius: 20px !important;
		box-shadow: 0 16px 38px rgba(32, 23, 51, .18) !important;
		display: grid !important;
		grid-template-columns: minmax(82px, .88fr) minmax(86px, 1fr) minmax(104px, 1.18fr) !important;
		gap: 8px !important;
		max-width: 100% !important;
		padding: 8px !important;
		position: sticky !important;
		bottom: var(--egeg-mobile-action-bottom, calc(72px + env(safe-area-inset-bottom))) !important;
		width: 100% !important;
		z-index: 40 !important;
		-webkit-backdrop-filter: blur(12px) !important;
		backdrop-filter: blur(12px) !important;
	}

	.egeg-generator .egeg-nav .egeg-mobile-summary-toggle {
		background: linear-gradient(135deg, var(--egeg-purple-400), var(--egeg-purple-300)) !important;
		border: 0 !important;
		border-radius: 999px !important;
		bottom: auto !important;
		box-shadow: none !important;
		display: inline-flex !important;
		font-size: 12px !important;
		gap: 5px !important;
		grid-column: 1 !important;
		height: 48px !important;
		left: auto !important;
		min-height: 48px !important;
		min-width: 0 !important;
		order: 0 !important;
		padding: 0 9px !important;
		position: static !important;
		transform: none !important;
		width: 100% !important;
		z-index: auto !important;
	}

	.egeg-generator .egeg-nav [data-egeg-prev] {
		grid-column: 2 !important;
		order: 1 !important;
	}

	.egeg-generator .egeg-nav [data-egeg-next] {
		grid-column: 3 !important;
		order: 2 !important;
	}

	.egeg-generator .egeg-nav .egeg-button {
		font-size: 12.5px !important;
		height: 48px !important;
		justify-content: center !important;
		min-height: 48px !important;
		min-width: 0 !important;
		padding: 0 9px !important;
		width: 100% !important;
	}

	.egeg-mobile-summary-toggle-icon,
	.egeg-generator .egeg-nav .egeg-button-icon {
		font-size: 17px !important;
		height: 19px !important;
		width: 19px !important;
	}

	.egeg-mobile-summary-toggle-badge {
		font-size: 10px !important;
		height: 18px !important;
		min-width: 18px !important;
		padding: 0 5px !important;
	}
}

@media (max-width: 430px) {
	.egeg-generator {
		--egeg-mobile-action-bottom: calc(68px + env(safe-area-inset-bottom));
	}

	.egeg-generator .egeg-nav,
	.egeg-nav {
		grid-template-columns: minmax(70px, .78fr) minmax(78px, .95fr) minmax(96px, 1.18fr) !important;
		gap: 6px !important;
		padding: 7px !important;
	}

	.egeg-generator .egeg-nav .egeg-button,
	.egeg-generator .egeg-nav .egeg-mobile-summary-toggle {
		font-size: 11.5px !important;
		padding-inline: 7px !important;
	}

	.egeg-mobile-summary-toggle-label {
		max-width: 62px !important;
	}
}

/* @egeg-block:001480 | component:12-responsive-adaptive.css */
@media (max-width: 980px) {
	.egeg-generator {
		padding-bottom: 0 !important;
	}

	.egeg-mobile-summary-toggle:not(.egeg-mobile-summary-toggle--nav) {
		display: none !important;
	}

	.egeg-mobile-summary-modal {
		align-items: flex-end !important;
		justify-content: center !important;
		padding: 0 !important;
	}

	.egeg-mobile-summary-dialog {
		display: flex !important;
		flex-direction: column !important;
		max-height: calc(100dvh - 24px) !important;
		overflow: hidden !important;
	}

	.egeg-mobile-summary-body {
		flex: 1 1 auto !important;
		min-height: 0 !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}
}

@media (max-width: 760px) {
	.egeg-generator {
		box-sizing: border-box !important;
		margin-inline: 0 !important;
		padding: 0 2px 14px !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-shell {
		border-radius: 22px !important;
		margin: 8px 0 14px !important;
		max-width: 100% !important;
		overflow: visible !important;
		padding: 18px 10px !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-main {
		gap: 12px !important;
		overflow: visible !important;
	}

	.egeg-generator .egeg-heading h2 {
		font-size: clamp(27px, 8vw, 34px) !important;
		line-height: 1.08 !important;
	}

	.egeg-generator .egeg-heading p {
		font-size: 14px !important;
		line-height: 1.35 !important;
	}

	.egeg-generator .egeg-stepper {
		column-gap: 0 !important;
		grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
		overflow: visible !important;
	}

	.egeg-generator .egeg-stepper::before {
		left: 16px !important;
		right: 16px !important;
		top: 17px !important;
	}

	.egeg-generator .egeg-stepper-icon {
		height: 34px !important;
		width: 34px !important;
	}

	.egeg-generator .egeg-stepper-icon svg,
	.egeg-generator .egeg-stepper-icon .ph {
		font-size: 19px !important;
		height: 19px !important;
		width: 19px !important;
	}

	.egeg-generator .egeg-substep,
	.egeg-generator .egeg-panel {
		border-radius: 19px !important;
		padding: 15px 13px !important;
	}

	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title] {
		font-size: clamp(23px, 7vw, 29px) !important;
		line-height: 1.08 !important;
	}

	.egeg-generator .egeg-substep p,
	.egeg-generator [data-egeg-step-description] {
		font-size: 14px !important;
		line-height: 1.32 !important;
	}

	.egeg-generator .egeg-card-grid--products,
	.egeg-generator .egeg-card-grid--product-carousel {
		margin-inline: 0 !important;
		padding-inline: 6px !important;
		scroll-padding-inline: 6px !important;
	}

	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card,
	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel .egeg-card {
		flex-basis: min(86vw, 304px) !important;
		max-width: min(86vw, 304px) !important;
	}

	.egeg-generator .egeg-nav,
	.egeg-nav {
		align-items: stretch !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		bottom: auto !important;
		display: grid !important;
		gap: 8px !important;
		grid-template-columns: minmax(76px, .78fr) minmax(94px, 1fr) minmax(108px, 1.08fr) !important;
		margin: 12px 0 0 !important;
		max-width: 100% !important;
		padding: 0 !important;
		position: static !important;
		width: 100% !important;
		z-index: 2 !important;
	}

	.egeg-generator .egeg-nav .egeg-mobile-summary-toggle {
		background: linear-gradient(135deg, var(--egeg-purple-400), var(--egeg-purple-300)) !important;
		border: 1.5px solid rgba(255, 255, 255, .78) !important;
		border-radius: 999px !important;
		bottom: auto !important;
		box-shadow: 0 8px 20px rgba(80, 31, 169, .20), 0 3px 0 rgba(58, 22, 123, .22) !important;
		display: inline-flex !important;
		font-size: 12px !important;
		gap: 5px !important;
		grid-column: 1 !important;
		height: 48px !important;
		left: auto !important;
		min-height: 48px !important;
		min-width: 0 !important;
		order: 0 !important;
		padding: 0 9px !important;
		position: static !important;
		transform: none !important;
		width: 100% !important;
		z-index: auto !important;
	}

	.egeg-generator .egeg-nav [data-egeg-prev] {
		grid-column: 2 !important;
		order: 1 !important;
	}

	.egeg-generator .egeg-nav [data-egeg-next] {
		grid-column: 3 !important;
		order: 2 !important;
	}

	.egeg-generator .egeg-nav .egeg-button {
		font-size: 12.5px !important;
		height: 48px !important;
		justify-content: center !important;
		min-height: 48px !important;
		min-width: 0 !important;
		padding: 0 8px !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-nav .egeg-button-icon,
	.egeg-generator .egeg-nav .egeg-mobile-summary-toggle-icon {
		font-size: 17px !important;
		height: 19px !important;
		width: 19px !important;
	}

	.egeg-generator .egeg-nav .egeg-mobile-summary-toggle-badge {
		font-size: 10px !important;
		height: 18px !important;
		min-width: 18px !important;
		padding: 0 5px !important;
	}
}

@media (max-width: 380px) {
	.egeg-generator .egeg-shell {
		padding-inline: 8px !important;
	}

	.egeg-generator .egeg-nav,
	.egeg-nav {
		gap: 6px !important;
		grid-template-columns: minmax(66px, .7fr) minmax(88px, .98fr) minmax(98px, 1.05fr) !important;
	}

	.egeg-generator .egeg-nav .egeg-button,
	.egeg-generator .egeg-nav .egeg-mobile-summary-toggle {
		font-size: 11.25px !important;
		padding-inline: 6px !important;
	}

	.egeg-generator .egeg-nav .egeg-mobile-summary-toggle-label {
		max-width: 56px !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}
}

/* @egeg-block:001481 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator[data-egeg-current-step="7"] .egeg-final-stack {
		gap: 14px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel {
		border-radius: 22px !important;
		padding: 16px 13px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel h4,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head h4 {
		font-size: clamp(21px, 6vw, 27px) !important;
		line-height: 1.12 !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title::before,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel-head::before,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head::before {
		flex: 0 0 38px !important;
		font-size: 16px !important;
		height: 38px !important;
		width: 38px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-list {
		border-radius: 18px !important;
		padding: 6px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
		align-items: center !important;
		display: grid !important;
		gap: 10px !important;
		grid-template-columns: minmax(104px, .82fr) minmax(0, 1.18fr) !important;
		padding: 12px 11px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-label {
		font-size: 13px !important;
		line-height: 1.24 !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-value {
		font-size: 14px !important;
		line-height: 1.24 !important;
		min-width: 0 !important;
		overflow-wrap: anywhere !important;
		text-align: right !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total {
		padding: 14px 12px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-grid {
		gap: 12px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-field input,
	.egeg-generator[data-egeg-current-step="7"] .egeg-field textarea,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-field input {
		font-size: 15px !important;
		min-height: 48px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card {
		grid-template-columns: 1fr !important;
		padding: 14px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-row {
		grid-column: 1 !important;
		grid-row: auto !important;
		justify-content: stretch !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-button,
	.egeg-generator[data-egeg-current-step="7"] .egeg-receipt-uploader .egeg-button {
		white-space: normal !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-receipt-uploader {
		grid-template-columns: 1fr !important;
		padding: 14px !important;
	}
}

@media (max-width: 380px) {
	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
		grid-template-columns: minmax(94px, .76fr) minmax(0, 1.24fr) !important;
		padding-inline: 9px !important;
	}
}

/* @egeg-block:001482 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-upload-box {
		box-sizing: border-box !important;
		padding: 14px 10px !important;
		width: 100% !important;
	}

	.egeg-upload-drop {
		border-width: 2px !important;
		min-height: 176px !important;
		padding: 26px 14px !important;
	}

	.egeg-upload-drop strong {
		font-size: clamp(23px, 6.5vw, 30px) !important;
		line-height: 1.04 !important;
		max-width: 100% !important;
		overflow-wrap: anywhere !important;
	}

	.egeg-upload-drop span:not(.egeg-upload-icon):not(.egeg-upload-meta):not(.egeg-upload-progress-label):not(.egeg-upload-progress-track):not(.egeg-upload-progress-bar) {
		font-size: clamp(16px, 4.7vw, 21px) !important;
		line-height: 1.22 !important;
		letter-spacing: 0 !important;
	}

	.egeg-upload-meta {
		font-size: 12px !important;
		max-width: 260px !important;
	}

	.egeg-upload-actions {
		display: grid !important;
		gap: 12px !important;
		grid-template-columns: 1fr !important;
		width: 100% !important;
	}

	.egeg-upload-actions .egeg-button {
		width: 100% !important;
	}
}

/* @egeg-block:001483 | component:12-responsive-adaptive.css */
@media (min-width: 761px) {
	.egeg-heading .egeg-ob-launch--heading {
		justify-self: end !important;
		position: absolute !important;
		right: 0 !important;
		top: 0 !important;
	}
	.egeg-mobile-action-row {
		display: none !important;
	}
}

@media (max-width: 760px) {
	.egeg-generator {
		padding: 0 0 12px !important;
	}

	.egeg-generator .egeg-shell {
		border-radius: 20px !important;
		margin: 8px 0 14px !important;
		padding: 16px 8px !important;
	}

	.egeg-generator .egeg-layout,
	.egeg-generator .egeg-main {
		min-width: 0 !important;
		overflow: visible !important;
	}

	.egeg-generator .egeg-heading {
		gap: 6px !important;
		max-width: 100% !important;
	}

	.egeg-generator .egeg-heading h2 {
		font-size: clamp(24px, 7vw, 30px) !important;
		line-height: 1.08 !important;
		margin-bottom: 4px !important;
	}

	.egeg-generator .egeg-heading p {
		font-size: 13px !important;
		line-height: 1.35 !important;
	}

	.egeg-heading .egeg-ob-launch--heading {
		display: none !important;
	}

	.egeg-mobile-action-row {
		align-items: stretch !important;
		display: grid !important;
		gap: 8px !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		margin: 4px 0 2px !important;
		width: 100% !important;
	}

	.egeg-mobile-action-row .egeg-mobile-summary-toggle,
	.egeg-mobile-action-row .egeg-ob-launch--mobile-action {
		align-items: center !important;
		appearance: none !important;
		border-radius: 999px !important;
		box-shadow: 0 8px 20px rgba(80, 31, 169, .18), 0 3px 0 rgba(58, 22, 123, .16) !important;
		display: inline-flex !important;
		font-family: var(--egeg-font-family, inherit) !important;
		font-size: 12px !important;
		font-weight: 850 !important;
		gap: 6px !important;
		height: 42px !important;
		justify-content: center !important;
		line-height: 1 !important;
		min-height: 42px !important;
		min-width: 0 !important;
		padding: 0 11px !important;
		position: static !important;
		text-decoration: none !important;
		transform: none !important;
		transition: none !important;
		width: 100% !important;
	}

	.egeg-mobile-action-row .egeg-mobile-summary-toggle {
		background: linear-gradient(135deg, var(--egeg-purple-400), var(--egeg-purple-300)) !important;
		border: 1.5px solid rgba(255,255,255,.72) !important;
		color: #fff !important;
	}

	.egeg-mobile-action-row .egeg-ob-launch--mobile-action {
		background: linear-gradient(135deg, var(--egeg-purple-400), var(--egeg-purple-300)) !important;
		border: 1.5px solid rgba(255,255,255,.72) !important;
		color: #fff !important;
	}

	.egeg-mobile-action-row .egeg-mobile-summary-toggle:hover,
	.egeg-mobile-action-row .egeg-mobile-summary-toggle:focus,
	.egeg-mobile-action-row .egeg-ob-launch--mobile-action:hover,
	.egeg-mobile-action-row .egeg-ob-launch--mobile-action:focus {
		background: linear-gradient(135deg, var(--egeg-purple-400), var(--egeg-purple-300)) !important;
		border-color: rgba(255,255,255,.72) !important;
		box-shadow: 0 8px 20px rgba(80, 31, 169, .18), 0 3px 0 rgba(58, 22, 123, .16) !important;
		color: #fff !important;
		outline: none !important;
	}

	.egeg-mobile-action-row .egeg-mobile-summary-toggle:focus-visible,
	.egeg-mobile-action-row .egeg-ob-launch--mobile-action:focus-visible {
		box-shadow: 0 0 0 3px rgba(var(--egeg-primary-rgb, 135, 50, 245),.18), 0 8px 20px rgba(80,31,169,.18) !important;
		outline: 2px solid rgba(var(--egeg-accent-rgb, 249, 136, 0),.62) !important;
		outline-offset: 2px !important;
	}

	.egeg-mobile-action-row .egeg-ob-launch-mark,
	.egeg-mobile-action-row .egeg-mobile-summary-toggle-icon {
		align-items: center !important;
		background: rgba(255,255,255,.18) !important;
		border-radius: 999px !important;
		display: inline-flex !important;
		font-size: 15px !important;
		height: 22px !important;
		justify-content: center !important;
		width: 22px !important;
	}

	.egeg-mobile-action-row .egeg-ob-launch-label,
	.egeg-mobile-action-row .egeg-mobile-summary-toggle-label {
		color: currentColor !important;
		font-size: 12px !important;
		font-weight: 850 !important;
		max-width: none !important;
		white-space: nowrap !important;
	}

	.egeg-mobile-action-row .egeg-mobile-summary-toggle-badge {
		background: var(--egeg-yellow-300, #F8CA45) !important;
		color: #201733 !important;
		font-size: 10px !important;
		height: 18px !important;
		min-width: 18px !important;
		padding: 0 5px !important;
	}

	.egeg-generator .egeg-stepper {
		margin-top: 8px !important;
	}

	.egeg-generator .egeg-stepper::before {
		left: 15px !important;
		right: 15px !important;
		top: 15px !important;
	}

	.egeg-generator .egeg-stepper-icon {
		height: 30px !important;
		width: 30px !important;
	}

	.egeg-generator .egeg-stepper-icon svg,
	.egeg-generator .egeg-stepper-icon .ph {
		font-size: 17px !important;
		height: 17px !important;
		width: 17px !important;
	}

	.egeg-generator .egeg-stepper-item > span:last-child {
		display: none !important;
	}

	.egeg-generator .egeg-substep,
	.egeg-generator .egeg-panel {
		border-radius: 18px !important;
		padding: 14px 11px !important;
	}

	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title] {
		font-size: clamp(21px, 6.2vw, 26px) !important;
		line-height: 1.08 !important;
	}

	.egeg-generator .egeg-substep p,
	.egeg-generator [data-egeg-step-description] {
		font-size: 13px !important;
		line-height: 1.35 !important;
	}

	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card,
	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel .egeg-card {
		flex-basis: min(82vw, 288px) !important;
		max-width: min(82vw, 288px) !important;
	}

	.egeg-generator .egeg-nav,
	.egeg-nav {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		margin-top: 10px !important;
	}

	.egeg-generator .egeg-nav .egeg-mobile-summary-toggle {
		display: none !important;
	}

	.egeg-generator .egeg-nav [data-egeg-prev] {
		grid-column: 1 !important;
	}

	.egeg-generator .egeg-nav [data-egeg-next] {
		grid-column: 2 !important;
	}

	.egeg-generator .egeg-nav .egeg-button {
		font-size: 12px !important;
		height: 44px !important;
		min-height: 44px !important;
		padding: 0 9px !important;
	}

	.egeg-screen-feedback-slot {
		overflow: visible !important;
		padding-inline: 0 !important;
	}

	.egeg-generator .egeg-sfb {
		border-radius: 18px !important;
		box-sizing: border-box !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		max-width: 100% !important;
		padding: 9px 10px !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-sfb-prompt {
		font-size: 11px !important;
		overflow-wrap: anywhere !important;
		white-space: normal !important;
	}

	.egeg-generator .egeg-sfb-stars {
		justify-content: flex-end !important;
		min-width: 112px !important;
	}

	.egeg-generator .egeg-sfb-star {
		font-size: 16px !important;
		height: 24px !important;
		width: 21px !important;
	}

	.egeg-generator .egeg-sfb-comment {
		grid-template-columns: 1fr !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-sfb-comment textarea,
	.egeg-generator .egeg-sfb-send {
		box-sizing: border-box !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-fit-layout,
	.egeg-generator .egeg-grommet-custom,
	.egeg-generator .egeg-canvas-shell {
		touch-action: pan-y !important;
	}
}

@media (max-width: 380px) {
	.egeg-generator .egeg-heading h2 {
		font-size: 23px !important;
	}
	.egeg-mobile-action-row {
		gap: 6px !important;
	}
	.egeg-mobile-action-row .egeg-mobile-summary-toggle,
	.egeg-mobile-action-row .egeg-ob-launch--mobile-action,
	.egeg-generator .egeg-nav .egeg-button {
		font-size: 11px !important;
		height: 42px !important;
		min-height: 42px !important;
		padding-inline: 7px !important;
	}
}

/* @egeg-block:001484 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator[data-egeg-current-step="5"] .egeg-fit-layout {
		gap: 10px !important;
		grid-template-columns: 1fr !important;
		padding: 8px 0 !important;
		touch-action: pan-y !important;
	}

	.egeg-generator[data-egeg-current-step="5"] .egeg-fit-tools {
		display: grid !important;
		gap: 7px !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		justify-items: stretch !important;
		order: 1 !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool {
		font-size: 11px !important;
		min-height: 40px !important;
		min-width: 0 !important;
		padding: 8px 6px !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="5"] .egeg-canvas-shell {
		min-height: 0 !important;
		order: 2 !important;
		padding: 12px 8px !important;
		touch-action: pan-y !important;
	}

	.egeg-generator .egeg-canvas,
	.egeg-generator .egeg-grommet-preview {
		max-height: min(54vh, 390px) !important;
		touch-action: pan-y !important;
	}

	.egeg-generator .egeg-canvas[data-egeg-fit="custom"] .egeg-art-preview,
	.egeg-generator .egeg-canvas[data-egeg-fit="custom"] [data-egeg-art-preview] {
		touch-action: none !important;
	}

	.egeg-generator .egeg-grommet-custom {
		padding: 14px 10px !important;
		touch-action: pan-y !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview {
		max-width: 100% !important;
	}

	.egeg-guide-legend {
		gap: 6px 10px !important;
		margin-top: 9px !important;
	}

	.egeg-guide-legend > span {
		font-size: 10px !important;
		gap: 4px !important;
	}

	.egeg-guide-swatch {
		width: 22px !important;
	}
}

/* @egeg-block:001485 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator {
		padding: 0 0 12px !important;
	}

	.egeg-generator .egeg-shell {
		border-radius: 20px !important;
		margin: 8px 0 14px !important;
		padding: 14px 12px !important;
	}

	.egeg-generator .egeg-main {
		gap: 11px !important;
	}

	.egeg-generator .egeg-heading {
		display: grid !important;
		gap: 7px !important;
		grid-template-columns: 1fr !important;
		max-width: 100% !important;
		padding: 0 !important;
	}

	.egeg-generator .egeg-heading h2 {
		font-size: clamp(22px, 6.6vw, 28px) !important;
		letter-spacing: -.015em !important;
		line-height: 1.08 !important;
		margin: 0 !important;
	}

	.egeg-generator .egeg-heading p {
		font-size: 12.5px !important;
		line-height: 1.35 !important;
		margin: 0 !important;
	}

	.egeg-generator .egeg-stepper {
		align-items: center !important;
		display: flex !important;
		gap: 0 !important;
		justify-content: space-between !important;
		margin: 8px 0 0 !important;
		overflow: visible !important;
		padding-inline: 10px !important;
		position: relative !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-stepper::before {
		left: 22px !important;
		right: 22px !important;
		top: 14px !important;
	}

	.egeg-generator .egeg-stepper-item {
		flex: 0 0 auto !important;
		min-width: 0 !important;
		position: relative !important;
		z-index: 1 !important;
	}

	.egeg-generator .egeg-stepper-icon {
		height: 29px !important;
		width: 29px !important;
	}

	.egeg-generator .egeg-stepper-icon svg,
	.egeg-generator .egeg-stepper-icon .ph {
		font-size: 16px !important;
		height: 16px !important;
		width: 16px !important;
	}

	.egeg-generator .egeg-substep,
	.egeg-generator .egeg-panel,
	.egeg-generator .egeg-final-summary,
	.egeg-generator .egeg-customer-panel,
	.egeg-generator .egeg-payment-panel {
		border-radius: 18px !important;
		padding: 13px 12px !important;
	}

	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title] {
		font-size: clamp(20px, 5.8vw, 24px) !important;
		letter-spacing: -.01em !important;
		line-height: 1.08 !important;
		margin: 0 0 4px !important;
	}

	.egeg-generator .egeg-substep p,
	.egeg-generator [data-egeg-step-description],
	.egeg-generator .egeg-card p,
	.egeg-generator .egeg-payment-intro,
	.egeg-generator .egeg-final-alert,
	.egeg-generator .egeg-transfer-deadline,
	.egeg-generator .egeg-receipt-status {
		font-size: 12.5px !important;
		line-height: 1.36 !important;
	}

	.egeg-generator .egeg-card-grid--products,
	.egeg-generator .egeg-card-grid--product-carousel {
		padding-inline: 8px !important;
		scroll-padding-inline: 8px !important;
	}

	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card,
	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel .egeg-card {
		flex-basis: min(80vw, 284px) !important;
		max-width: min(80vw, 284px) !important;
	}

	.egeg-generator .egeg-card {
		border-radius: 14px !important;
		padding: 13px !important;
	}

	.egeg-generator .egeg-card h4,
	.egeg-generator .egeg-card-title,
	.egeg-generator .egeg-upload-drop strong {
		font-size: clamp(18px, 5.4vw, 22px) !important;
		line-height: 1.1 !important;
	}

	.egeg-generator .egeg-card-visual {
		height: 132px !important;
	}

	.egeg-mobile-action-row {
		gap: 9px !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		margin: 8px 0 0 !important;
	}

	.egeg-mobile-action-row .egeg-mobile-summary-toggle,
	.egeg-mobile-action-row .egeg-ob-launch--mobile-action {
		border-radius: 999px !important;
		font-size: 12px !important;
		height: 44px !important;
		min-height: 44px !important;
		padding-inline: 11px !important;
	}

	.egeg-mobile-action-row .egeg-ob-launch--mobile-action {
		justify-self: stretch !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-nav,
	.egeg-nav {
		gap: 10px !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		margin-top: 10px !important;
	}

	.egeg-generator .egeg-nav .egeg-button {
		font-size: 12.5px !important;
		height: 46px !important;
		min-height: 46px !important;
		padding-inline: 10px !important;
	}

	.egeg-screen-feedback-slot {
		margin: 10px 0 4px !important;
		overflow: visible !important;
		padding: 0 !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-sfb {
		align-items: stretch !important;
		border-radius: 16px !important;
		display: grid !important;
		gap: 8px !important;
		grid-template-columns: 1fr !important;
		max-height: none !important;
		max-width: none !important;
		overflow: visible !important;
		padding: 10px !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-sfb-prompt {
		font-size: 11.5px !important;
		line-height: 1.25 !important;
	}

	.egeg-generator .egeg-sfb-stars {
		justify-content: flex-start !important;
		min-width: 0 !important;
	}

	.egeg-generator .egeg-sfb-comment,
	.egeg-generator .egeg-sfb-comment--open {
		display: grid !important;
		gap: 8px !important;
		grid-template-columns: 1fr !important;
		max-height: none !important;
		overflow: visible !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-sfb-comment textarea {
		min-height: 54px !important;
		padding: 10px 12px !important;
	}

	.egeg-generator .egeg-sfb-send {
		height: 42px !important;
		min-height: 42px !important;
		width: 100% !important;
	}

	.egeg-upload-box {
		padding: 12px 10px !important;
	}

	.egeg-upload-drop {
		min-height: 158px !important;
		padding: 22px 12px !important;
	}

	.egeg-upload-drop span:not(.egeg-upload-icon):not(.egeg-upload-meta):not(.egeg-upload-progress-label):not(.egeg-upload-progress-track):not(.egeg-upload-progress-bar) {
		font-size: 14px !important;
		line-height: 1.25 !important;
	}

	.egeg-upload-meta {
		font-size: 11.5px !important;
		line-height: 1.3 !important;
	}

	.egeg-generator[data-egeg-current-step="5"] .egeg-fit-layout {
		gap: 12px !important;
		padding: 8px 0 0 !important;
	}

	.egeg-generator[data-egeg-current-step="5"] .egeg-fit-tools {
		gap: 8px !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool,
	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:hover,
	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:focus,
	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:focus-visible,
	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:active,
	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool[aria-pressed="true"] {
		gap: 5px !important;
		min-height: 58px !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > .ph,
	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > .egeg-icon-font {
		--egeg-fit-icon-box: 36px;
		border-radius: 12px !important;
		font-size: 19px !important;
		height: 36px !important;
		width: 36px !important;
	}

	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > span:not(.ph):not(.egeg-icon-font) {
		font-size: 11.5px !important;
		font-weight: 650 !important;
		line-height: 1.12 !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="5"] .egeg-canvas-shell,
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom {
		border-radius: 16px !important;
		padding: 11px 8px !important;
	}

	.egeg-guide-legend {
		gap: 5px 8px !important;
		justify-content: center !important;
		margin-top: 8px !important;
	}

	.egeg-guide-legend > span {
		font-size: 9.5px !important;
		gap: 3px !important;
		line-height: 1.1 !important;
	}

	.egeg-guide-swatch {
		width: 18px !important;
	}
}

@media (max-width: 420px) {
	.egeg-generator .egeg-shell {
		padding-inline: 11px !important;
	}

	.egeg-generator .egeg-heading h2 {
		font-size: clamp(21px, 6.3vw, 25px) !important;
	}

	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title] {
		font-size: clamp(19px, 5.6vw, 23px) !important;
	}

	.egeg-generator .egeg-stepper {
		padding-inline: 7px !important;
	}

	.egeg-generator .egeg-stepper::before {
		left: 18px !important;
		right: 18px !important;
	}

	.egeg-generator .egeg-stepper-icon {
		height: 28px !important;
		width: 28px !important;
	}

	.egeg-generator .egeg-card-visual {
		height: 126px !important;
	}
}

/* @egeg-block:001486 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator[data-egeg-current-step="7"] .egeg-final-stack {
		gap: 13px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel {
		border-radius: 18px !important;
		gap: 11px !important;
		padding: 14px 12px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel-head,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head {
		align-items: center !important;
		display: flex !important;
		gap: 9px !important;
		justify-content: flex-start !important;
		text-align: left !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel h4,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head h4 {
		font-size: clamp(20px, 5.8vw, 24px) !important;
		line-height: 1.12 !important;
		margin: 0 !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title::before,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel-head::before,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head::before {
		flex: 0 0 34px !important;
		font-size: 14px !important;
		height: 34px !important;
		width: 34px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-list {
		border-radius: 16px !important;
		padding: 6px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
		align-items: center !important;
		border-radius: 12px !important;
		display: grid !important;
		gap: 8px !important;
		grid-template-columns: minmax(90px, .78fr) minmax(0, 1.22fr) !important;
		padding: 10px 10px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-label {
		font-size: 12.5px !important;
		line-height: 1.22 !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-value {
		font-size: 13.5px !important;
		line-height: 1.22 !important;
		text-align: right !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total {
		padding: 12px 10px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total .egeg-final-summary-label,
	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total .egeg-final-summary-value {
		font-size: 14px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel p,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-intro {
		font-size: 12.5px !important;
		line-height: 1.36 !important;
		margin: 0 !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-grid {
		gap: 10px !important;
		margin-top: 8px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-field span,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-field span,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > span {
		font-size: 12px !important;
		line-height: 1.2 !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-field input,
	.egeg-generator[data-egeg-current-step="7"] .egeg-field textarea,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-field input {
		font-size: 13.5px !important;
		min-height: 44px !important;
		padding: 9px 11px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head {
		flex-wrap: wrap !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head .egeg-channel-badge {
		margin-left: 0 !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-pickup-notice {
		align-items: flex-start !important;
		gap: 9px !important;
		padding: 11px 12px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-pickup-notice-icon,
	.egeg-generator[data-egeg-current-step="7"] .egeg-pickup-notice .ph {
		font-size: 22px !important;
		height: 28px !important;
		width: 28px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card {
		border-radius: 15px !important;
		gap: 8px !important;
		grid-template-columns: 1fr !important;
		padding: 12px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-method-card > strong {
		font-size: 14px !important;
		line-height: 1.22 !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-row,
	.egeg-generator[data-egeg-current-step="7"] .egeg-bank-accounts-button,
	.egeg-generator[data-egeg-current-step="7"] .egeg-receipt-uploader .egeg-button {
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-receipt-uploader {
		border-radius: 15px !important;
		gap: 9px !important;
		padding: 12px !important;
	}
}

/* @egeg-block:001487 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator {
		--egeg-mobile-gutter: 10px;
		padding-inline: 0 !important;
	}

	.egeg-generator .egeg-shell {
		border-radius: 18px !important;
		padding: 16px var(--egeg-mobile-gutter) 14px !important;
	}

	.egeg-generator .egeg-heading {
		gap: 7px !important;
		margin-bottom: 12px !important;
	}

	.egeg-generator .egeg-heading h2 {
		font-size: 27px !important;
		line-height: 1.03 !important;
		letter-spacing: -.035em !important;
		max-width: 13ch !important;
	}

	.egeg-generator .egeg-heading p {
		font-size: 13.5px !important;
		line-height: 1.35 !important;
		max-width: 32ch !important;
	}

	.egeg-generator .egeg-step-intro,
	.egeg-generator .egeg-step-copy,
	.egeg-generator .egeg-panel,
	.egeg-generator .egeg-upload-box,
	.egeg-generator .egeg-final-summary,
	.egeg-generator .egeg-customer-panel,
	.egeg-generator .egeg-payment-panel {
		padding-inline: 12px !important;
	}

	.egeg-generator .egeg-substep,
	.egeg-generator .egeg-step-card,
	.egeg-generator [data-egeg-stage] > .egeg-panel,
	.egeg-generator [data-egeg-stage] > .egeg-stack,
	.egeg-generator [data-egeg-stage] > .egeg-upload-box,
	.egeg-generator [data-egeg-stage] > .egeg-fit-layout,
	.egeg-generator [data-egeg-stage] > .egeg-grommet-custom,
	.egeg-generator [data-egeg-stage] > .egeg-grid {
		margin-inline: 0 !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title] {
		font-size: 22px !important;
		line-height: 1.08 !important;
		letter-spacing: -.028em !important;
	}

	.egeg-generator .egeg-substep p,
	.egeg-generator [data-egeg-step-description] {
		font-size: 13px !important;
		line-height: 1.32 !important;
	}

	.egeg-generator .egeg-stepper {
		display: flex !important;
		justify-content: space-between !important;
		margin: 12px auto 12px !important;
		max-width: 100% !important;
		padding-inline: 14px !important;
		position: relative !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-stepper::before {
		left: 24px !important;
		right: 24px !important;
		top: 15px !important;
	}

	.egeg-generator .egeg-stepper-item {
		flex: 0 0 auto !important;
		min-width: 30px !important;
		width: auto !important;
	}

	.egeg-generator .egeg-stepper-icon {
		height: 31px !important;
		width: 31px !important;
	}

	.egeg-generator .egeg-stepper-label {
		display: none !important;
	}

	.egeg-generator .egeg-card,
	.egeg-generator .egeg-measure-card,
	.egeg-generator .egeg-option-card {
		border-radius: 14px !important;
		padding: 12px !important;
	}

	.egeg-generator .egeg-card h4,
	.egeg-generator .egeg-card-title,
	.egeg-generator .egeg-upload-drop strong,
	.egeg-generator .egeg-upload-drop[data-egeg-upload-state="loaded"] strong {
		font-size: 18px !important;
		line-height: 1.12 !important;
		letter-spacing: -.02em !important;
	}

	.egeg-generator .egeg-card p,
	.egeg-generator .egeg-card-description,
	.egeg-generator .egeg-upload-meta,
	.egeg-generator .egeg-upload-drop span:not(.egeg-upload-icon):not(.egeg-upload-progress-label):not(.egeg-upload-progress-track):not(.egeg-upload-progress-bar) {
		font-size: 12.5px !important;
		line-height: 1.28 !important;
	}

	.egeg-generator .egeg-upload-box {
		padding-block: 12px !important;
	}

	.egeg-generator .egeg-upload-drop {
		border-radius: 14px !important;
		gap: 8px !important;
		min-height: 184px !important;
		padding: 18px 12px !important;
	}

	.egeg-generator .egeg-upload-actions {
		gap: 10px !important;
	}

	.egeg-generator .egeg-upload-actions .egeg-button {
		min-height: 46px !important;
	}

	.egeg-generator .egeg-fit-tools {
		align-items: stretch !important;
		gap: 10px !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		margin-bottom: 10px !important;
	}

	.egeg-generator .egeg-fit-tool,
	.egeg-generator button.egeg-fit-tool {
		align-items: center !important;
		border-radius: 14px !important;
		gap: 6px !important;
		min-height: 80px !important;
		padding: 10px 6px !important;
		transform: none !important;
	}

	.egeg-generator .egeg-fit-tool:hover,
	.egeg-generator .egeg-fit-tool:focus,
	.egeg-generator .egeg-fit-tool:active,
	.egeg-generator .egeg-fit-tool[aria-pressed="true"] {
		transform: none !important;
	}

	.egeg-generator .egeg-fit-tool-icon {
		height: 38px !important;
		width: 38px !important;
	}

	.egeg-generator .egeg-fit-tool > span:not(.ph):not(.egeg-icon-font) {
		font-size: 12px !important;
		line-height: 1.15 !important;
	}

	.egeg-generator .egeg-canvas-shell {
		border-radius: 16px !important;
		padding: 12px 10px 14px !important;
	}

	.egeg-generator .egeg-canvas {
		margin: 10px auto !important;
	}

	.egeg-generator .egeg-preview-expand {
		right: 12px !important;
		top: 12px !important;
	}

	.egeg-generator .egeg-guide-legend {
		gap: 6px 10px !important;
		justify-content: center !important;
		padding-inline: 4px !important;
	}

	.egeg-generator .egeg-guide-legend > span {
		font-size: 10px !important;
		line-height: 1.1 !important;
	}

	.egeg-screen-feedback-slot,
	.egeg-generator .egeg-screen-feedback-slot {
		margin-top: 14px !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	.egeg-screen-feedback,
	.egeg-generator .egeg-screen-feedback {
		box-sizing: border-box !important;
		max-height: none !important;
		overflow: visible !important;
		padding: 12px !important;
		width: 100% !important;
	}

	.egeg-screen-feedback form,
	.egeg-generator .egeg-screen-feedback form {
		display: grid !important;
		gap: 9px !important;
		grid-template-columns: 1fr !important;
		overflow: visible !important;
	}

	.egeg-screen-feedback textarea,
	.egeg-generator .egeg-screen-feedback textarea {
		box-sizing: border-box !important;
		min-height: 72px !important;
		overflow: auto !important;
		width: 100% !important;
	}

	.egeg-screen-feedback button,
	.egeg-generator .egeg-screen-feedback button {
		min-height: 42px !important;
		width: 100% !important;
	}

	.egeg-mobile-summary-modal {
		align-items: center !important;
		justify-content: center !important;
		padding: 16px 10px !important;
	}

	.egeg-mobile-summary-dialog {
		border-radius: 22px !important;
		max-height: calc(100dvh - 72px) !important;
		max-width: min(430px, calc(100vw - 20px)) !important;
		width: min(430px, calc(100vw - 20px)) !important;
	}

	.egeg-mobile-summary-body {
		max-height: calc(100dvh - 170px) !important;
	}

	.egeg-mobile-summary-list > div {
		padding: 10px 12px !important;
	}

	.egeg-mobile-summary-list dt {
		font-size: 11.5px !important;
	}

	.egeg-mobile-summary-list dd {
		font-size: 14px !important;
		font-weight: 650 !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel h4,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head h4 {
		font-size: 21px !important;
		line-height: 1.1 !important;
		text-align: left !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel {
		border-radius: 17px !important;
		padding: 13px 12px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel-head,
	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title {
		align-items: center !important;
		justify-content: flex-start !important;
		text-align: left !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head::before,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel-head::before,
	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title::before {
		flex: 0 0 34px !important;
		height: 34px !important;
		margin: 0 !important;
		width: 34px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head .egeg-channel-badge {
		margin-left: 43px !important;
		margin-top: -6px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-list {
		border-radius: 14px !important;
		padding: 5px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
		gap: 9px !important;
		grid-template-columns: minmax(92px, .82fr) minmax(0, 1.18fr) !important;
		padding: 10px 11px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-label {
		font-size: 12.5px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-value {
		font-size: 13.5px !important;
		font-weight: 500 !important;
		line-height: 1.24 !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total .egeg-final-summary-value,
	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-total .egeg-final-summary-label {
		font-weight: 800 !important;
	}
}

@media (max-width: 420px) {
	.egeg-generator .egeg-heading h2 {
		font-size: 25px !important;
	}

	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title] {
		font-size: 20px !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel h4,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head h4 {
		font-size: 20px !important;
	}

	.egeg-generator .egeg-stepper {
		padding-inline: 12px !important;
	}

	.egeg-generator .egeg-stepper-icon {
		height: 29px !important;
		width: 29px !important;
	}
}

/* @egeg-block:001488 | component:12-responsive-adaptive.css */
.egeg-generator .egeg-ob-launch,
.egeg-generator .egeg-ob-launch--heading,
.egeg-generator .egeg-ob-launch--mobile-action {
	-webkit-appearance: none !important;
	appearance: none !important;
	background: linear-gradient(135deg, var(--egeg-purple-400, var(--egeg-color-primary, #8732F5)), var(--egeg-color-primary-line, #A96BFF)) !important;
	border: 1.5px solid rgba(255, 255, 255, .68) !important;
	box-shadow: 0 12px 28px rgba(80, 31, 169, .20) !important;
	color: #FFFFFF !important;
}

.egeg-generator .egeg-ob-launch:hover,
.egeg-generator .egeg-ob-launch:focus-visible,
.egeg-generator .egeg-ob-launch--heading:hover,
.egeg-generator .egeg-ob-launch--heading:focus-visible,
.egeg-generator .egeg-ob-launch--mobile-action:hover,
.egeg-generator .egeg-ob-launch--mobile-action:focus-visible {
	background: linear-gradient(135deg, var(--egeg-color-orange, var(--egeg-color-accent, #F98800)), var(--egeg-color-yellow, #F8CA45)) !important;
	border-color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	box-shadow: 0 14px 32px rgba(var(--egeg-accent-rgb, 249, 136, 0), .24) !important;
	color: #201733 !important;
}

@media (min-width: 761px) {
	.egeg-heading {
		align-items: start !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		grid-template-areas: "title help" "subtitle help" !important;
		column-gap: 18px !important;
		padding-right: 0 !important;
	}

	.egeg-heading h2 {
		grid-area: title !important;
	}

	.egeg-heading p {
		grid-area: subtitle !important;
	}

	.egeg-heading .egeg-ob-launch--heading {
		align-self: start !important;
		grid-area: help !important;
		justify-self: end !important;
		margin: 0 !important;
	}
}

@media (hover: none) and (pointer: coarse) {
	.egeg-generator .egeg-ob-launch:hover,
	.egeg-generator .egeg-ob-launch--mobile-action:hover,
	.egeg-generator .egeg-fit-tool:hover,
	.egeg-generator button.egeg-fit-tool:hover {
		transform: none !important;
	}

	.egeg-generator .egeg-ob-launch:hover,
	.egeg-generator .egeg-ob-launch--mobile-action:hover {
		background: linear-gradient(135deg, var(--egeg-purple-400, var(--egeg-color-primary, #8732F5)), var(--egeg-color-primary-line, #A96BFF)) !important;
		border-color: rgba(255, 255, 255, .68) !important;
		box-shadow: 0 12px 28px rgba(80, 31, 169, .20) !important;
		color: #FFFFFF !important;
	}
}

/* @egeg-block:001489 | component:12-responsive-adaptive.css */
.egeg-generator .egeg-heading h2,
.egeg-generator .egeg-shell h2 {
	font-size: var(--egeg-font-display) !important;
	line-height: var(--egeg-line-tight) !important;
	margin-bottom: var(--egeg-space-2) !important;
}

.egeg-generator .egeg-heading p,
.egeg-generator .egeg-substep p,
.egeg-generator .egeg-step-header p,
.egeg-generator .egeg-panel p {
	font-size: var(--egeg-font-body) !important;
	line-height: var(--egeg-line-body) !important;
}

.egeg-generator .egeg-substep h3,
.egeg-generator [data-egeg-step-title],
.egeg-generator .egeg-section-title,
.egeg-generator .egeg-upload-title,
.egeg-generator .egeg-upload-content h3 {
	font-size: var(--egeg-font-step-title) !important;
	line-height: var(--egeg-line-title) !important;
}

.egeg-generator .egeg-product-card h3,
.egeg-generator .egeg-product-card-title,
.egeg-generator .egeg-measure-card h3,
.egeg-generator .egeg-fit-title,
.egeg-generator .egeg-option-card-title {
	font-size: var(--egeg-font-card-title) !important;
	line-height: var(--egeg-line-title) !important;
}

.egeg-generator .egeg-upload-lead,
.egeg-generator .egeg-upload-content strong,
.egeg-generator .egeg-upload-state strong {
	font-size: var(--egeg-font-body) !important;
	line-height: var(--egeg-line-body) !important;
}

.egeg-generator .egeg-upload-hint,
.egeg-generator .egeg-product-card p,
.egeg-generator .egeg-product-card-meta,
.egeg-generator .egeg-measure-meta,
.egeg-generator .egeg-help-text {
	font-size: var(--egeg-font-caption) !important;
	line-height: var(--egeg-line-body) !important;
}

.egeg-generator .egeg-shell {
	padding: var(--egeg-pad-shell) !important;
}

.egeg-generator .egeg-main,
.egeg-generator .egeg-stack {
	gap: var(--egeg-gap-shell) !important;
}

.egeg-generator .egeg-panel,
.egeg-generator .egeg-substep,
.egeg-generator .egeg-step-header {
	padding: var(--egeg-panel-padding) !important;
}

.egeg-generator .egeg-card,
.egeg-generator .egeg-product-card,
.egeg-generator .egeg-measure-card,
.egeg-generator .egeg-option-card,
.egeg-generator .egeg-grommet-card,
.egeg-generator .egeg-delivery-card,
.egeg-generator .egeg-final-summary-card,
.egeg-generator .egeg-customer-panel,
.egeg-generator .egeg-payment-panel {
	padding: var(--egeg-card-padding) !important;
}

.egeg-generator .egeg-upload-card,
.egeg-generator .egeg-upload-panel {
	padding: var(--egeg-upload-card-padding) !important;
}

.egeg-generator .egeg-upload-dropzone,
.egeg-generator .egeg-upload-inner {
	padding: var(--egeg-upload-inner-padding) !important;
}

.egeg-generator .egeg-button,
.egeg-generator button.egeg-button,
.egeg-generator .egeg-nav button,
.egeg-generator .egeg-mobile-action-row button {
	font-size: var(--egeg-font-button) !important;
	min-height: var(--egeg-button-height) !important;
	padding-left: var(--egeg-button-padding-x) !important;
	padding-right: var(--egeg-button-padding-x) !important;
}

.egeg-generator .egeg-final-summary-title,
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel h4,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head h4 {
	font-size: var(--egeg-font-section-title) !important;
	line-height: var(--egeg-line-title) !important;
}

.egeg-generator .egeg-final-summary-label,
.egeg-generator .egeg-summary-label,
.egeg-generator .egeg-mobile-summary-list dt {
	font-size: var(--egeg-font-caption) !important;
	line-height: var(--egeg-line-body) !important;
}

.egeg-generator .egeg-final-summary-value,
.egeg-generator .egeg-summary-value,
.egeg-generator .egeg-mobile-summary-list dd {
	font-size: var(--egeg-font-body) !important;
	line-height: var(--egeg-line-body) !important;
}

/* @egeg-block:001490 | component:12-responsive-adaptive.css */
.egeg-preview-modal,
.egeg-info-modal,
.egeg-quote-modal,
.egeg-bank-modal,
.egeg-pdf-preview-modal,
.egeg-mobile-summary-modal {
	padding: var(--egeg-preview-modal-padding) !important;
}

.egeg-preview-modal-dialog,
.egeg-info-modal-dialog,
.egeg-quote-modal-dialog,
.egeg-bank-modal-dialog,
.egeg-pdf-preview-modal-dialog,
.egeg-mobile-summary-dialog {
	gap: var(--egeg-space-3) !important;
	padding: var(--egeg-pad-modal) !important;
}

.egeg-preview-modal-head,
.egeg-generator .egeg-preview-modal-head {
	gap: var(--egeg-space-3) !important;
	min-height: auto !important;
}

.egeg-preview-modal-head strong,
.egeg-generator .egeg-preview-modal-head strong,
.egeg-info-modal .egeg-preview-modal-head strong,
.egeg-quote-modal .egeg-preview-modal-head strong,
.egeg-bank-modal .egeg-preview-modal-head strong,
.egeg-pdf-preview-modal .egeg-preview-modal-head strong,
.egeg-mobile-summary-modal .egeg-preview-modal-head strong {
	font-size: var(--egeg-font-modal-title) !important;
	font-weight: 760 !important;
	letter-spacing: -0.01em !important;
	line-height: var(--egeg-line-title) !important;
	max-width: calc(100% - 52px) !important;
}

.egeg-preview-modal-body,
.egeg-generator .egeg-preview-modal-body,
.egeg-info-modal-body,
.egeg-quote-modal-body,
.egeg-bank-modal-body,
.egeg-mobile-summary-body {
	padding: var(--egeg-preview-modal-body-padding) !important;
}

.egeg-preview-modal-body p,
.egeg-info-modal-body p,
.egeg-quote-modal-body p,
.egeg-bank-modal-body p,
.egeg-mobile-summary-body p {
	font-size: var(--egeg-font-body) !important;
	line-height: var(--egeg-line-body) !important;
}

/* @egeg-block:001491 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator {
		font-size: var(--egeg-font-body) !important;
	}

	.egeg-generator .egeg-shell {
		border-radius: 20px !important;
		max-width: 100% !important;
	}

	.egeg-generator .egeg-heading {
		gap: var(--egeg-space-2) !important;
		max-width: 100% !important;
	}

	.egeg-generator .egeg-heading h2 {
		font-size: var(--egeg-font-display) !important;
		line-height: var(--egeg-line-tight) !important;
	}

	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title],
	.egeg-generator .egeg-upload-title,
	.egeg-generator .egeg-upload-content h3 {
		font-size: var(--egeg-font-step-title) !important;
		line-height: var(--egeg-line-title) !important;
	}

	.egeg-generator .egeg-stepper {
		align-items: start !important;
		display: flex !important;
		gap: var(--egeg-space-1) !important;
		justify-content: space-between !important;
		margin-inline: auto !important;
		max-width: 100% !important;
		overflow: visible !important;
		padding: var(--egeg-space-1) var(--egeg-space-2) !important;
	}

	.egeg-generator .egeg-stepper::before {
		left: calc(var(--egeg-stepper-icon-size, 30px) / 2 + var(--egeg-space-2)) !important;
		right: calc(var(--egeg-stepper-icon-size, 30px) / 2 + var(--egeg-space-2)) !important;
		top: calc(var(--egeg-stepper-icon-size, 30px) / 2 + var(--egeg-space-1)) !important;
	}

	.egeg-generator .egeg-stepper-item {
		flex: 1 1 0 !important;
		min-width: 0 !important;
	}

	.egeg-generator .egeg-stepper-item > span:last-child {
		display: none !important;
	}

	.egeg-generator .egeg-stepper-icon {
		font-size: 16px !important;
		height: 30px !important;
		width: 30px !important;
	}

	.egeg-generator .egeg-panel,
	.egeg-generator .egeg-substep,
	.egeg-generator .egeg-step-header {
		border-radius: 16px !important;
		padding: var(--egeg-panel-padding) !important;
	}

	.egeg-generator .egeg-product-card,
	.egeg-generator .egeg-measure-card,
	.egeg-generator .egeg-option-card,
	.egeg-generator .egeg-grommet-card,
	.egeg-generator .egeg-delivery-card,
	.egeg-generator .egeg-final-summary-card,
	.egeg-generator .egeg-customer-panel,
	.egeg-generator .egeg-payment-panel {
		border-radius: 16px !important;
		padding: var(--egeg-card-padding) !important;
	}

	.egeg-generator .egeg-upload-state strong,
	.egeg-generator .egeg-upload-file-name,
	.egeg-generator .egeg-file-name {
		font-size: var(--egeg-font-component-title) !important;
		line-height: var(--egeg-line-title) !important;
		overflow-wrap: anywhere !important;
		word-break: break-word !important;
	}

	.egeg-generator .egeg-screen-feedback-slot,
	.egeg-screen-feedback-slot {
		margin-top: var(--egeg-space-4) !important;
		overflow: visible !important;
	}

	.egeg-generator .egeg-screen-feedback,
	.egeg-screen-feedback {
		max-height: none !important;
		overflow: visible !important;
		padding: var(--egeg-pad-card) !important;
	}

	.egeg-generator .egeg-screen-feedback form,
	.egeg-screen-feedback form {
		display: grid !important;
		gap: var(--egeg-space-2) !important;
		grid-template-columns: 1fr !important;
		overflow: visible !important;
	}

	.egeg-generator .egeg-screen-feedback textarea,
	.egeg-screen-feedback textarea,
	.egeg-generator .egeg-sfb-textarea {
		font-size: var(--egeg-font-body) !important;
		line-height: var(--egeg-line-body) !important;
		max-height: none !important;
		min-height: 72px !important;
		overflow: auto !important;
		padding: var(--egeg-pad-control) !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-screen-feedback button,
	.egeg-screen-feedback button,
	.egeg-generator .egeg-sfb-send {
		min-height: var(--egeg-button-height) !important;
		width: 100% !important;
	}

	.egeg-preview-modal-dialog,
	.egeg-info-modal-dialog,
	.egeg-quote-modal-dialog,
	.egeg-bank-modal-dialog,
	.egeg-pdf-preview-modal-dialog,
	.egeg-mobile-summary-dialog {
		border-radius: 20px !important;
		max-width: calc(100vw - 20px) !important;
		padding: var(--egeg-pad-modal) !important;
		width: min(430px, calc(100vw - 20px)) !important;
	}

	.egeg-bank-modal .egeg-preview-modal-head,
	.egeg-preview-modal-head {
		padding: 0 !important;
	}

	.egeg-preview-modal-close {
		height: 40px !important;
		min-width: 40px !important;
		width: 40px !important;
	}

	.egeg-bank-modal .egeg-preview-modal-body,
	.egeg-bank-modal-body {
		grid-template-columns: 1fr !important;
		max-height: calc(100dvh - 118px) !important;
		padding: var(--egeg-preview-modal-body-padding) !important;
	}

	.egeg-mobile-summary-modal {
		align-items: center !important;
		justify-content: center !important;
		padding: var(--egeg-pad-modal) !important;
	}

	.egeg-mobile-summary-dialog {
		bottom: auto !important;
		max-height: calc(100dvh - 56px) !important;
	}

	.egeg-mobile-summary-body {
		max-height: calc(100dvh - 138px) !important;
	}
}

/* @egeg-block:001492 | component:12-responsive-adaptive.css */
@media (max-width: 420px) {
	.egeg-generator .egeg-heading h2 {
		font-size: var(--egeg-font-display) !important;
	}

	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title],
	.egeg-generator .egeg-upload-title,
	.egeg-generator .egeg-upload-content h3,
	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel h4,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head h4 {
		font-size: var(--egeg-font-step-title) !important;
	}

	.egeg-preview-modal-head strong,
	.egeg-generator .egeg-preview-modal-head strong,
	.egeg-info-modal .egeg-preview-modal-head strong,
	.egeg-quote-modal .egeg-preview-modal-head strong,
	.egeg-bank-modal .egeg-preview-modal-head strong,
	.egeg-pdf-preview-modal .egeg-preview-modal-head strong,
	.egeg-mobile-summary-modal .egeg-preview-modal-head strong {
		font-size: var(--egeg-font-modal-title) !important;
	}
}

/* @egeg-block:001493 | component:12-responsive-adaptive.css */
.egeg-generator .egeg-heading h2 {
	font-size: var(--egeg-font-display) !important;
	line-height: var(--egeg-line-tight) !important;
}

.egeg-generator .egeg-substep h3,
.egeg-generator [data-egeg-step-title],
.egeg-generator .egeg-step-header h3,
.egeg-generator .egeg-upload-title,
.egeg-generator .egeg-upload-content h3,
.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel h4,
.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head h4 {
	font-size: var(--egeg-font-step-title) !important;
	line-height: var(--egeg-line-title) !important;
}

.egeg-preview-modal-head strong,
.egeg-generator .egeg-preview-modal-head strong,
.egeg-info-modal .egeg-preview-modal-head strong,
.egeg-quote-modal .egeg-preview-modal-head strong,
.egeg-bank-modal .egeg-preview-modal-head strong,
.egeg-pdf-preview-modal .egeg-preview-modal-head strong,
.egeg-mobile-summary-modal .egeg-preview-modal-head strong {
	font-size: var(--egeg-font-modal-title) !important;
	line-height: var(--egeg-line-title) !important;
}

.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card,
.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel .egeg-card {
	aspect-ratio: auto !important;
	display: grid !important;
	grid-template-rows: auto auto 1fr !important;
}

.egeg-generator[data-egeg-current-step="0"] .egeg-card-visual,
.egeg-card-grid--products .egeg-card-visual {
	aspect-ratio: 5 / 4 !important;
	height: auto !important;
	min-height: 0 !important;
}

@media (max-width: 760px) {
	.egeg-generator .egeg-heading h2 {
		font-size: var(--egeg-font-display) !important;
		max-width: 12.5em !important;
	}

	.egeg-generator .egeg-heading p,
	.egeg-generator .egeg-substep p,
	.egeg-generator .egeg-step-header p {
		font-size: var(--egeg-font-body) !important;
		line-height: var(--egeg-line-body) !important;
	}

	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title],
	.egeg-generator .egeg-step-header h3,
	.egeg-generator .egeg-upload-title,
	.egeg-generator .egeg-upload-content h3,
	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel h4,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head h4 {
		font-size: var(--egeg-font-step-title) !important;
	}

	.egeg-preview-modal-head strong,
	.egeg-generator .egeg-preview-modal-head strong,
	.egeg-info-modal .egeg-preview-modal-head strong,
	.egeg-quote-modal .egeg-preview-modal-head strong,
	.egeg-bank-modal .egeg-preview-modal-head strong,
	.egeg-pdf-preview-modal .egeg-preview-modal-head strong,
	.egeg-mobile-summary-modal .egeg-preview-modal-head strong {
		font-size: var(--egeg-font-modal-title) !important;
	}

	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products,
	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel {
		gap: var(--egeg-space-3) !important;
		padding: var(--egeg-space-3) var(--egeg-space-3) var(--egeg-space-4) !important;
		scroll-padding-inline: var(--egeg-space-3) !important;
	}

	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card,
	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel .egeg-card {
		flex: 0 0 min(72vw, 248px) !important;
		max-width: 248px !important;
		min-height: 0 !important;
		padding: var(--egeg-card-padding) !important;
	}

	.egeg-generator[data-egeg-current-step="0"] .egeg-card-title {
		font-size: var(--egeg-font-card-title) !important;
		min-height: 0 !important;
	}
}

/* @egeg-block:001494 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card,
	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel .egeg-card {
		flex-basis: min(70vw, 236px) !important;
		max-width: 236px !important;
	}

	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card-copy,
	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--product-carousel .egeg-card-copy {
		max-width: 22ch !important;
	}
}

/* @egeg-block:001495 | component:12-responsive-adaptive.css */
.egeg-generator .egeg-upload-drop strong,
.egeg-generator .egeg-upload-drop[data-egeg-upload-state="loaded"] strong,
.egeg-generator .egeg-upload-lead,
.egeg-generator .egeg-upload-state strong,
.egeg-generator .egeg-upload-content strong {
	font-size: var(--egeg-upload-title-size) !important;
	font-weight: 800 !important;
	line-height: 1.16 !important;
}

.egeg-generator .egeg-upload-drop span:not(.egeg-upload-icon):not(.egeg-upload-meta):not(.egeg-upload-progress-label):not(.egeg-upload-progress-track):not(.egeg-upload-progress-bar),
.egeg-generator .egeg-upload-hint {
	font-size: var(--egeg-upload-lead-size) !important;
	line-height: 1.25 !important;
}

.egeg-generator .egeg-upload-meta {
	font-size: max(10px, var(--egeg-font-caption, 12px)) !important;
}

@media (max-width: 760px) {
	.egeg-generator .egeg-upload-drop strong,
	.egeg-generator .egeg-upload-drop[data-egeg-upload-state="loaded"] strong,
	.egeg-generator .egeg-upload-lead,
	.egeg-generator .egeg-upload-state strong,
	.egeg-generator .egeg-upload-content strong {
		font-size: var(--egeg-upload-title-size) !important;
		line-height: 1.18 !important;
	}

	.egeg-generator .egeg-upload-drop span:not(.egeg-upload-icon):not(.egeg-upload-meta):not(.egeg-upload-progress-label):not(.egeg-upload-progress-track):not(.egeg-upload-progress-bar),
	.egeg-generator .egeg-upload-hint {
		font-size: var(--egeg-upload-lead-size) !important;
		line-height: 1.28 !important;
	}
}


/* @egeg-block: 100091 category-product-step-mobile */
@media (max-width: 640px) {
	.egeg-product-family-picker__head {
		align-items: flex-start;
		flex-direction: column;
	}

	.egeg-product-family-picker__back {
		inline-size: 100%;
	}
}

/* @egeg-block: 100111 category-card-image-contain-responsive */
@media (max-width: 760px) {
	.egeg-generator[data-egeg-current-step="0"] .egeg-card--category .egeg-card-visual,
	.egeg-generator[data-egeg-current-step="0"] .egeg-card-grid--products .egeg-card--category .egeg-card-visual {
		aspect-ratio: 5 / 4 !important;
	}
}

/* @egeg-block:001496 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator .egeg-heading {
		align-items: center !important;
		gap: var(--egeg-space-2, 8px) !important;
		justify-items: center !important;
		max-width: none !important;
		text-align: center !important;
	}

	.egeg-generator .egeg-heading h2 {
		max-width: 15em !important;
		margin-inline: auto !important;
	}

	.egeg-generator .egeg-heading p {
		max-width: 28em !important;
		margin-inline: auto !important;
	}

	.egeg-generator .egeg-stepper {
		margin-block: var(--egeg-space-1, 4px) var(--egeg-space-2, 8px) !important;
		padding-block: 0 !important;
	}

	.egeg-generator .egeg-custom-size-panel--guided {
		max-width: 100% !important;
		padding: var(--egeg-space-4, 16px) !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-custom-size-panel__intro {
		align-items: stretch !important;
		display: grid !important;
		gap: var(--egeg-space-4, 16px) !important;
		grid-template-columns: 1fr !important;
	}

	.egeg-generator .egeg-custom-size-panel__preview {
		min-height: 0 !important;
		padding: var(--egeg-space-4, 16px) !important;
	}

	.egeg-generator .egeg-custom-size-panel__preview .egeg-measure-visual {
		height: 112px !important;
		width: min(100%, 176px) !important;
	}

	.egeg-generator .egeg-custom-size-panel__preview-text strong {
		font-size: 20px !important;
	}

	.egeg-generator .egeg-custom-size-panel__form {
		gap: var(--egeg-space-3, 12px) !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-custom-size-panel__form h4 {
		font-size: 18px !important;
		line-height: 1.12 !important;
		max-width: none !important;
		text-align: left !important;
	}

	.egeg-generator .egeg-custom-size-panel__form p {
		font-size: 13px !important;
		line-height: 1.35 !important;
		max-width: none !important;
	}

	.egeg-generator .egeg-custom-size-panel--guided .egeg-custom-size-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: var(--egeg-space-3, 12px) !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-custom-size-panel--guided .egeg-field {
		font-size: 12px !important;
		min-width: 0 !important;
	}

	.egeg-generator .egeg-custom-size-panel--guided .egeg-field input {
		font-size: 16px !important;
		min-height: 44px !important;
		padding: 8px 10px !important;
		text-align: center !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-custom-size-panel__note {
		font-size: 12px !important;
		line-height: 1.3 !important;
	}
}

@media (max-width: 420px) {
	.egeg-generator .egeg-custom-size-panel--guided {
		padding: var(--egeg-space-3, 12px) !important;
	}

	.egeg-generator .egeg-custom-size-panel--guided .egeg-custom-size-grid {
		gap: var(--egeg-space-2, 8px) !important;
	}

	.egeg-generator .egeg-custom-size-panel__form h4 {
		font-size: 17px !important;
	}
}

/* @egeg-block:001497 | component:12-responsive-adaptive.css */
@media (max-width: 640px) {
	.egeg-quality-review {
		padding: 12px;
	}
	.egeg-quality-review__head {
		align-items: flex-start;
		flex-direction: column;
	}
	.egeg-quality-review__body {
		grid-template-columns: 1fr;
	}
	.egeg-quality-review__sample canvas {
		height: min(172px, 56vw);
		width: min(172px, 56vw);
	}
	.egeg-quality-review__details .egeg-button {
		width: 100%;
	}
}

/* @egeg-block:001498 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator .egeg-heading h2 {
		font-size: var(--egeg-font-display, 20px) !important;
		hyphens: none !important;
		letter-spacing: 0 !important;
		line-height: 1.08 !important;
		max-width: 18ch !important;
		overflow-wrap: normal !important;
		text-wrap: balance;
		word-break: normal !important;
	}

	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title] {
		font-size: var(--egeg-font-step-title, 16px) !important;
		hyphens: none !important;
		letter-spacing: 0 !important;
		line-height: var(--egeg-line-title, 1.14) !important;
		max-width: var(--egeg-text-width-step-title-mobile, min(100%, 26ch)) !important;
		overflow-wrap: normal !important;
		text-wrap: balance;
		word-break: normal !important;
	}

	.egeg-generator .egeg-heading p,
	.egeg-generator .egeg-substep p,
	.egeg-generator .egeg-step-header p {
		font-size: var(--egeg-font-body, 14px) !important;
		hyphens: none !important;
		line-height: 1.38 !important;
		max-width: var(--egeg-text-width-body-mobile, min(100%, 56ch)) !important;
		overflow-wrap: normal !important;
		text-wrap: normal;
		word-break: normal !important;
	}

	.egeg-generator .egeg-stepper {
		align-items: start !important;
		display: grid !important;
		isolation: isolate !important;
		margin-block: 4px 10px !important;
		padding-top: 0 !important;
	}

	.egeg-generator .egeg-stepper::before {
		height: var(--egeg-stepper-line-height, 4px) !important;
		left: calc(var(--egeg-stepper-icon-size, 34px) / 2) !important;
		right: calc(var(--egeg-stepper-icon-size, 34px) / 2) !important;
		top: calc((var(--egeg-stepper-icon-size, 34px) - var(--egeg-stepper-line-height, 4px)) / 2) !important;
	}

	.egeg-generator .egeg-stepper-item {
		align-items: start !important;
		display: grid !important;
		justify-items: center !important;
	}

	.egeg-generator .egeg-stepper-icon {
		flex: 0 0 var(--egeg-stepper-icon-size, 34px) !important;
		height: var(--egeg-stepper-icon-size, 34px) !important;
		width: var(--egeg-stepper-icon-size, 34px) !important;
	}

	.egeg-generator .egeg-stepper-item > span:last-child {
		font-size: 11px !important;
		font-weight: 800 !important;
		line-height: 1.12 !important;
		max-width: 7ch !important;
		text-wrap: balance;
		white-space: normal !important;
	}

	.egeg-generator .egeg-surface-switcher {
		padding: 12px !important;
	}

	.egeg-generator .egeg-surface-pill {
		font-size: 15px !important;
		min-height: 52px !important;
		padding-inline: 14px !important;
	}

	.egeg-generator .egeg-upload-drop strong,
	.egeg-generator .egeg-upload-lead {
		font-size: var(--egeg-upload-title-size, 22px) !important;
		line-height: 1.12 !important;
		max-width: 24ch !important;
	}

	.egeg-generator .egeg-upload-drop span:not(.egeg-upload-icon):not(.egeg-upload-meta):not(.egeg-upload-progress-label):not(.egeg-upload-progress-track):not(.egeg-upload-progress-bar),
	.egeg-generator .egeg-upload-hint {
		font-size: var(--egeg-upload-lead-size, 17px) !important;
		line-height: 1.24 !important;
		max-width: 27ch !important;
	}
}

@media (max-width: 420px) {
	.egeg-generator .egeg-heading h2 {
		font-size: var(--egeg-font-display, 20px) !important;
		max-width: 17ch !important;
	}

	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title] {
		font-size: var(--egeg-font-step-title, 16px) !important;
		max-width: var(--egeg-text-width-step-title-mobile, min(100%, 26ch)) !important;
	}

	.egeg-generator .egeg-heading p,
	.egeg-generator .egeg-substep p,
	.egeg-generator .egeg-step-header p {
		max-width: 29ch !important;
	}
}

/* @egeg-block:001499 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator .egeg-heading h2 {
		max-width: var(--egeg-text-width-heading-mobile, min(100%, 32ch)) !important;
		text-wrap: balance;
	}

	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title] {
		max-width: var(--egeg-text-width-step-title-mobile, min(100%, 26ch)) !important;
		text-wrap: pretty;
	}

	.egeg-generator .egeg-heading p,
	.egeg-generator .egeg-substep p,
	.egeg-generator .egeg-step-header p {
		max-width: var(--egeg-text-width-body-mobile, min(100%, 56ch)) !important;
		text-wrap: normal;
	}

	.egeg-generator .egeg-pickup-notice {
		grid-template-columns: auto minmax(0, 1fr) !important;
	}

	.egeg-generator .egeg-pickup-locations-button {
		grid-column: 1 / -1 !important;
		justify-self: stretch !important;
		width: 100% !important;
	}

	.egeg-pickup-location-card {
		grid-template-columns: auto minmax(0, 1fr) !important;
	}

	.egeg-pickup-location-actions {
		grid-column: 1 / -1 !important;
		justify-content: stretch !important;
	}

	.egeg-pickup-location-actions .egeg-button {
		flex: 1 1 140px !important;
		justify-content: center !important;
	}
}

@media (max-width: 420px) {
	.egeg-generator .egeg-heading h2,
	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title] {
		max-width: min(100%, 28ch) !important;
	}

	.egeg-generator .egeg-heading p,
	.egeg-generator .egeg-substep p,
	.egeg-generator .egeg-step-header p {
		max-width: var(--egeg-text-width-body-mobile, min(100%, 56ch)) !important;
	}
}

/* @egeg-block:001500 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator,
	.egeg-generator *,
	.egeg-preview-modal,
	.egeg-preview-modal * {
		box-sizing: border-box !important;
	}

	.egeg-generator {
		max-width: 100% !important;
		overflow-x: clip !important;
		padding-inline: clamp(8px, 2.7vw, 12px) !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-shell,
	.egeg-generator .egeg-main,
	.egeg-generator [data-egeg-stage],
	.egeg-generator .egeg-panel,
	.egeg-generator .egeg-substep,
	.egeg-generator .egeg-upload-box,
	.egeg-generator .egeg-canvas-shell,
	.egeg-generator .egeg-grommet-custom,
	.egeg-generator .egeg-final-summary,
	.egeg-generator .egeg-customer-panel,
	.egeg-generator .egeg-payment-panel {
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-shell {
		padding-inline: clamp(10px, 3.5vw, 14px) !important;
	}

	.egeg-generator .egeg-panel,
	.egeg-generator .egeg-substep {
		padding-inline: clamp(12px, 3.7vw, 16px) !important;
	}

	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title],
	.egeg-generator .egeg-step-header h3,
	.egeg-generator .egeg-upload-title,
	.egeg-generator .egeg-upload-content h3 {
		font-size: var(--egeg-font-step-title, 16px) !important;
		line-height: var(--egeg-line-title, 1.14) !important;
		max-width: var(--egeg-text-width-step-title-mobile, min(100%, 26ch)) !important;
	}

	.egeg-generator .egeg-heading p,
	.egeg-generator .egeg-substep p,
	.egeg-generator .egeg-step-header p {
		max-width: var(--egeg-text-width-body-mobile, min(100%, 56ch)) !important;
	}

	.egeg-generator[data-egeg-current-step="5"] .egeg-fit-layout {
		gap: 10px !important;
		grid-template-columns: 1fr !important;
		margin-top: 0 !important;
	}

	.egeg-generator[data-egeg-current-step="5"] .egeg-fit-tools {
		align-items: start !important;
		display: grid !important;
		gap: 8px !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		justify-items: center !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool {
		gap: 4px !important;
		transform: none !important;
		transition: color .16s ease !important;
	}

	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:hover,
	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:focus-visible,
	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:active {
		transform: none !important;
	}

	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > .egeg-icon-font,
	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > .ph {
		transition: color .16s ease, transform .16s ease !important;
	}

	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:hover > .egeg-icon-font,
	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:focus-visible > .egeg-icon-font,
	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:active > .egeg-icon-font,
	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:hover > .ph,
	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:focus-visible > .ph,
	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool:active > .ph {
		color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
		transform: scale(1.06) !important;
	}

	.egeg-generator[data-egeg-current-step="5"] .egeg-canvas-shell,
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom {
		align-items: center !important;
		overflow: visible !important;
		padding: clamp(10px, 3vw, 14px) !important;
	}

	.egeg-generator[data-egeg-current-step="5"] .egeg-canvas:not(.egeg-canvas--svg-editor),
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview {
		aspect-ratio: var(--egeg-canvas-ratio, 1 / 1) !important;
		height: auto !important;
		max-height: none !important;
		max-width: 100% !important;
		min-height: 0 !important;
		width: min(100%, var(--egeg-canvas-fit-width, 320px)) !important;
	}

	.egeg-generator[data-egeg-current-step="5"] .egeg-canvas[data-egeg-shape="rect_horizontal"]:not(.egeg-canvas--svg-editor),
	.egeg-generator[data-egeg-current-step="5"] .egeg-canvas[data-egeg-shape="square"]:not(.egeg-canvas--svg-editor),
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-shape="rect_horizontal"],
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-shape="square"] {
		height: auto !important;
	}

	.egeg-generator .egeg-guide-legend {
		max-width: 100% !important;
		row-gap: 6px !important;
	}

	.egeg-grommet-position-row {
		align-items: end !important;
		display: grid !important;
		gap: 8px !important;
		grid-template-columns: minmax(0, 1fr) 74px !important;
		width: 100% !important;
	}

	.egeg-grommet-position-row > span:first-child,
	.egeg-grommet-position-row label:first-child {
		grid-column: 1 / -1 !important;
	}

	.egeg-grommet-position-row input[type="range"],
	.egeg-grommet-position-row [data-egeg-grommet-position] {
		grid-column: 1 !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.egeg-grommet-position-row [data-egeg-grommet-position-value] {
		display: none !important;
	}

	.egeg-grommet-position-row input[type="number"],
	.egeg-grommet-position-row [data-egeg-grommet-position-input] {
		grid-column: 2 !important;
		justify-self: end !important;
		max-width: 74px !important;
		min-width: 0 !important;
		width: 74px !important;
	}

	.egeg-generator .egeg-mobile-summary-toggle,
	.egeg-generator .egeg-mobile-action-row .egeg-ob-launch--mobile-action {
		background: var(--egeg-button-secondary-bg, #F3ECFF) !important;
		border: 1.5px solid var(--egeg-button-secondary-border, rgba(var(--egeg-primary-rgb, 135, 50, 245), .32)) !important;
		box-shadow: none !important;
		color: var(--egeg-button-secondary-text, #6424C8) !important;
		min-height: 42px !important;
		transform: none !important;
	}

	.egeg-generator .egeg-mobile-summary-toggle:hover,
	.egeg-generator .egeg-mobile-summary-toggle:focus-visible,
	.egeg-generator .egeg-mobile-summary-toggle:active,
	.egeg-generator .egeg-mobile-action-row .egeg-ob-launch--mobile-action:hover,
	.egeg-generator .egeg-mobile-action-row .egeg-ob-launch--mobile-action:focus-visible,
	.egeg-generator .egeg-mobile-action-row .egeg-ob-launch--mobile-action:active {
		background: var(--egeg-button-secondary-hover-bg, #E9DBFF) !important;
		border-color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
		box-shadow: 0 0 0 3px rgba(var(--egeg-primary-rgb, 135, 50, 245), .12) !important;
		color: var(--egeg-color-purple, var(--egeg-color-primary, #8732F5)) !important;
		transform: none !important;
	}

	.egeg-generator .egeg-mobile-summary-toggle-icon,
	.egeg-generator .egeg-ob-launch-mark {
		background: rgba(var(--egeg-primary-rgb, 135, 50, 245), .10) !important;
		color: currentColor !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head {
		align-items: center !important;
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) !important;
		grid-template-rows: auto auto !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head::before {
		grid-column: 1 !important;
		grid-row: 1 !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head h4 {
		grid-column: 2 !important;
		grid-row: 1 !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head .egeg-channel-badge {
		grid-column: 2 !important;
		grid-row: 2 !important;
		justify-self: start !important;
		margin: 2px 0 0 !important;
	}

	.egeg-generator .egeg-pickup-notice {
		grid-template-columns: auto minmax(0, 1fr) !important;
	}

	.egeg-generator .egeg-pickup-locations-button {
		grid-column: 1 / -1 !important;
		justify-self: stretch !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.egeg-bank-modal .egeg-preview-modal-dialog,
	.egeg-bank-modal-dialog {
		max-height: calc(100dvh - 24px) !important;
		width: min(94vw, 680px) !important;
	}

	.egeg-bank-account-card,
	.egeg-bank-account-card.egeg-bank-account-card--text-only {
		grid-template-columns: 1fr !important;
		overflow: visible !important;
		padding: 13px !important;
	}

	.egeg-bank-account-copy {
		justify-self: stretch !important;
		width: 100% !important;
	}
}

@media (max-width: 420px) {
	.egeg-generator[data-egeg-current-step="5"] .egeg-fit-tools {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.egeg-generator[data-egeg-current-step="5"] button.egeg-fit-tool > span:not(.ph):not(.egeg-icon-font) {
		font-size: 10.5px !important;
	}

	.egeg-generator[data-egeg-current-step="5"] .egeg-canvas-shell,
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom {
		padding-inline: 8px !important;
	}
}

/* @egeg-block:001501 | component:12-responsive-adaptive.css */
@media (max-width: 520px) {
	.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions {
		grid-template-columns: 1fr !important;
		max-width: var(--egeg-choice-grid-mobile-max, 420px) !important;
		width: min(100%, var(--egeg-choice-grid-mobile-max, 420px)) !important;
	}
}

/* @egeg-block:001502 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title],
	.egeg-generator .egeg-step-header h3,
	.egeg-generator .egeg-upload-title,
	.egeg-generator .egeg-upload-content h3 {
		font-size: var(--egeg-font-step-title, 16px) !important;
		line-height: var(--egeg-line-title, 1.14) !important;
		letter-spacing: -0.01em !important;
		max-width: var(--egeg-text-width-step-title-mobile, min(100%, 26ch)) !important;
	}

	.egeg-generator .egeg-substep p,
	.egeg-generator [data-egeg-step-description],
	.egeg-generator .egeg-step-header p {
		font-size: 13px !important;
		line-height: 1.36 !important;
	}
}

@media (max-width: 430px) {
	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title],
	.egeg-generator .egeg-step-header h3,
	.egeg-generator .egeg-upload-title,
	.egeg-generator .egeg-upload-content h3 {
		font-size: var(--egeg-font-step-title, 16px) !important;
		line-height: var(--egeg-line-title, 1.14) !important;
	}
}

/* @egeg-block:001503 | component:12-responsive-adaptive.css */
@media (max-width: 780px) {
	.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions {
		grid-template-columns: 1fr !important;
		width: min(100%, var(--egeg-choice-grid-mobile-max, 420px)) !important;
		max-width: var(--egeg-choice-grid-mobile-max, 420px) !important;
	}

	.egeg-bank-modal .egeg-preview-modal-dialog,
	.egeg-bank-modal-dialog {
		width: min(94vw, 560px) !important;
	}

	.egeg-bank-modal .egeg-preview-modal-body,
	.egeg-bank-modal-body {
		grid-template-columns: 1fr !important;
		padding: 14px !important;
		gap: 12px !important;
		max-height: min(72vh, 620px) !important;
	}

	.egeg-bank-modal .egeg-bank-account-card,
	.egeg-bank-modal .egeg-bank-account-card.egeg-bank-account-card--text-only,
	.egeg-bank-account-card.egeg-bank-account-card--text-only {
		min-height: 0 !important;
		padding: 16px !important;
	}
}

/* @egeg-block:001504 | component:12-responsive-adaptive.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: var(--egeg-choice-grid-gap, 18px) !important;
	align-items: start !important;
	justify-content: center !important;
	justify-items: stretch !important;
	box-sizing: border-box !important;
	max-width: var(--egeg-choice-grid-max, 760px) !important;
	width: min(100%, var(--egeg-choice-grid-max, 760px)) !important;
	margin: var(--egeg-choice-grid-gap, 18px) auto 0 !important;
	padding: 0 !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-secondary-action,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-secondary-action--internal-editor,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-secondary-action--canva {
	display: grid !important;
	grid-template-rows: auto auto !important;
	gap: 8px !important;
	align-items: start !important;
	justify-items: stretch !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button--canva,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button--internal-editor {
	appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 56px !important;
	margin: 0 !important;
	padding: 0 22px !important;
	border: 2px solid var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	border-radius: 18px !important;
	background: #FFFFFF !important;
	box-shadow: none !important;
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	text-align: center !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button:hover,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button:focus-visible,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button[aria-pressed="true"] {
	background: var(--egeg-color-orange-soft, #FFF2E2) !important;
	border-color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	box-shadow: 0 0 0 3px rgba(var(--egeg-accent-rgb, 249, 136, 0), .12) !important;
	outline: none !important;
}

.egeg-bank-modal .egeg-preview-modal-dialog,
.egeg-bank-modal-dialog {
	width: min(860px, calc(100vw - 32px)) !important;
	max-height: min(86vh, 760px) !important;
	overflow: hidden !important;
}

.egeg-bank-modal .egeg-preview-modal-body,
.egeg-bank-modal-body {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 14px !important;
	align-items: stretch !important;
	padding: 18px !important;
	max-height: min(68vh, 590px) !important;
	overflow: auto !important;
}

.egeg-bank-modal .egeg-bank-account-card,
.egeg-bank-modal .egeg-bank-account-card.egeg-bank-account-card--text-only,
.egeg-bank-account-card.egeg-bank-account-card--text-only {
	display: flex !important;
	position: static !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: space-between !important;
	gap: 14px !important;
	min-height: 184px !important;
	margin: 0 !important;
	padding: 18px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.egeg-bank-modal .egeg-bank-account-info,
.egeg-bank-account-info {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 5px !important;
	align-content: start !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

.egeg-bank-modal .egeg-bank-account-info strong,
.egeg-bank-account-info strong {
	display: block !important;
	font-size: 1rem !important;
	line-height: 1.08 !important;
	font-weight: 850 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	max-width: 100% !important;
}

.egeg-bank-modal .egeg-bank-account-info p,
.egeg-bank-modal .egeg-bank-account-owner,
.egeg-bank-account-info p,
.egeg-bank-account-owner {
	margin: 0 !important;
	font-size: .93rem !important;
	line-height: 1.22 !important;
	color: var(--egeg-color-muted, #6d6880) !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

.egeg-bank-modal .egeg-bank-account-info code,
.egeg-bank-account-info code {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	justify-self: start !important;
	width: auto !important;
	max-width: 100% !important;
	padding: 6px 10px !important;
	font-size: .94rem !important;
	line-height: 1.05 !important;
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

.egeg-bank-modal .egeg-bank-account-copy,
.egeg-bank-account-copy {
	align-self: stretch !important;
	justify-self: stretch !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin-top: auto !important;
	white-space: nowrap !important;
}

.egeg-generator .egeg-canvas[data-egeg-adjustment-preview="1"][data-egeg-adjustment-layout][data-egeg-geometry-ready="1"]:not(.egeg-canvas--svg-editor) {
	aspect-ratio: var(--egeg-canvas-ratio, 1 / 1) !important;
	block-size: auto !important;
	height: auto !important;
	inline-size: var(--egeg-adjustment-preview-inline-size, min(100%, 390px)) !important;
	min-height: 0 !important;
	max-height: none !important;
	max-inline-size: 100% !important;
	max-width: 100% !important;
	min-inline-size: 0 !important;
	width: var(--egeg-adjustment-preview-inline-size, min(100%, 390px)) !important;
}

.egeg-generator .egeg-grommet-preview[data-egeg-geometry-ready="1"] {
	aspect-ratio: var(--egeg-canvas-ratio, 1 / 1) !important;
	width: var(--egeg-canvas-fit-width, min(520px, 100%)) !important;
	height: var(--egeg-canvas-fit-height, auto) !important;
	min-height: 0 !important;
	max-height: none !important;
	max-width: 100% !important;
}

.egeg-generator .egeg-canvas[data-egeg-shape="rect"],
.egeg-generator .egeg-grommet-preview[data-egeg-shape="rect"],
.egeg-generator .egeg-canvas[data-egeg-shape="rect_horizontal"],
.egeg-generator .egeg-canvas[data-egeg-shape="rect_vertical"],
.egeg-generator .egeg-canvas[data-egeg-shape="square"],
.egeg-generator .egeg-grommet-preview[data-egeg-shape="rect_horizontal"],
.egeg-generator .egeg-grommet-preview[data-egeg-shape="rect_vertical"],
.egeg-generator .egeg-grommet-preview[data-egeg-shape="square"] {
	border-radius: 0 !important;
}

@media (max-width: 780px) {
	.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions {
		grid-template-columns: 1fr !important;
		width: min(100%, var(--egeg-choice-grid-mobile-max, 420px)) !important;
		max-width: var(--egeg-choice-grid-mobile-max, 420px) !important;
	}
}

/* @egeg-block:001505 | component:12-responsive-adaptive.css */
@media (max-width: 780px) {
	.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions {
		grid-template-columns: 1fr !important;
		align-items: stretch !important;
	}
}

/* @egeg-block:001506 | component:12-responsive-adaptive.css */
@media (max-width: 780px) {
	.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions {
		grid-template-columns: 1fr !important;
		margin: var(--egeg-choice-grid-gap, 16px) 0 0 !important;
		max-width: none !important;
		width: 100% !important;
	}
}

/* @egeg-block:001507 | component:12-responsive-adaptive.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-stage > .egeg-card-grid-footer--design-actions,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions {
	align-items: stretch !important;
	box-sizing: border-box !important;
	display: grid !important;
	gap: var(--egeg-choice-grid-gap, 18px) !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	justify-content: stretch !important;
	justify-items: stretch !important;
	margin: var(--egeg-choice-grid-gap, 18px) 0 0 !important;
	max-width: none !important;
	padding: 0 !important;
	width: 100% !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions > .egeg-secondary-action,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions > .egeg-secondary-action--internal-editor,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions > .egeg-secondary-action--canva {
	align-items: stretch !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	justify-content: flex-start !important;
	justify-items: stretch !important;
	margin: 0 !important;
	max-width: none !important;
	min-width: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions > .egeg-secondary-action > .egeg-mini-button,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button--internal-editor,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button--canva {
	align-self: stretch !important;
	box-sizing: border-box !important;
	display: flex !important;
	justify-content: center !important;
	margin: 0 !important;
	max-width: none !important;
	min-width: 0 !important;
	width: 100% !important;
}

@media (max-width: 760px) {
	.egeg-generator[data-egeg-current-step="3"] .egeg-stage > .egeg-card-grid-footer--design-actions,
	.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions {
		grid-template-columns: 1fr !important;
	}
}

/* @egeg-block:001508 | component:12-responsive-adaptive.css */
.egeg-generator[data-egeg-current-step="3"] .egeg-stage > .egeg-card-grid-footer--design-actions,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions {
	box-sizing: border-box !important;
	display: grid !important;
	gap: var(--egeg-choice-grid-gap, 18px) !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	justify-content: center !important;
	justify-items: stretch !important;
	margin: var(--egeg-choice-grid-gap, 18px) auto 0 !important;
	max-width: var(--egeg-choice-grid-max, 760px) !important;
	padding: 0 !important;
	width: min(100%, var(--egeg-choice-grid-max, 760px)) !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions > .egeg-secondary-action,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions > .egeg-secondary-action--internal-editor,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions > .egeg-secondary-action--canva {
	align-items: stretch !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	justify-content: flex-start !important;
	margin: 0 !important;
	max-width: none !important;
	min-width: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions > .egeg-secondary-action > .egeg-mini-button,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button--internal-editor,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-mini-button--canva {
	align-self: stretch !important;
	box-sizing: border-box !important;
	display: flex !important;
	justify-content: center !important;
	margin: 0 !important;
	max-width: none !important;
	min-width: 0 !important;
	width: 100% !important;
}

.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-canva-template-note,
.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions .egeg-secondary-action-note {
	box-sizing: border-box !important;
	display: block !important;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: center !important;
	width: 100% !important;
}

@media (max-width: 760px) {
	.egeg-generator[data-egeg-current-step="3"] .egeg-stage > .egeg-card-grid-footer--design-actions,
	.egeg-generator[data-egeg-current-step="3"] .egeg-card-grid-footer--design-actions {
		grid-template-columns: 1fr !important;
		max-width: var(--egeg-choice-grid-mobile-max, 420px) !important;
		width: min(100%, var(--egeg-choice-grid-mobile-max, 420px)) !important;
	}
}

/* @egeg-block:001509 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-preview-modal.egeg-quote-modal {
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		width: 100vw !important;
		max-width: 100vw !important;
		overflow-x: hidden !important;
		padding: 12px !important;
	}

	.egeg-quote-modal-dialog,
	.egeg-generator .egeg-quote-modal-dialog {
		box-sizing: border-box !important;
		width: min(100%, calc(100vw - 24px)) !important;
		max-width: calc(100vw - 24px) !important;
		min-width: 0 !important;
		margin: 0 auto !important;
		padding: 14px !important;
		border-radius: 20px !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}

	.egeg-quote-modal-body,
	.egeg-generator .egeg-quote-modal-body,
	.egeg-quote-modal-body .egeg-field,
	.egeg-quote-modal-body input {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.egeg-quote-modal-body,
	.egeg-quote-modal-body p,
	.egeg-quote-modal-note {
		overflow-wrap: anywhere !important;
		word-break: normal !important;
	}

	.egeg-quote-modal-actions,
	.egeg-generator .egeg-quote-modal-actions {
		grid-template-columns: 1fr !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* @egeg-block:001510 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-preview-modal,
	.egeg-preview-modal.egeg-quote-modal,
	.egeg-preview-modal.egeg-info-modal,
	.egeg-preview-modal.egeg-bank-modal,
	.egeg-preview-modal.egeg-draft-modal,
	.egeg-preview-modal.egeg-mobile-summary-modal {
		position: fixed !important;
		inset: 0 !important;
		box-sizing: border-box !important;
		width: 100dvw !important;
		height: 100dvh !important;
		max-width: 100dvw !important;
		max-height: 100dvh !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 12px !important;
		overflow: hidden auto !important;
	}

	.egeg-preview-modal-dialog,
	.egeg-info-modal-dialog,
	.egeg-quote-modal-dialog,
	.egeg-bank-modal-dialog,
	.egeg-draft-modal-dialog,
	.egeg-mobile-summary-dialog,
	.egeg-generator .egeg-preview-modal-dialog,
	.egeg-generator .egeg-info-modal-dialog,
	.egeg-generator .egeg-quote-modal-dialog,
	.egeg-generator .egeg-bank-modal-dialog {
		box-sizing: border-box !important;
		width: min(100%, calc(100dvw - 24px)) !important;
		max-width: calc(100dvw - 24px) !important;
		min-width: 0 !important;
		max-height: calc(100dvh - 24px) !important;
		margin: auto !important;
		padding: 12px !important;
		overflow: hidden auto !important;
	}

	.egeg-preview-modal-head,
	.egeg-info-modal .egeg-preview-modal-head,
	.egeg-quote-modal .egeg-preview-modal-head,
	.egeg-bank-modal .egeg-preview-modal-head,
	.egeg-draft-modal .egeg-preview-modal-head,
	.egeg-mobile-summary-modal .egeg-preview-modal-head {
		box-sizing: border-box !important;
		min-width: 0 !important;
		width: 100% !important;
		overflow: visible !important;
		gap: 8px !important;
	}

	.egeg-preview-modal-head strong,
	.egeg-info-modal .egeg-preview-modal-head strong,
	.egeg-quote-modal .egeg-preview-modal-head strong,
	.egeg-bank-modal .egeg-preview-modal-head strong,
	.egeg-draft-modal .egeg-preview-modal-head strong,
	.egeg-mobile-summary-modal .egeg-preview-modal-head strong {
		min-width: 0 !important;
		max-width: calc(100% - 48px) !important;
		font-size: 18px !important;
		line-height: 1.15 !important;
		overflow-wrap: anywhere !important;
		white-space: normal !important;
	}

	.egeg-preview-modal-body,
	.egeg-info-modal-body,
	.egeg-quote-modal-body,
	.egeg-bank-modal-body,
	.egeg-draft-modal-body,
	.egeg-mobile-summary-body,
	.egeg-generator .egeg-preview-modal-body,
	.egeg-generator .egeg-info-modal-body,
	.egeg-generator .egeg-quote-modal-body {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
		padding: 12px !important;
	}

	.egeg-quote-modal-body .egeg-field,
	.egeg-quote-modal-body input,
	.egeg-info-modal-body .egeg-field,
	.egeg-info-modal-body input,
	.egeg-preview-modal-body input {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.egeg-info-modal-actions,
	.egeg-quote-modal-actions,
	.egeg-draft-modal-actions,
	.egeg-mobile-summary-actions,
	.egeg-generator .egeg-info-modal-actions,
	.egeg-generator .egeg-quote-modal-actions {
		box-sizing: border-box !important;
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 8px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	.egeg-info-modal-actions .egeg-button,
	.egeg-quote-modal-actions .egeg-button,
	.egeg-draft-modal-actions .egeg-button,
	.egeg-mobile-summary-actions .egeg-button {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}
}

/* @egeg-block:001511 | component:12-responsive-adaptive.css */
.egeg-quote-modal,
.egeg-quote-modal * {
	box-sizing: border-box !important;
}

.egeg-quote-modal .egeg-quote-modal-dialog {
	width: min(520px, calc(100dvw - 28px)) !important;
	max-width: calc(100dvw - 28px) !important;
	min-width: 0 !important;
	margin: auto !important;
	overflow: hidden !important;
}

.egeg-quote-modal .egeg-preview-modal-head {
	width: 100% !important;
	min-width: 0 !important;
}

.egeg-quote-modal .egeg-preview-modal-head strong {
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.egeg-quote-modal .egeg-quote-modal-body {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-auto-flow: row !important;
	align-items: stretch !important;
	justify-items: stretch !important;
	gap: 12px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	padding: 14px !important;
	overflow: visible !important;
	text-align: left !important;
}

.egeg-quote-modal .egeg-quote-modal-body > *,
.egeg-quote-modal .egeg-quote-modal-body p,
.egeg-quote-modal .egeg-quote-modal-body .egeg-field,
.egeg-quote-modal .egeg-quote-modal-body input,
.egeg-quote-modal .egeg-quote-modal-note {
	grid-column: 1 / -1 !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

.egeg-quote-modal .egeg-quote-modal-body p {
	color: rgba(36, 21, 63, .78) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.45 !important;
	margin: 0 !important;
	overflow-wrap: normal !important;
	word-break: normal !important;
}

.egeg-quote-modal .egeg-quote-whatsapp-field {
	display: grid !important;
	gap: 8px !important;
	margin: 0 !important;
}

.egeg-quote-modal .egeg-quote-whatsapp-field span {
	color: rgba(36, 21, 63, .72) !important;
	font-size: 13px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
}

.egeg-quote-modal .egeg-quote-whatsapp-field input {
	appearance: none !important;
	background: #fff !important;
	border: 1.5px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), .68) !important;
	border-radius: 14px !important;
	color: #21183b !important;
	font: inherit !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	min-height: 48px !important;
	padding: 0 14px !important;
}

.egeg-quote-modal .egeg-quote-whatsapp-field input:focus {
	border-color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
	box-shadow: 0 0 0 4px rgba(var(--egeg-accent-rgb, 249, 136, 0), .14) !important;
	outline: 0 !important;
}

.egeg-quote-modal .egeg-quote-modal-note {
	background: var(--egeg-color-accent-soft, #FFF8E5) !important;
	border: 1px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), .26) !important;
	border-radius: 14px !important;
	color: rgba(36, 21, 63, .82) !important;
	font-size: 13px !important;
	font-weight: 650 !important;
	line-height: 1.42 !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	overflow-wrap: normal !important;
	word-break: normal !important;
}

.egeg-quote-modal .egeg-quote-modal-actions {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 10px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	padding: 0 !important;
}

.egeg-quote-modal .egeg-quote-modal-actions .egeg-button {
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	white-space: normal !important;
}

@media (max-width: 760px) {
	.egeg-quote-modal.egeg-preview-modal {
		align-items: center !important;
		justify-content: center !important;
		padding: max(12px, env(safe-area-inset-top, 0px)) 12px max(12px, env(safe-area-inset-bottom, 0px)) !important;
		overflow: hidden auto !important;
	}

	.egeg-quote-modal .egeg-quote-modal-dialog {
		width: min(100%, calc(100dvw - 24px)) !important;
		max-width: calc(100dvw - 24px) !important;
		max-height: calc(100dvh - 24px) !important;
		padding: 14px !important;
		border-radius: 20px !important;
		overflow: hidden auto !important;
	}

	.egeg-quote-modal .egeg-preview-modal-head {
		min-height: 44px !important;
	}

	.egeg-quote-modal .egeg-preview-modal-head strong {
		font-size: 20px !important;
		line-height: 1.12 !important;
		white-space: normal !important;
	}

	.egeg-quote-modal .egeg-preview-modal-close {
		border: 1.5px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), .34) !important;
		color: var(--egeg-color-orange, var(--egeg-color-accent, #F98800)) !important;
		min-height: 44px !important;
		min-width: 44px !important;
	}

	.egeg-quote-modal .egeg-quote-modal-body {
		padding: 12px !important;
		gap: 10px !important;
		max-height: none !important;
	}

	.egeg-quote-modal .egeg-quote-modal-actions {
		grid-template-columns: 1fr !important;
		gap: 9px !important;
	}

	.egeg-quote-modal .egeg-quote-modal-actions .egeg-button {
		min-height: 50px !important;
		border-radius: 999px !important;
	}
}

/* @egeg-block:001512 | component:12-responsive-adaptive.css */
.egeg-quote-modal .egeg-quote-modal-actions .egeg-button {
	font-family: var(--egeg-font-family, Archivo, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	letter-spacing: -0.01em !important;
	line-height: 1.15 !important;
	border-radius: 999px !important;
	min-height: 52px !important;
	padding: 0 18px !important;
	text-decoration: none !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease, transform .16s ease !important;
}

.egeg-quote-modal .egeg-quote-modal-actions .egeg-button--outline {
	background: #fff !important;
	border: 1.5px solid var(--egeg-color-orange, #F28A1A) !important;
	box-shadow: none !important;
	color: var(--egeg-color-orange, #F28A1A) !important;
}

.egeg-quote-modal .egeg-quote-modal-actions .egeg-button--outline:hover:not(:disabled),
.egeg-quote-modal .egeg-quote-modal-actions .egeg-button--outline:focus-visible:not(:disabled) {
	background: #FFF6D9 !important;
	border-color: var(--egeg-color-orange, #F28A1A) !important;
	box-shadow: 0 4px 0 var(--egeg-color-orange, #F28A1A) !important;
	color: var(--egeg-color-orange, #F28A1A) !important;
	transform: translateY(-2px) !important;
}

.egeg-quote-modal .egeg-quote-modal-actions .egeg-button--primary {
	background: var(--egeg-yellow-200, #FFD65A) !important;
	border: 0 !important;
	box-shadow: 0 5px 0 #C9821E !important;
	color: var(--egeg-color-ink, #2E2417) !important;
}

.egeg-quote-modal .egeg-quote-modal-actions .egeg-button--primary:hover:not(:disabled),
.egeg-quote-modal .egeg-quote-modal-actions .egeg-button--primary:focus-visible:not(:disabled) {
	background: #FFD65A !important;
	box-shadow: 0 6px 0 #C9821E !important;
	color: var(--egeg-color-ink, #2E2417) !important;
	transform: translateY(-2px) !important;
}

.egeg-quote-modal .egeg-quote-modal-actions .egeg-button--primary:active:not(:disabled),
.egeg-quote-modal .egeg-quote-modal-actions .egeg-button--outline:active:not(:disabled) {
	box-shadow: 0 2px 0 #C9821E !important;
	transform: translateY(2px) !important;
}

@media (max-width: 760px) {
	.egeg-quote-modal .egeg-quote-modal-actions {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	.egeg-quote-modal .egeg-quote-modal-actions .egeg-button {
		width: 100% !important;
		min-height: 54px !important;
		font-size: 15px !important;
		font-weight: 800 !important;
	}
}

/* @egeg-block:001513 | component:12-responsive-adaptive.css */
.egeg-quote-modal .egeg-quote-modal-actions {
	margin-top: 6px !important;
}

@media (max-width: 760px) {
	.egeg-quote-modal .egeg-quote-modal-actions {
		margin-top: 10px !important;
	}
}

/* @egeg-block:001514 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator {
		padding-left: max(12px, env(safe-area-inset-left, 0px)) !important;
		padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
		overflow-x: clip !important;
	}

	.egeg-generator .egeg-shell {
		box-sizing: border-box !important;
		max-width: calc(100dvw - 24px) !important;
		overflow: visible !important;
		padding-left: clamp(14px, 4vw, 18px) !important;
		padding-right: clamp(14px, 4vw, 18px) !important;
		width: 100% !important;
	}

	.egeg-generator .egeg-layout,
	.egeg-generator .egeg-main,
	.egeg-generator [data-egeg-stage] {
		max-width: 100% !important;
		min-width: 0 !important;
		overflow: visible !important;
	}

	.egeg-generator .egeg-substep,
	.egeg-generator .egeg-panel,
	.egeg-generator .egeg-summary,
	.egeg-generator .egeg-summary dl {
		box-sizing: border-box !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-panel,
	.egeg-generator[data-egeg-current-step="7"] [data-egeg-stage] {
		overflow: visible !important;
		padding-left: clamp(12px, 3.6vw, 16px) !important;
		padding-right: clamp(12px, 3.6vw, 16px) !important;
	}

	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel,
	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-list,
	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-row {
		box-sizing: border-box !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-wrap: anywhere !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-panel,
	.egeg-generator[data-egeg-current-step="6"] [data-egeg-stage] {
		overflow: visible !important;
		padding-left: clamp(12px, 3.6vw, 16px) !important;
		padding-right: clamp(12px, 3.6vw, 16px) !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-card-grid {
		box-sizing: border-box !important;
		grid-template-columns: 1fr !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow: visible !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom,
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom--recommended {
		box-sizing: border-box !important;
		justify-items: center !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow: hidden !important;
		padding: clamp(14px, 4vw, 18px) !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview {
		box-sizing: border-box !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-guide-legend {
		align-items: center !important;
		justify-content: center !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding-inline: 2px !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-controls {
		display: grid !important;
		gap: 10px !important;
		grid-template-columns: 44px minmax(0, 1fr) 44px !important;
		justify-items: stretch !important;
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-controls strong {
		align-self: center !important;
		font-size: 15px !important;
		min-width: 0 !important;
		text-align: center !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-controls .egeg-mini-button--ghost {
		grid-column: 1 / -1 !important;
		justify-self: stretch !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-row {
		box-sizing: border-box !important;
		display: grid !important;
		gap: 8px !important;
		grid-template-columns: 1fr !important;
		margin-inline: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-row input[type="range"],
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-row input[type="number"] {
		box-sizing: border-box !important;
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-row [data-egeg-grommet-position-value] {
		display: block !important;
		font-size: 12px !important;
		justify-self: start !important;
		line-height: 1.25 !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-wrap: anywhere !important;
		text-align: left !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-status,
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-muted {
		max-width: 100% !important;
		overflow-wrap: anywhere !important;
		text-align: center !important;
		width: 100% !important;
	}
}

/* @egeg-block:001515 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator[data-egeg-current-step="6"] .egeg-card-grid,
	.egeg-generator[data-egeg-current-step="6"] [data-egeg-stage],
	.egeg-generator[data-egeg-current-step="6"] .egeg-panel,
	.egeg-generator[data-egeg-current-step="6"] .egeg-substep {
		box-sizing: border-box !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom,
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom--recommended {
		box-sizing: border-box !important;
		display: grid !important;
		justify-items: center !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow: hidden !important;
		padding: 14px 10px 16px !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-geometry-ready="1"] {
		aspect-ratio: var(--egeg-canvas-ratio, 1 / 1) !important;
		box-sizing: border-box !important;
		height: auto !important;
		max-height: none !important;
		max-width: 100% !important;
		min-height: 0 !important;
		min-width: 0 !important;
		overflow: hidden !important;
		width: min(var(--egeg-canvas-fit-width, 100%), 100%) !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview .egeg-art-stage,
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview .egeg-art-preview,
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview img {
		max-width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-guide-legend {
		box-sizing: border-box !important;
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 7px 10px !important;
		justify-content: center !important;
		line-height: 1.15 !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding: 8px 0 2px !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-guide-legend > span {
		align-items: center !important;
		display: inline-flex !important;
		font-size: 11px !important;
		gap: 4px !important;
		max-width: 46% !important;
		min-width: 0 !important;
		white-space: normal !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-controls {
		align-items: center !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 10px !important;
		justify-content: center !important;
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-controls .egeg-mini-button--round {
		flex: 0 0 56px !important;
		height: 56px !important;
		width: 56px !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-controls strong {
		flex: 1 1 96px !important;
		font-size: 15px !important;
		min-width: 0 !important;
		text-align: center !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-controls [data-egeg-grommet-redistribute] {
		box-sizing: border-box !important;
		flex: 1 0 100% !important;
		justify-content: center !important;
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-row {
		box-sizing: border-box !important;
		display: grid !important;
		gap: 8px !important;
		grid-template-columns: 1fr !important;
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-row [data-egeg-grommet-position],
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-row [data-egeg-grommet-position-input],
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-row [data-egeg-grommet-position-value] {
		box-sizing: border-box !important;
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-row [data-egeg-grommet-position-value],
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-status,
	.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-muted {
		overflow-wrap: anywhere !important;
		text-align: center !important;
	}
}

/* @egeg-block:001516 | component:12-responsive-adaptive.css */
.egeg-quote-modal.egeg-preview-modal {
	align-items: center !important;
	justify-content: center !important;
	padding: clamp(24px, 4dvw, 56px) !important;
	overflow: hidden auto !important;
}

.egeg-quote-modal .egeg-quote-modal-dialog {
	box-sizing: border-box !important;
	display: grid !important;
	grid-template-rows: auto minmax(0, auto) auto !important;
	gap: 16px !important;
	width: min(720px, calc(100dvw - 48px)) !important;
	max-width: calc(100dvw - 48px) !important;
	max-height: calc(100dvh - 64px) !important;
	padding: 20px !important;
	border-radius: 22px !important;
	overflow: hidden auto !important;
}

.egeg-quote-modal .egeg-preview-modal-head {
	align-items: center !important;
	box-sizing: border-box !important;
	display: flex !important;
	gap: 16px !important;
	justify-content: space-between !important;
	min-height: 48px !important;
	padding: 0 2px !important;
	width: 100% !important;
}

.egeg-quote-modal .egeg-preview-modal-head strong {
	color: var(--egeg-color-purple, var(--egeg-color-primary-strong, #6D35F5)) !important;
	font-size: clamp(22px, 2.1vw, 28px) !important;
	font-weight: 820 !important;
	line-height: 1.05 !important;
	max-width: calc(100% - 64px) !important;
	min-width: 0 !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

.egeg-quote-modal .egeg-preview-modal-close {
	align-items: center !important;
	background: #fff !important;
	border: 1.5px solid rgba(var(--egeg-accent-rgb, 249, 136, 0), .38) !important;
	border-radius: 999px !important;
	box-shadow: 0 6px 16px rgba(61, 31, 128, .10) !important;
	color: var(--egeg-color-orange, #F28A1A) !important;
	display: inline-flex !important;
	flex: 0 0 52px !important;
	height: 52px !important;
	justify-content: center !important;
	min-width: 52px !important;
	width: 52px !important;
}

.egeg-quote-modal .egeg-quote-modal-body {
	background: #fff !important;
	border: 1px solid rgba(87, 48, 171, .12) !important;
	border-radius: 18px !important;
	box-shadow: 0 10px 24px rgba(61, 31, 128, .06) !important;
	box-sizing: border-box !important;
	display: grid !important;
	gap: 18px !important;
	max-height: min(54dvh, 480px) !important;
	min-width: 0 !important;
	overflow: auto !important;
	padding: 24px !important;
	width: 100% !important;
}

.egeg-quote-modal .egeg-quote-modal-body > *,
.egeg-quote-modal .egeg-quote-modal-body .egeg-field,
.egeg-quote-modal .egeg-quote-modal-body input,
.egeg-quote-modal .egeg-quote-modal-note {
	box-sizing: border-box !important;
	max-width: 100% !important;
	min-width: 0 !important;
	width: 100% !important;
}

.egeg-quote-modal .egeg-quote-modal-actions {
	align-items: stretch !important;
	box-sizing: border-box !important;
	display: grid !important;
	gap: 16px !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
	margin-top: 0 !important;
	padding: 0 2px 2px !important;
	width: 100% !important;
}

.egeg-quote-modal .egeg-quote-modal-actions .egeg-button {
	min-height: 56px !important;
	min-width: 0 !important;
	width: 100% !important;
}

@media (max-width: 760px) {
	.egeg-quote-modal.egeg-preview-modal {
		padding: max(12px, env(safe-area-inset-top, 0px)) 12px max(12px, env(safe-area-inset-bottom, 0px)) !important;
	}

	.egeg-quote-modal .egeg-quote-modal-dialog {
		gap: 12px !important;
		width: min(100%, calc(100dvw - 24px)) !important;
		max-width: calc(100dvw - 24px) !important;
		max-height: calc(100dvh - 24px) !important;
		padding: 14px !important;
		border-radius: 20px !important;
	}

	.egeg-quote-modal .egeg-preview-modal-head {
		min-height: 44px !important;
		padding: 0 !important;
	}

	.egeg-quote-modal .egeg-preview-modal-head strong {
		font-size: 20px !important;
		max-width: calc(100% - 56px) !important;
	}

	.egeg-quote-modal .egeg-preview-modal-close {
		flex-basis: 46px !important;
		height: 46px !important;
		min-width: 46px !important;
		width: 46px !important;
	}

	.egeg-quote-modal .egeg-quote-modal-body {
		gap: 12px !important;
		max-height: none !important;
		overflow: visible !important;
		padding: 18px !important;
	}

	.egeg-quote-modal .egeg-quote-modal-actions {
		gap: 10px !important;
		grid-template-columns: 1fr !important;
		padding: 0 2px 2px !important;
	}
}

/* @egeg-block:001517 | component:12-responsive-adaptive.css */
@media (max-width: 980px) {
	.egeg-preview-modal.egeg-mobile-summary-modal {
		align-items: center !important;
		box-sizing: border-box !important;
		display: flex !important;
		height: 100dvh !important;
		inset: 0 !important;
		justify-content: center !important;
		max-height: 100dvh !important;
		max-width: 100dvw !important;
		overflow: hidden !important;
		padding: clamp(10px, 3vw, 18px) !important;
		position: fixed !important;
		width: 100dvw !important;
	}

	.egeg-mobile-summary-modal .egeg-mobile-summary-dialog {
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		gap: var(--egeg-space-3, 12px) !important;
		height: auto !important;
		max-height: calc(100dvh - 28px) !important;
		max-width: min(480px, calc(100dvw - 20px)) !important;
		min-height: 0 !important;
		overflow: hidden !important;
		padding: var(--egeg-pad-modal, 10px) !important;
		width: min(480px, calc(100dvw - 20px)) !important;
	}

	.egeg-mobile-summary-modal .egeg-mobile-summary-head {
		box-sizing: border-box !important;
		flex: 0 0 auto !important;
		min-height: 0 !important;
	}

	.egeg-mobile-summary-modal .egeg-mobile-summary-body {
		align-self: stretch !important;
		background: #FFFFFF !important;
		border: 1px solid rgba(var(--egeg-primary-rgb, 135, 50, 245), .18) !important;
		border-radius: var(--egeg-radius-card, 16px) !important;
		box-sizing: border-box !important;
		display: block !important;
		flex: 0 1 auto !important;
		height: auto !important;
		max-height: calc(100dvh - 116px) !important;
		min-height: 0 !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		padding: var(--egeg-space-3, 12px) !important;
		-webkit-overflow-scrolling: touch !important;
	}

	.egeg-mobile-summary-modal .egeg-mobile-summary-list {
		box-sizing: border-box !important;
		display: grid !important;
		gap: var(--egeg-space-2, 8px) !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}
}

@media (max-width: 420px) {
	.egeg-mobile-summary-modal .egeg-mobile-summary-dialog {
		max-width: calc(100dvw - 16px) !important;
		width: calc(100dvw - 16px) !important;
	}

	.egeg-mobile-summary-modal .egeg-mobile-summary-body {
		max-height: calc(100dvh - 104px) !important;
		padding: var(--egeg-space-2, 8px) !important;
	}
}

/* @egeg-block:001518 | component:12-responsive-adaptive.css */
.egeg-generator[data-egeg-current-step="6"] [data-egeg-stage],
.egeg-generator[data-egeg-current-step="6"] .egeg-stage,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom--recommended {
	box-sizing: border-box !important;
	inline-size: 100% !important;
	max-inline-size: 100% !important;
	min-inline-size: 0 !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-custom--recommended {
	align-items: center !important;
	display: grid !important;
	gap: var(--egeg-space-3, 12px) !important;
	justify-items: center !important;
	max-inline-size: 100% !important;
	padding: var(--egeg-space-4, 16px) clamp(12px, 2vw, 28px) !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-geometry-ready="1"] {
	aspect-ratio: var(--egeg-canvas-ratio, 1 / 1) !important;
	block-size: auto !important;
	box-sizing: border-box !important;
	height: auto !important;
	inline-size: var(--egeg-grommet-preview-inline-size, min(100%, 390px)) !important;
	margin-inline: auto !important;
	max-block-size: none !important;
	max-height: none !important;
	max-inline-size: 100% !important;
	max-width: 100% !important;
	min-block-size: 0 !important;
	min-height: 0 !important;
	min-inline-size: 0 !important;
	width: var(--egeg-grommet-preview-inline-size, min(100%, 390px)) !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-guide-legend,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-controls,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-row,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-status,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-muted {
	box-sizing: border-box !important;
	inline-size: 100% !important;
	max-inline-size: 100% !important;
	min-inline-size: 0 !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-guide-legend {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: var(--egeg-space-2, 8px) var(--egeg-space-3, 12px) !important;
	justify-content: center !important;
	overflow-wrap: anywhere !important;
	white-space: normal !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-controls {
	align-items: center !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: var(--egeg-space-3, 12px) !important;
	justify-content: center !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-position-row {
	align-items: center !important;
	display: grid !important;
	gap: var(--egeg-space-3, 12px) !important;
	grid-template-columns: minmax(70px, auto) minmax(0, 1fr) minmax(78px, 96px) minmax(120px, auto) !important;
}

/* @egeg-block:001519 | component:12-responsive-adaptive.css */
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="compact"] ~ .egeg-guide-legend,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="compact"] ~ .egeg-grommet-controls,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="compact"] ~ .egeg-grommet-position-row,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="compact"] ~ .egeg-grommet-position-status,
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="compact"] ~ .egeg-grommet-muted {
	max-inline-size: 100% !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="compact"] ~ .egeg-grommet-controls {
	display: grid !important;
	gap: var(--egeg-space-3, 12px) var(--egeg-space-2, 8px) !important;
	grid-template-columns: 52px minmax(0, 1fr) 52px !important;
	justify-items: stretch !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="compact"] ~ .egeg-grommet-controls .egeg-mini-button--round {
	inline-size: 52px !important;
	min-inline-size: 52px !important;
	padding-inline: 0 !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="compact"] ~ .egeg-grommet-controls [data-egeg-grommet-redistribute] {
	grid-column: 1 / -1 !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="compact"] ~ .egeg-grommet-position-row {
	grid-template-columns: minmax(0, 1fr) !important;
}

.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="compact"] ~ .egeg-grommet-position-row input[type="range"],
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="compact"] ~ .egeg-grommet-position-row input[type="number"],
.egeg-generator[data-egeg-current-step="6"] .egeg-grommet-preview[data-egeg-grommet-layout="compact"] ~ .egeg-grommet-position-row [data-egeg-grommet-position-value] {
	box-sizing: border-box !important;
	inline-size: 100% !important;
	max-inline-size: 100% !important;
	min-inline-size: 0 !important;
	text-align: center !important;
}

/* @egeg-block:001520 | component:12-responsive-adaptive.css */
@media (max-width: 760px) {
	.egeg-generator .egeg-heading h2 {
		font-size: var(--egeg-font-display, 20px) !important;
	}

	.egeg-generator .egeg-substep h3,
	.egeg-generator [data-egeg-step-title],
	.egeg-generator .egeg-step-header h3,
	.egeg-generator .egeg-upload-title,
	.egeg-generator .egeg-upload-content h3,
	.egeg-generator[data-egeg-current-step="7"] .egeg-final-summary-title,
	.egeg-generator[data-egeg-current-step="7"] .egeg-customer-panel h4,
	.egeg-generator[data-egeg-current-step="7"] .egeg-payment-panel-head h4 {
		font-size: var(--egeg-font-step-title, 16px) !important;
		line-height: var(--egeg-line-title, 1.14) !important;
	}
}

/* @egeg-block:001521 | component:12-responsive-adaptive.css */
.egeg-generator .egeg-substep,
.egeg-generator .egeg-panel,
.egeg-generator .egeg-summary dl {
	border-width: var(--egeg-panel-stroke-width, 2px) !important;
}

.egeg-generator .egeg-summary dl div {
	border-width: var(--egeg-summary-item-stroke-width, 1px) !important;
}

.egeg-generator .egeg-summary .egeg-summary-total {
	border-width: var(--egeg-summary-total-stroke-width, var(--egeg-panel-stroke-width, 2px)) !important;
}

@media (max-width: 1280px) and (min-width: 761px) {
	.egeg-generator .egeg-layout {
		grid-template-columns: 1fr !important;
	}

	.egeg-generator .egeg-layout > .egeg-summary {
		display: grid !important;
	}

	.egeg-generator .egeg-summary dl {
		grid-template-columns: repeat(2, minmax(144px, 1fr)) !important;
	}
}

@media (max-width: 760px) {
	.egeg-generator .egeg-layout {
		grid-template-columns: 1fr !important;
	}

	.egeg-generator .egeg-layout > .egeg-summary {
		display: none !important;
	}
}