#staco-ai-root.staco-ai-root {
	--staco-primary: #9b343a;
	--staco-charcoal: #24272b;
	--staco-charcoal-soft: #32363b;
	--staco-canvas: #f5f4f2;
	--staco-line: #dfdcda;
	--staco-muted: #77736f;
	position: fixed !important;
	z-index: 999999 !important;
	bottom: 96px !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1.65 !important;
	letter-spacing: 0 !important;
	text-align: right !important;
	color: #282828 !important;
}

#staco-ai-root.staco-ai-left { left: 24px !important; right: auto !important; }
#staco-ai-root.staco-ai-right { right: 24px !important; left: auto !important; }
#staco-ai-root *, #staco-ai-root *::before, #staco-ai-root *::after { box-sizing: border-box; }
#staco-ai-root input, #staco-ai-root textarea, #staco-ai-root button { font-family: inherit; }
#staco-ai-root .dashicons { width: 1em; height: 1em; font-family: dashicons !important; font-weight: 400 !important; line-height: 1 !important; }

#staco-ai-root button.staco-ai-teaser {
	all: unset !important;
	position: absolute !important;
	bottom: 70px !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	width: 276px !important;
	min-height: 64px !important;
	margin: 0 !important;
	padding: 9px 11px !important;
	border: 1px solid rgba(36, 39, 43, .1) !important;
	border-radius: 16px !important;
	background: #fff !important;
	box-shadow: 0 14px 34px rgba(22, 25, 28, .18) !important;
	color: #2f3032 !important;
	cursor: pointer !important;
	direction: rtl !important;
	box-sizing: border-box !important;
	opacity: 0 !important;
	transform: translateY(7px) scale(.98) !important;
	transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

#staco-ai-root.staco-ai-right .staco-ai-teaser { right: 0 !important; left: auto !important; }
#staco-ai-root.staco-ai-left .staco-ai-teaser { left: 0 !important; right: auto !important; }
#staco-ai-root button.staco-ai-teaser[hidden] { display: none !important; }
#staco-ai-root button.staco-ai-teaser.is-visible { opacity: 1 !important; transform: translateY(0) scale(1) !important; }
#staco-ai-root button.staco-ai-teaser:hover { box-shadow: 0 17px 38px rgba(22, 25, 28, .23) !important; }
#staco-ai-root .staco-ai-teaser > span:last-child { display: flex !important; min-width: 0 !important; flex: 1 1 auto !important; flex-direction: column !important; }
#staco-ai-root .staco-ai-teaser strong { color: #2f3032 !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1.65 !important; }
#staco-ai-root .staco-ai-teaser small { color: #7d7975 !important; font-size: 9.5px !important; line-height: 1.65 !important; }
#staco-ai-root .staco-ai-teaser-robot { display: grid !important; place-items: center !important; width: 42px !important; height: 42px !important; flex: 0 0 42px !important; border-radius: 13px !important; background: rgba(155, 52, 58, .09) !important; color: var(--staco-primary) !important; }
#staco-ai-root .staco-ai-teaser-robot svg { display: block !important; width: 23px !important; height: 23px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.7 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }

/* The high-specificity reset keeps Elementor/theme button rules from turning the launcher into a card. */
#staco-ai-root button.staco-ai-launcher {
	all: unset !important;
	display: flex !important;
	align-items: center !important;
	flex-direction: row !important;
	gap: 7px !important;
	width: 212px !important;
	min-width: 212px !important;
	max-width: 212px !important;
	height: 58px !important;
	min-height: 58px !important;
	max-height: 58px !important;
	margin: 0 !important;
	padding: 6px !important;
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 999px !important;
	background: var(--staco-charcoal) !important;
	box-shadow: 0 9px 24px rgba(25, 27, 29, .22) !important;
	color: #fff !important;
	cursor: pointer !important;
	direction: rtl !important;
	box-sizing: border-box !important;
	transition: transform .18s ease, box-shadow .18s ease !important;
}

#staco-ai-root button.staco-ai-launcher:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 28px rgba(25, 27, 29, .28) !important;
}

#staco-ai-root button.staco-ai-launcher:focus-visible,
#staco-ai-root button:focus-visible,
#staco-ai-root input:focus-visible,
#staco-ai-root textarea:focus-visible {
	outline: 3px solid rgba(155, 52, 58, .24) !important;
	outline-offset: 3px !important;
}

#staco-ai-root .staco-ai-launcher-icon {
	display: grid !important;
	place-items: center !important;
	width: 46px !important;
	min-width: 46px !important;
	max-width: 46px !important;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	flex: 0 0 46px !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 15px !important;
	background: #fff !important;
	overflow: hidden !important;
}

#staco-ai-root .staco-ai-launcher-icon img,
#staco-ai-root .staco-ai-avatar img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 6px !important;
	object-fit: contain !important;
}

#staco-ai-root .staco-ai-logo-fallback { color: var(--staco-primary); font-size: 17px; font-weight: 800; }

#staco-ai-root .staco-ai-launcher-copy {
	display: flex !important;
	min-width: 0 !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: right !important;
	white-space: nowrap !important;
}

#staco-ai-root .staco-ai-launcher-copy strong {
	display: block !important;
	max-width: 100% !important;
	overflow: hidden !important;
	color: #fff !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	line-height: 1.55 !important;
	text-overflow: ellipsis !important;
}

#staco-ai-root .staco-ai-launcher-copy small {
	display: flex !important;
	align-items: center !important;
	gap: 5px !important;
	max-width: 100% !important;
	overflow: hidden !important;
	color: rgba(255, 255, 255, .68) !important;
	font-size: 8.5px !important;
	line-height: 1.5 !important;
	text-overflow: ellipsis !important;
}

#staco-ai-root .staco-ai-launcher-copy i,
#staco-ai-root .staco-ai-header-copy i {
	display: inline-block !important;
	width: 7px !important;
	height: 7px !important;
	flex: 0 0 7px !important;
	border-radius: 50% !important;
	background: #55c96b !important;
	box-shadow: 0 0 0 3px rgba(85, 201, 107, .12) !important;
}

#staco-ai-root .staco-ai-launcher-action {
	position: relative !important;
	display: grid !important;
	place-items: center !important;
	width: 46px !important;
	min-width: 46px !important;
	max-width: 46px !important;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	flex: 0 0 46px !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background: var(--staco-primary) !important;
	color: #fff !important;
}

#staco-ai-root .staco-ai-launcher-action svg { display: block !important; width: 24px !important; height: 24px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.65 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
#staco-ai-root .staco-ai-launcher-action::after { content: '' !important; position: absolute !important; top: 1px !important; right: 1px !important; width: 9px !important; height: 9px !important; border: 2px solid var(--staco-charcoal) !important; border-radius: 50% !important; background: #55c96b !important; }
#staco-ai-root.staco-ai-attention .staco-ai-launcher-action { animation: staco-launcher-attention 2.4s ease both; }
@keyframes staco-launcher-attention {
	0%, 100% { box-shadow: 0 0 0 0 rgba(155, 52, 58, 0); transform: scale(1); }
	18% { box-shadow: 0 0 0 9px rgba(155, 52, 58, .16); transform: scale(1.05); }
	36% { box-shadow: 0 0 0 0 rgba(155, 52, 58, 0); transform: scale(1); }
	54% { box-shadow: 0 0 0 7px rgba(155, 52, 58, .12); transform: scale(1.035); }
	72% { box-shadow: 0 0 0 0 rgba(155, 52, 58, 0); transform: scale(1); }
}
#staco-ai-root.is-open .staco-ai-launcher { display: none !important; }
#staco-ai-root.is-open .staco-ai-teaser { display: none !important; }

#staco-ai-root .staco-ai-dialog {
	position: absolute !important;
	bottom: -72px !important;
	display: flex !important;
	width: min(390px, calc(100vw - 32px)) !important;
	height: min(640px, calc(100vh - 48px)) !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(36, 39, 43, .12) !important;
	border-radius: 21px !important;
	background: #fff !important;
	box-shadow: 0 24px 60px rgba(22, 25, 28, .2) !important;
	overflow: hidden !important;
	flex-direction: column !important;
	animation: staco-dialog-in .22s ease both;
}

#staco-ai-root.staco-ai-left .staco-ai-dialog { left: 0 !important; right: auto !important; transform-origin: bottom left; }
#staco-ai-root.staco-ai-right .staco-ai-dialog { right: 0 !important; left: auto !important; transform-origin: bottom right; }
#staco-ai-root .staco-ai-dialog[hidden], #staco-ai-root .staco-ai-lead-panel[hidden] { display: none !important; }

@keyframes staco-dialog-in {
	from { opacity: 0; transform: translateY(8px) scale(.98); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

#staco-ai-root .staco-ai-header {
	display: flex !important;
	align-items: center !important;
	gap: 11px !important;
	min-height: 91px !important;
	margin: 0 !important;
	padding: 14px 15px !important;
	border: 0 !important;
	border-bottom: 4px solid var(--staco-primary) !important;
	background: var(--staco-charcoal) !important;
	color: #fff !important;
}

#staco-ai-root .staco-ai-avatar {
	display: grid !important;
	place-items: center !important;
	width: 50px !important;
	height: 50px !important;
	flex: 0 0 50px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 15px !important;
	background: #fff !important;
	color: var(--staco-primary) !important;
	overflow: hidden !important;
}

#staco-ai-root .staco-ai-header-copy {
	display: flex !important;
	min-width: 0 !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	margin: 0 !important;
	padding: 0 !important;
}

#staco-ai-root .staco-ai-header-copy strong {
	overflow: hidden !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.6 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

#staco-ai-root .staco-ai-header-copy small {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	color: rgba(255, 255, 255, .66) !important;
	font-size: 10px !important;
	line-height: 1.6 !important;
}

#staco-ai-root button.staco-ai-close,
#staco-ai-root button.staco-ai-close-lead {
	all: unset !important;
	display: grid !important;
	place-items: center !important;
	width: 36px !important;
	height: 36px !important;
	flex: 0 0 36px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(255, 255, 255, .13) !important;
	border-radius: 11px !important;
	background: rgba(255, 255, 255, .07) !important;
	color: #fff !important;
	cursor: pointer !important;
}

#staco-ai-root button.staco-ai-close:hover,
#staco-ai-root button.staco-ai-close-lead:hover { background: rgba(255, 255, 255, .14) !important; }
#staco-ai-root .staco-ai-close .dashicons, #staco-ai-root .staco-ai-close-lead .dashicons { font-size: 22px !important; }

#staco-ai-root .staco-ai-messages {
	display: block !important;
	flex: 1 1 auto !important;
	min-height: 100px !important;
	margin: 0 !important;
	padding: 17px 16px 8px !important;
	background: var(--staco-canvas) !important;
	overflow-y: auto !important;
	scroll-behavior: smooth;
	scrollbar-color: #c8c5c2 transparent;
	scrollbar-width: thin;
}

#staco-ai-root .staco-ai-date {
	margin: 0 auto 15px !important;
	padding: 0 !important;
	color: #8d8884 !important;
	font-size: 10px !important;
	line-height: 1.5 !important;
	text-align: center !important;
}

#staco-ai-root .staco-ai-message {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	animation: staco-message-in .18s ease both;
}

#staco-ai-root .staco-ai-message.user { align-items: flex-end !important; }
#staco-ai-root .staco-ai-message > div {
	max-width: 88% !important;
	margin: 0 !important;
	padding: 12px 15px !important;
	border: 1px solid rgba(36, 39, 43, .08) !important;
	border-radius: 18px 18px 6px 18px !important;
	background: #fff !important;
	box-shadow: 0 5px 14px rgba(31, 33, 35, .08) !important;
	color: #303030 !important;
	font-size: 12.5px !important;
	font-weight: 400 !important;
	line-height: 1.85 !important;
	overflow-wrap: anywhere !important;
}

#staco-ai-root .staco-ai-message.user > div {
	border-color: var(--staco-primary) !important;
	border-radius: 18px 18px 18px 6px !important;
	background: var(--staco-primary) !important;
	box-shadow: none !important;
	color: #fff !important;
}

@keyframes staco-message-in { from { opacity: 0; transform: translateY(3px); } }
#staco-ai-root .staco-ai-sources { margin-top: 5px !important; padding: 0 6px !important; color: #817d79 !important; font-size: 9px !important; }
#staco-ai-root .staco-ai-typing > div { display: flex !important; gap: 5px !important; padding: 14px 16px !important; }
#staco-ai-root .staco-ai-typing i { width: 6px !important; height: 6px !important; border-radius: 50% !important; background: var(--staco-primary) !important; animation: staco-bounce .8s infinite alternate; }
#staco-ai-root .staco-ai-typing i:nth-child(2) { animation-delay: .14s; }
#staco-ai-root .staco-ai-typing i:nth-child(3) { animation-delay: .28s; }
@keyframes staco-bounce { to { opacity: .25; transform: translateY(-3px); } }

#staco-ai-root .staco-ai-quick {
	display: flex !important;
	flex: 0 0 auto !important;
	flex-direction: column !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 3px 16px 14px !important;
	border: 0 !important;
	background: var(--staco-canvas) !important;
	overflow: visible !important;
}

#staco-ai-root .staco-ai-quick[hidden] { display: none !important; }
#staco-ai-root .staco-ai-quick button {
	all: unset !important;
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	width: 250px !important;
	min-height: 42px !important;
	margin: 0 0 0 auto !important;
	padding: 6px 14px !important;
	border: 1px solid var(--staco-primary) !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, .55) !important;
	color: #313131 !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
	transition: background .16s ease, color .16s ease !important;
}

#staco-ai-root .staco-ai-quick button:hover { background: #fff !important; color: var(--staco-primary) !important; }
#staco-ai-root .staco-ai-quick-icon {
	display: grid !important;
	place-items: center !important;
	width: 30px !important;
	height: 30px !important;
	flex: 0 0 30px !important;
	border-radius: 9px !important;
	background: rgba(155, 52, 58, .09) !important;
	color: var(--staco-primary) !important;
}

#staco-ai-root .staco-ai-quick-icon svg {
	display: block !important;
	width: 19px !important;
	height: 19px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.8 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

#staco-ai-root .staco-ai-quick-icon-steel svg { fill: currentColor !important; stroke: none !important; }
#staco-ai-root .staco-ai-quick button > span:last-child { flex: 1 !important; font-size: 11.5px !important; font-weight: 600 !important; text-align: right !important; }

#staco-ai-root .staco-ai-compose {
	display: flex !important;
	align-items: center !important;
	flex: 0 0 auto !important;
	flex-direction: row !important;
	gap: 8px !important;
	min-height: 72px !important;
	margin: 0 !important;
	padding: 8px 12px !important;
	border: 0 !important;
	border-top: 1px solid #e8e5e2 !important;
	background: #fff !important;
}

#staco-ai-root .staco-ai-compose textarea {
	display: block !important;
	min-width: 0 !important;
	min-height: 52px !important;
	max-height: 104px !important;
	flex: 1 1 auto !important;
	margin: 0 !important;
	padding: 12px 15px !important;
	resize: none !important;
	border: 1px solid #dedbd8 !important;
	border-radius: 999px !important;
	background: #fff !important;
	box-shadow: 0 4px 13px rgba(31, 33, 35, .06) !important;
	color: #303030 !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.8 !important;
	outline: 0 !important;
}

#staco-ai-root .staco-ai-compose textarea::placeholder { color: #aaa6a2 !important; opacity: 1 !important; }
#staco-ai-root .staco-ai-compose textarea:focus { border-color: var(--staco-primary) !important; box-shadow: 0 0 0 3px rgba(155, 52, 58, .1) !important; }
#staco-ai-root .staco-ai-compose button {
	all: unset !important;
	display: grid !important;
	place-items: center !important;
	width: 46px !important;
	height: 46px !important;
	flex: 0 0 46px !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background: var(--staco-primary) !important;
	color: #fff !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
}

#staco-ai-root .staco-ai-compose button:hover { background: #832b31 !important; }
#staco-ai-root .staco-ai-compose button:disabled { opacity: .5 !important; cursor: wait !important; }
#staco-ai-root .staco-ai-compose button .dashicons { font-size: 20px !important; }

#staco-ai-root .staco-ai-actions { padding: 8px 12px 5px !important; text-align: center !important; background: #fff !important; }
#staco-ai-root .staco-ai-open-lead {
	all: unset !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 9px !important;
	width: 100% !important;
	min-height: 48px !important;
	padding: 8px 14px !important;
	border: 1px solid var(--staco-primary) !important;
	border-radius: 14px !important;
	background: var(--staco-primary) !important;
	box-shadow: 0 7px 18px rgba(155, 52, 58, .2) !important;
	color: #fff !important;
	cursor: pointer !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	box-sizing: border-box !important;
	transition: background .16s ease, transform .16s ease, box-shadow .16s ease !important;
}

#staco-ai-root .staco-ai-open-lead:hover { background: #832b31 !important; transform: translateY(-1px) !important; box-shadow: 0 9px 22px rgba(155, 52, 58, .26) !important; }
#staco-ai-root .staco-ai-open-lead > span:nth-child(2) { flex: 1 1 auto !important; text-align: right !important; }
#staco-ai-root .staco-ai-open-lead .dashicons { flex: 0 0 1em !important; font-size: 17px !important; }
#staco-ai-root .staco-ai-quote-icon { display: grid !important; place-items: center !important; width: 27px !important; height: 27px !important; flex: 0 0 27px !important; border-radius: 8px !important; background: rgba(255, 255, 255, .14) !important; }
#staco-ai-root .staco-ai-quote-icon svg { display: block !important; width: 17px !important; height: 17px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.7 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
#staco-ai-root .staco-ai-privacy { margin: 0 !important; padding: 2px 14px 8px !important; background: #fff !important; color: #aaa6a2 !important; font-size: 8px !important; line-height: 1.55 !important; text-align: center !important; }
#staco-ai-root .staco-ai-hp { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }

#staco-ai-root .staco-ai-lead-panel {
	position: absolute !important;
	inset: 0 !important;
	z-index: 3 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff !important;
	overflow-y: auto !important;
	animation: staco-panel-in .2s ease both;
}

@keyframes staco-panel-in { from { opacity: 0; transform: translateX(-8px); } }
#staco-ai-root .staco-ai-lead-head {
	position: sticky !important;
	top: 0 !important;
	z-index: 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	min-height: 91px !important;
	margin: 0 !important;
	padding: 14px 16px !important;
	border-bottom: 4px solid var(--staco-primary) !important;
	background: var(--staco-charcoal) !important;
	color: #fff !important;
}

#staco-ai-root .staco-ai-lead-head > div { display: flex !important; flex-direction: column !important; }
#staco-ai-root .staco-ai-lead-head strong { color: #fff !important; font-size: 15px !important; font-weight: 700 !important; }
#staco-ai-root .staco-ai-lead-head small { color: rgba(255, 255, 255, .65) !important; font-size: 9.5px !important; }
#staco-ai-root .staco-ai-lead-form { margin: 0 !important; padding: 18px 16px 22px !important; }
#staco-ai-root .staco-ai-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px 10px !important; }
#staco-ai-root .staco-ai-grid label { display: flex !important; flex-direction: column !important; gap: 5px !important; color: #5e5a56 !important; font-size: 10px !important; font-weight: 600 !important; }
#staco-ai-root .staco-ai-grid label.wide { grid-column: 1 / -1 !important; }
#staco-ai-root .staco-ai-grid input,
#staco-ai-root .staco-ai-grid textarea {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 9px 10px !important;
	border: 1px solid #dcd9d6 !important;
	border-radius: 10px !important;
	background: #faf9f8 !important;
	color: #303030 !important;
	font-size: 11.5px !important;
	font-weight: 400 !important;
	outline: 0 !important;
}

#staco-ai-root .staco-ai-grid input:focus,
#staco-ai-root .staco-ai-grid textarea:focus { border-color: var(--staco-primary) !important; box-shadow: 0 0 0 3px rgba(155, 52, 58, .08) !important; background: #fff !important; }
#staco-ai-root .staco-ai-consent { display: flex !important; align-items: flex-start !important; gap: 7px !important; margin: 15px 0 !important; color: #6b6763 !important; font-size: 9px !important; line-height: 1.8 !important; }
#staco-ai-root .staco-ai-consent input { width: auto !important; margin: 5px 0 0 !important; accent-color: var(--staco-primary); }
#staco-ai-root .staco-ai-lead-submit {
	all: unset !important;
	display: grid !important;
	place-items: center !important;
	width: 100% !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border-radius: 999px !important;
	background: var(--staco-primary) !important;
	color: #fff !important;
	cursor: pointer !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	box-sizing: border-box !important;
}

#staco-ai-root .staco-ai-lead-submit:disabled { opacity: .55 !important; }
#staco-ai-root .staco-ai-lead-status { margin-top: 9px !important; text-align: center !important; font-size: 10px !important; }
#staco-ai-root .staco-ai-lead-status.success { color: #18803a !important; }
#staco-ai-root .staco-ai-lead-status.error { color: #b42318 !important; }

@media (max-width: 520px) {
	#staco-ai-root.staco-ai-root { bottom: 12px !important; }
	#staco-ai-root .staco-ai-teaser { display: none !important; }
	#staco-ai-root.staco-ai-left { left: 12px !important; }
	#staco-ai-root.staco-ai-right { right: 12px !important; }
	#staco-ai-root .staco-ai-dialog { position: fixed !important; inset: 8px !important; width: auto !important; height: auto !important; border-radius: 19px !important; }
	#staco-ai-root .staco-ai-header, #staco-ai-root .staco-ai-lead-head { min-height: 82px !important; }
	#staco-ai-root .staco-ai-messages { padding-right: 14px !important; padding-left: 14px !important; }
	#staco-ai-root .staco-ai-quick { padding-right: 14px !important; padding-left: 14px !important; }
	#staco-ai-root .staco-ai-quick button { width: min(250px, 82vw) !important; }
	#staco-ai-root .staco-ai-grid { grid-template-columns: 1fr !important; }
	#staco-ai-root .staco-ai-grid label.wide { grid-column: auto !important; }
}

@media (max-width: 360px) {
	#staco-ai-root button.staco-ai-launcher { width: 196px !important; min-width: 196px !important; max-width: 196px !important; }
	#staco-ai-root .staco-ai-launcher-copy strong { font-size: 11.5px !important; }
	#staco-ai-root .staco-ai-launcher-copy small { font-size: 8px !important; }
}

@media (prefers-reduced-motion: reduce) {
	#staco-ai-root .staco-ai-dialog,
	#staco-ai-root .staco-ai-message,
	#staco-ai-root .staco-ai-lead-panel { animation: none !important; }
	#staco-ai-root .staco-ai-launcher { transition: none !important; }
	#staco-ai-root .staco-ai-launcher-action { animation: none !important; }
	#staco-ai-root .staco-ai-teaser { transition: none !important; }
	#staco-ai-root .staco-ai-messages { scroll-behavior: auto !important; }
	#staco-ai-root .staco-ai-typing i { animation: none !important; }
}