/* Brochure gate popup (Bricks popup #2581 + Bricksforge Pro Forms). */
.brx-popup.brxe-popup-2581,
.brx-popup.brxe-popup-2581 * {
	box-sizing: border-box;
}

.brx-popup.brxe-popup-2581 {
	--vtx-brochure-text: var(--vtx-color-graphite-core-950, #404040);
	--vtx-brochure-accent: #ff6214;
	--vtx-brochure-error: #c83e2b;
	font-family: var(--font-body, "Be Vietnam Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.brx-popup.brxe-popup-2581 .brx-popup-backdrop {
	background: rgba(31, 31, 32, 0.56);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.brx-popup.brxe-popup-2581 #brxe-vadjrr {
	margin: 0 0 20px 0;
	color: var(--vtx-brochure-text);
	font-family: var(--font-heading, "Be Vietnam Pro", system-ui, sans-serif);
	font-size: clamp(26px, 4vw, 34px);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.015em;
	text-align: center;
}

/* Do not depend on Bricks element IDs: they change after deployment/import. */
.brx-popup.vtx-brochure-popup .brx-popup-content .brxe-heading {
	margin: 0 0 20px;
	color: var(--vtx-brochure-text);
	font-family: var(--font-heading, "Be Vietnam Pro", system-ui, sans-serif);
	font-size: clamp(26px, 4vw, 34px);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.015em;
	text-align: center;
}

.brx-popup.brxe-popup-2581 .brxe-brf-pro-forms {
	display: grid !important;
	width: 100%;
	gap: 16px !important;
	margin: 0;
	padding: 0;
}

.brx-popup.brxe-popup-2581 .pro-forms-builder-field,
.brx-popup.brxe-popup-2581 .form-group,
.brx-popup.brxe-popup-2581 .submit-button-wrapper {
	position: relative;
	display: grid;
	width: 100%;
	min-width: 0;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
}

.brx-popup.brxe-popup-2581 label {
	margin: 0;
	color: #4c4b4b;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0;
}

.brx-popup.brxe-popup-2581 label::after {
	content: " *";
	color: var(--vtx-brochure-accent);
}

.brx-popup.brxe-popup-2581 input[type="email"] {
	display: block;
	width: 100%;
	min-height: 52px;
	margin: 0;
	padding: 14px 18px !important;
	border: 1px solid rgba(64, 64, 64, 0.14) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 1px 3px rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
	color: #4c4b4b !important;
	font: inherit !important;
	font-size: 15px !important;
	line-height: 22px !important;
	outline: none !important;
	transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.brx-popup.brxe-popup-2581 input[type="email"]:hover {
	border-color: rgba(64, 64, 64, 0.28) !important;
}

.brx-popup.brxe-popup-2581 input[type="email"]:focus,
.brx-popup.brxe-popup-2581 input[type="email"]:focus-visible {
	border-color: var(--vtx-brochure-accent) !important;
	background: #fff !important;
	box-shadow: 0 1px 3px rgb(0 0 0 / 0.1), 0 0 0 3px rgba(255, 98, 20, 0.18) !important;
}

.brx-popup.brxe-popup-2581 input[type="email"]::placeholder {
	color: #9b9a99;
	opacity: 1;
}

.brx-popup.brxe-popup-2581 .submit-button-wrapper button[type="submit"] {
	position: relative;
	display: inline-flex !important;
	overflow: hidden;
	isolation: isolate;
	width: 100%;
	min-height: 52px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0;
	padding: 0 24px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, #ff4c2c, #ff6214 42%, #ffb217) !important;
	box-shadow: 0 16px 34px rgba(255, 98, 20, 0.25) !important;
	color: #fff !important;
	cursor: pointer;
	font: inherit !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: 0;
	transition: transform 420ms ease, box-shadow 420ms ease, filter 420ms ease, opacity 180ms ease;
}

.brx-popup.brxe-popup-2581 .submit-button-wrapper button[type="submit"]:not(:disabled):hover,
.brx-popup.brxe-popup-2581 .submit-button-wrapper button[type="submit"]:not(:disabled):focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 20px 42px rgba(255, 98, 20, 0.32) !important;
	filter: none;
}

.brx-popup.brxe-popup-2581 .submit-button-wrapper button[type="submit"]:focus-visible {
	outline: 3px solid rgba(255, 98, 20, 0.25);
	outline-offset: 3px;
}

.brx-popup.brxe-popup-2581 .submit-button-wrapper button[type="submit"]:disabled,
.brx-popup.brxe-popup-2581 .submit-button-wrapper button[type="submit"][aria-disabled="true"] {
	transform: none;
	box-shadow: none !important;
	cursor: not-allowed;
	opacity: 0.58;
}

.brx-popup.brxe-popup-2581 .submit-button-wrapper button .loading svg {
	width: 20px;
	height: 20px;
	animation: vtx-brochure-spin 0.85s linear infinite;
}

.brx-popup.brxe-popup-2581 .vtx-brochure-submit-icon {
	display: inline-flex;
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
}

.brx-popup.brxe-popup-2581 .vtx-brochure-submit-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.brx-popup.brxe-popup-2581 .submit-button-wrapper button.sending .vtx-brochure-submit-icon {
	display: none;
}

.brx-popup.brxe-popup-2581 :where(.message, .form-message, .brf-error, .error-message, .validation-error) {
	margin: 0;
	color: var(--vtx-brochure-error);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
}

.brx-popup.brxe-popup-2581 :where(.brx-popup-close, .bricks-popup-close) {
	position: absolute;
	top: 16px;
	right: 16px;
	display: inline-flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(64, 64, 64, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.7);
	color: var(--vtx-brochure-text);
	transition: background-color 180ms ease, transform 180ms ease;
}

.brx-popup.brxe-popup-2581 :where(.brx-popup-close, .bricks-popup-close):hover {
	transform: rotate(5deg);
	background: #fff;
}

@keyframes vtx-brochure-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 600px) {
	.brx-popup.brxe-popup-2581 .brx-popup-content {
		width: calc(100vw - 24px);
		padding: 28px 20px 24px;
		border-radius: 20px;
	}

	.brx-popup.brxe-popup-2581 #brxe-chbhxm {
		gap: 20px;
	}
}

@media (prefers-reduced-motion: reduce) {

	.brx-popup.brxe-popup-2581 *,
	.brx-popup.brxe-popup-2581 *::before,
	.brx-popup.brxe-popup-2581 *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}