/* CartBounty Pro: visual Zazulê. Todos os seletores ficam limitados aos dois popups. */
#cartbounty-pro-exit-intent-form,
#cartbounty-pro-early-capture-form {
	--zz-cb-accent: #b2ba35;
	--zz-cb-blue: #1fbdc6;
	--zz-cb-heading: #13384f;
	--zz-cb-text: #221e1f;
	--zz-cb-muted: #4f5f68;
	--zz-cb-bg: #fffaf3;
	--zz-cb-surface: #ffffff;
	font-family: Inter, Arial, Helvetica, sans-serif;
}

#cartbounty-pro-exit-intent-form-container {
	width: min(92vw, 780px) !important;
	max-width: 780px !important;
	height: auto !important;
	padding: 34px !important;
	overflow: visible !important;
	background: var(--zz-cb-bg) !important;
	border: 1px solid #e8e1d9 !important;
	border-radius: 24px !important;
	box-shadow: 0 24px 70px rgba(19, 56, 79, 0.2) !important;
}

#cartbounty-pro-exit-intent-form-content {
	/* Mantém o display nativo do CartBounty. Forçá-lo aqui podia vencer o
	   estado oculto usado antes do gatilho e fazer o popup aparecer cedo. */
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

#cartbounty-pro-exit-intent-form-content-l,
#cartbounty-pro-exit-intent-form-content-r {
	min-width: 0;
}

#cartbounty-pro-exit-intent-form-content img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-height: 280px !important;
	margin: 0 auto !important;
	object-fit: contain !important;
	border-radius: 18px !important;
}

#cartbounty-pro-exit-intent-form h2 {
	margin: 0 0 12px !important;
	color: var(--zz-cb-heading) !important;
	font-family: Fraunces, Georgia, "Times New Roman", serif !important;
	font-size: clamp(28px, 4vw, 38px) !important;
	font-weight: 700 !important;
	line-height: 1.08 !important;
	letter-spacing: -0.6px !important;
}

#cartbounty-pro-exit-intent-form .zz-cb-description,
#cartbounty-pro-exit-intent-form-content-r > p {
	margin: 0 0 20px !important;
	padding: 0 !important;
	color: var(--zz-cb-text) !important;
	font-size: 16px !important;
	line-height: 1.55 !important;
}

#cartbounty-pro-exit-intent-close {
	top: 12px !important;
	right: 12px !important;
	width: 44px !important;
	height: 44px !important;
	padding: 15px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.78) !important;
}

#cartbounty-pro-exit-intent-form-backdrop {
	background: var(--zz-cb-heading) !important;
}

#cartbounty-pro-exit-intent-form form,
#cartbounty-pro-early-capture-form form {
	margin: 0 !important;
}

#cartbounty-pro-exit-intent-form .zz-cb-contact,
#cartbounty-pro-early-capture-form .zz-cb-contact {
	display: block;
	margin: 0 0 12px;
}

#cartbounty-pro-exit-intent-form .zz-cb-field[hidden],
#cartbounty-pro-early-capture-form .zz-cb-field[hidden] {
	display: none !important;
}

#cartbounty-pro-exit-intent-form .zz-cb-input-wrap,
#cartbounty-pro-early-capture-form .zz-cb-input-wrap {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

#cartbounty-pro-exit-intent-form .zz-cb-input-wrap input,
#cartbounty-pro-early-capture-form .zz-cb-input-wrap input {
	box-sizing: border-box !important;
	display: block !important;
	float: none !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 52px !important;
	margin: 0 !important;
	padding: 12px 15px !important;
	color: var(--zz-cb-text) !important;
	background: var(--zz-cb-surface) !important;
	border: 1px solid #c9d0d3 !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	line-height: 1.2 !important;
}

#cartbounty-pro-exit-intent-form .zz-cb-input-wrap input:focus,
#cartbounty-pro-early-capture-form .zz-cb-input-wrap input:focus {
	border-color: var(--zz-cb-blue) !important;
	outline: 3px solid rgba(31, 189, 198, 0.22) !important;
	outline-offset: 1px !important;
}

#cartbounty-pro-exit-intent-form .zz-cb-input-wrap.cartbounty-pro-input-error input,
#cartbounty-pro-early-capture-form .zz-cb-input-wrap.cartbounty-pro-input-error input,
#cartbounty-pro-exit-intent-form .zz-cb-field.is-invalid input,
#cartbounty-pro-early-capture-form .zz-cb-field.is-invalid input {
	border-color: #b42318 !important;
}

#cartbounty-pro-exit-intent-form .zz-cb-hint,
#cartbounty-pro-early-capture-form .zz-cb-hint {
	display: block;
	margin-top: 7px;
	color: var(--zz-cb-muted);
	font-size: 12px;
	line-height: 1.35;
}

#cartbounty-pro-exit-intent-form .zz-cb-error,
#cartbounty-pro-early-capture-form .zz-cb-error {
	display: none;
	margin-top: 6px;
	color: #8a1c13;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
}

#cartbounty-pro-exit-intent-form .zz-cb-field.is-invalid .zz-cb-error,
#cartbounty-pro-early-capture-form .zz-cb-field.is-invalid .zz-cb-error {
	display: block;
}

#cartbounty-pro-exit-intent-form .zz-cb-switch,
#cartbounty-pro-early-capture-form .zz-cb-switch {
	display: inline-block;
	width: auto;
	min-width: 0;
	height: auto;
	margin: 10px 0 0;
	padding: 0;
	color: var(--zz-cb-heading);
	background: transparent;
	border: 0;
	border-bottom: 1px solid currentColor;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	text-decoration: none;
}

#cartbounty-pro-exit-intent-form .zz-cb-switch:hover,
#cartbounty-pro-early-capture-form .zz-cb-switch:hover {
	color: var(--zz-cb-blue);
}

#cartbounty-pro-exit-intent-submit,
#cartbounty-pro-early-capture-submit {
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	float: none !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 52px !important;
	margin: 14px 0 0 !important;
	padding: 13px 18px !important;
	color: #000000 !important;
	background: var(--zz-cb-accent) !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-style: normal !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-align: center !important;
}

#cartbounty-pro-exit-intent-submit:hover,
#cartbounty-pro-early-capture-submit:hover {
	filter: brightness(0.96);
	transform: translateY(-1px);
}

#cartbounty-pro-early-capture-form {
	width: min(92vw, 390px) !important;
	max-width: 390px !important;
}

#cartbounty-pro-early-capture-form-content {
	box-sizing: border-box !important;
	width: min(92vw, 390px) !important;
	padding: 22px !important;
	background: var(--zz-cb-bg) !important;
	border: 2px solid var(--zz-cb-accent) !important;
	border-radius: 18px !important;
	box-shadow: 0 18px 48px rgba(19, 56, 79, 0.18) !important;
}

#cartbounty-pro-early-capture-form .cartbounty-pro-triangle {
	color: var(--zz-cb-accent) !important;
}

#cartbounty-pro-early-capture-form-content-top {
	display: flex !important;
	align-items: flex-start !important;
	gap: 14px !important;
	margin-bottom: 14px !important;
}

#cartbounty-pro-early-capture-form .zz-cb-label,
#cartbounty-pro-early-capture-form-content-top > label {
	flex: 1;
	margin: 0 !important;
	color: var(--zz-cb-heading) !important;
	font-family: Fraunces, Georgia, "Times New Roman", serif !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

#cartbounty-pro-early-capture-close {
	position: static !important;
	flex: 0 0 32px !important;
	width: 32px !important;
	height: 32px !important;
	padding: 10px !important;
	border-radius: 50% !important;
	background: var(--zz-cb-surface) !important;
}

#cartbounty-pro-early-capture-submit em {
	font-style: normal !important;
	font-weight: 800 !important;
}

#cartbounty-pro-early-capture-submit > svg {
	display: none !important;
}

#cartbounty-pro-exit-intent-consent,
#cartbounty-pro-early-capture-consent {
	margin: 14px 0 0 !important;
	padding: 0 !important;
	color: var(--zz-cb-muted) !important;
	font-size: 11px !important;
	line-height: 1.4 !important;
}

@media (max-width: 700px) {
	#cartbounty-pro-exit-intent-form-container {
		width: min(94vw, 520px) !important;
		padding: 24px 20px 22px !important;
		border-radius: 20px !important;
	}

	#cartbounty-pro-exit-intent-form-content-l {
		display: none !important;
	}

	#cartbounty-pro-exit-intent-form h2 {
		padding-right: 28px !important;
		font-size: 29px !important;
	}

	#cartbounty-pro-exit-intent-form .zz-cb-description,
	#cartbounty-pro-exit-intent-form-content-r > p {
		font-size: 15px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#cartbounty-pro-exit-intent-form *,
	#cartbounty-pro-early-capture-form * {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}

/* Exit Intent fora de telas de toque: rolagem e botão Voltar disparavam o
   popup sem querer. O JavaScript também remove o popup; esta regra cobre o
   intervalo até ele rodar. */
@media (hover: none), (pointer: coarse) {
	#cartbounty-pro-exit-intent-form,
	#cartbounty-pro-exit-intent-form-backdrop {
		display: none !important;
	}
}
