/**
 * Trang Liên hệ mobile — #brxe-zcikkq.lien-he-mobile
 * Port giao diện desktop (qk-lien-he); chỉ ≤767px, không đụng desktop.
 */
@media (max-width: 767px) {
	#brxe-zcikkq.lien-he-mobile {
		--qk-lihe-blue: #003c81;
		--qk-lihe-red: #d51c0b;
		--qk-lihe-muted: #64748b;
		--qk-lihe-phone-blue: #4da3ff;
		--qk-lihe-card-bg: #0b1628;
		--qk-lihe-card-bg-2: #0f1d33;
		--qk-lihe-label: #94a3b8;
		--qk-lihe-body-on-dark: #f1f5f9;
		--qk-lihe-muted-on-dark: #94a3b8;
		--qk-lihe-cta-from: #00d4ee;
		--qk-lihe-cta-to: #0099c7;
		--qk-lihe-icon-border: rgba(77, 163, 255, 0.55);
		--qk-lihe-card-radius: 1rem;
		--qk-lihe-heading-grad: linear-gradient(
			90deg,
			#003c81 0%,
			#1a3568 14%,
			#4a2a5c 36%,
			#6f2a4a 52%,
			#9a2430 68%,
			#c41c12 84%,
			#d51c0b 100%
		);
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
		box-sizing: border-box;
	}

	/* ===== Hero #brxe-kebixw ===== */
	#brxe-zcikkq.lien-he-mobile #brxe-kebixw.brxe-section {
		position: relative !important;
		isolation: isolate;
		overflow: hidden !important;
		padding: clamp(2.5rem, 8vw, 3.75rem) clamp(1rem, 4vw, 1.25rem) clamp(2.25rem, 6vw, 3.25rem) !important;
		text-align: center !important;
		background: linear-gradient(180deg, #fcfdfe 0%, #f8fafc 48%, #ffffff 100%) !important;
		border: none !important;
		box-shadow: none !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-kebixw.brxe-section::before {
		content: "";
		position: absolute;
		inset: -15% -8%;
		pointer-events: none;
		z-index: 0;
		background:
			radial-gradient(ellipse 50% 60% at 0% 85%, rgba(0, 60, 129, 0.09) 0%, transparent 58%),
			radial-gradient(ellipse 48% 55% at 100% 15%, rgba(213, 28, 11, 0.07) 0%, transparent 55%),
			radial-gradient(ellipse 60% 45% at 50% 0%, rgba(0, 60, 129, 0.05) 0%, transparent 52%);
	}

	#brxe-zcikkq.lien-he-mobile #brxe-kebixw .qk-lihe-hero-deco-layer {
		position: absolute;
		inset: 0;
		z-index: 0;
		pointer-events: none;
		overflow: hidden;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-kebixw .qk-lihe-hero-deco {
		position: absolute;
		bottom: 0;
		width: min(70%, 280px);
		height: min(55%, 220px);
		opacity: 0.75;
		pointer-events: none;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-kebixw .qk-lihe-hero-deco--left {
		left: 0;
		background:
			radial-gradient(ellipse 90% 70% at 0% 100%, rgba(0, 60, 129, 0.11) 0%, transparent 62%),
			radial-gradient(ellipse 120% 40% at 0% 100%, transparent 68%, rgba(0, 60, 129, 0.14) 69%, rgba(0, 60, 129, 0.14) 70.5%, transparent 72%);
	}

	#brxe-zcikkq.lien-he-mobile #brxe-kebixw .qk-lihe-hero-deco--right {
		right: 0;
		background:
			radial-gradient(ellipse 90% 70% at 100% 100%, rgba(213, 28, 11, 0.09) 0%, transparent 62%),
			radial-gradient(ellipse 120% 40% at 100% 0%, transparent 68%, rgba(213, 28, 11, 0.1) 69%, rgba(213, 28, 11, 0.1) 70.5%, transparent 72%);
	}

	#brxe-zcikkq.lien-he-mobile #brxe-kebixw > :not(.qk-lihe-hero-deco-layer) {
		position: relative;
		z-index: 1;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-doqppk.brxe-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 auto !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-gfqong.brxe-heading {
		width: 100%;
		max-width: 100%;
		margin: 0 auto !important;
		padding: 0 !important;
		font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
		font-weight: 800 !important;
		font-size: clamp(1.75rem, 7vw, 2.35rem) !important;
		line-height: 1.18 !important;
		letter-spacing: -0.028em !important;
		text-align: center !important;
		text-wrap: balance;
		overflow: visible !important;
		padding-block: 0.02em 0.1em !important;
		background-image: var(--qk-lihe-heading-grad) !important;
		background-size: 100% 100% !important;
		-webkit-background-clip: text !important;
		background-clip: text !important;
		-webkit-text-fill-color: transparent !important;
		color: transparent !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-gfqong .qk-lihe-hero__t1,
	#brxe-zcikkq.lien-he-mobile #brxe-gfqong .qk-lihe-hero__ws,
	#brxe-zcikkq.lien-he-mobile #brxe-gfqong .qk-lihe-hero__t2,
	#brxe-zcikkq.lien-he-mobile #brxe-gfqong .qk-lihe-hero__brand,
	#brxe-zcikkq.lien-he-mobile #brxe-gfqong .qk-lihe-hero__media {
		display: inline !important;
		font: inherit !important;
		background: none !important;
		color: transparent !important;
		-webkit-text-fill-color: transparent !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-gfqong .qk-lihe-hero__brand {
		display: inline-block !important;
		padding-bottom: 0.07em;
		vertical-align: baseline;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-yvqhds.brxe-text-basic {
		max-width: 22rem;
		margin: clamp(1rem, 3vw, 1.35rem) auto 0 !important;
		padding: 0 !important;
		font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
		font-size: clamp(0.92rem, 3.4vw, 1.02rem) !important;
		font-weight: 500 !important;
		line-height: 1.62 !important;
		color: var(--qk-lihe-muted) !important;
		text-align: center !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-yvqhds.brxe-text-basic p {
		margin: 0 !important;
		color: inherit !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-yvqhds.brxe-text-basic::after {
		content: "";
		display: block;
		width: clamp(3.5rem, 14vw, 5rem);
		height: 2px;
		margin: clamp(1.1rem, 3vw, 1.4rem) auto 0;
		border-radius: 999px;
		background: linear-gradient(90deg, var(--qk-lihe-blue) 50%, var(--qk-lihe-red) 50%);
		opacity: 0.9;
	}

	/* ===== 3 thẻ liên hệ #brxe-lsziax ===== */
	#brxe-zcikkq.lien-he-mobile #brxe-lsziax.brxe-section {
		padding: clamp(2rem, 5vw, 2.75rem) clamp(0.65rem, 3vw, 0.85rem) !important;
		background: #ffffff !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-qcqgjy.brxe-container.brx-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: clamp(1rem, 3vw, 1.35rem) !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 auto !important;
		background: transparent !important;
		border: none !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-rolvsf.brxe-block,
	#brxe-zcikkq.lien-he-mobile #brxe-jrhono.brxe-block,
	#brxe-zcikkq.lien-he-mobile #brxe-sdeyew.brxe-block {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		width: 100% !important;
		min-width: 0;
		padding: clamp(1.35rem, 4vw, 1.65rem) !important;
		border-radius: var(--qk-lihe-card-radius) !important;
		background: linear-gradient(165deg, var(--qk-lihe-card-bg-2) 0%, var(--qk-lihe-card-bg) 100%) !important;
		color: var(--qk-lihe-body-on-dark) !important;
		border: none !important;
		box-shadow:
			0 4px 6px -2px rgba(0, 0, 0, 0.08),
			0 18px 42px -12px rgba(11, 22, 40, 0.45) !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-qcqgjy .brxe-icon-box {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		width: 100% !important;
		margin: 0 0 0.85rem 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: none !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-qcqgjy .brxe-icon-box .icon {
		order: -1;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: clamp(4rem, 14vw, 4.75rem) !important;
		height: clamp(4rem, 14vw, 4.75rem) !important;
		margin: 0 0 0.85rem 0 !important;
		padding: 0.85rem !important;
		border-radius: 0.85rem !important;
		font-size: 1.65rem !important;
		background: linear-gradient(145deg, rgba(30, 64, 110, 0.45) 0%, rgba(12, 28, 52, 0.35) 100%) !important;
		color: #ffffff !important;
		border: 1px solid var(--qk-lihe-icon-border) !important;
		box-shadow:
			0 0 0 1px rgba(77, 163, 255, 0.12),
			0 0 20px -6px rgba(77, 163, 255, 0.35) !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-qcqgjy .brxe-icon-box .icon i {
		color: #ffffff !important;
		font-size: 1.65rem !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-qcqgjy .brxe-icon-box .content h6,
	#brxe-zcikkq.lien-he-mobile #brxe-qcqgjy .text-gray-500 {
		margin: 0 !important;
		font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
		font-size: 0.875rem !important;
		font-weight: 800 !important;
		letter-spacing: 0.16em !important;
		text-transform: uppercase !important;
		color: var(--qk-lihe-label) !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-jlrdsn.brxe-text p {
		margin: 0 !important;
		font-size: clamp(1.0625rem, 4.2vw, 1.125rem) !important;
		font-weight: 500 !important;
		line-height: 1.65 !important;
		color: var(--qk-lihe-body-on-dark) !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-rolvsf #brxe-kvlwad {
		margin-top: auto !important;
		width: 100%;
		padding-top: 0.65rem;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-kvlwad.brxe-text p {
		margin: 0 !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-kvlwad a.qk-lihe-map-cta,
	#brxe-zcikkq.lien-he-mobile #brxe-kvlwad .qk-lihe-map-cta {
		display: inline-flex !important;
		align-items: center;
		gap: 0.28em;
		padding: 0.42rem 0.9rem !important;
		border-radius: 999px !important;
		font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
		font-size: 0.75rem !important;
		font-weight: 700 !important;
		letter-spacing: 0.1em !important;
		text-transform: uppercase !important;
		text-decoration: none !important;
		color: #ffffff !important;
		background: linear-gradient(135deg, var(--qk-lihe-cta-from) 0%, var(--qk-lihe-cta-to) 100%) !important;
		border: none !important;
		box-shadow:
			0 0 0 1px rgba(0, 212, 238, 0.22),
			0 3px 14px -4px rgba(0, 180, 220, 0.48) !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-kvlwad a.qk-lihe-map-cta::before,
	#brxe-zcikkq.lien-he-mobile #brxe-kvlwad .qk-lihe-map-cta::before {
		display: none !important;
		content: none !important;
		background: none !important;
		width: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		box-shadow: none !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-kvlwad a.qk-lihe-map-cta .brxe-icon,
	#brxe-zcikkq.lien-he-mobile #brxe-kvlwad a.qk-lihe-map-cta i,
	#brxe-zcikkq.lien-he-mobile #brxe-kvlwad a.qk-lihe-map-cta svg,
	#brxe-zcikkq.lien-he-mobile #brxe-kvlwad a.qk-lihe-map-cta img {
		display: none !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-kvlwad a.qk-lihe-map-cta::after,
	#brxe-zcikkq.lien-he-mobile #brxe-kvlwad .qk-lihe-map-cta::after {
		content: "↗" !important;
		display: inline-block !important;
		flex-shrink: 0;
		font-weight: 800 !important;
		font-size: 0.95em !important;
		line-height: 1 !important;
		color: #ffffff !important;
		background: none !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-ujhatv.brxe-text p:first-of-type {
		margin: 0 0 0.4rem 0 !important;
		font-size: clamp(1.45rem, 5.5vw, 1.75rem) !important;
		font-weight: 800 !important;
		line-height: 1.12 !important;
		font-variant-numeric: tabular-nums;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-ujhatv .qk-lihe-phone__pre {
		color: var(--qk-lihe-phone-blue) !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-ujhatv .qk-lihe-phone__suffix {
		color: var(--qk-lihe-red) !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-ujhatv.brxe-text p:nth-of-type(2) {
		margin: 0 !important;
		font-size: clamp(1.0625rem, 4.2vw, 1.125rem) !important;
		font-weight: 500 !important;
		line-height: 1.55 !important;
		color: var(--qk-lihe-body-on-dark) !important;
		word-break: break-word;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-huirlh.brxe-text p:first-of-type,
	#brxe-zcikkq.lien-he-mobile #brxe-huirlh .text-lg {
		margin: 0 0 0.35rem 0 !important;
		font-size: clamp(1.125rem, 4.5vw, 1.25rem) !important;
		font-weight: 700 !important;
		line-height: 1.45 !important;
		color: #ffffff !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-huirlh.brxe-text p:nth-of-type(2),
	#brxe-zcikkq.lien-he-mobile #brxe-huirlh .text-gray-400,
	#brxe-zcikkq.lien-he-mobile #brxe-huirlh .text-sm {
		margin: 0 !important;
		font-size: clamp(1.0625rem, 4.2vw, 1.125rem) !important;
		font-weight: 400 !important;
		color: var(--qk-lihe-muted-on-dark) !important;
		line-height: 1.5 !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-qcqgjy [class*="text-[#00f0ff]"],
	#brxe-zcikkq.lien-he-mobile #brxe-qcqgjy .text-2xl {
		color: inherit !important;
		font-size: inherit !important;
		font-weight: inherit !important;
	}

	/* ===== Map #brxe-hioysz ===== */
	#brxe-zcikkq.lien-he-mobile #brxe-hioysz.brxe-section {
		padding: 0 clamp(0.65rem, 3vw, 0.85rem) clamp(2rem, 5vw, 2.5rem) !important;
		background: #ffffff !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-pptmok.brxe-container {
		width: 100% !important;
		padding: 0 !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-hioysz .qk-lihe-map-shell {
		position: relative;
		display: block;
		width: 100%;
		overflow: hidden;
		border-radius: clamp(1rem, 3vw, 1.35rem);
		background: #eef2f7;
		box-shadow:
			0 22px 56px -18px rgba(15, 23, 42, 0.14),
			0 10px 28px -14px rgba(15, 23, 42, 0.08),
			0 0 0 1px rgba(15, 23, 42, 0.05);
	}

	#brxe-zcikkq.lien-he-mobile #brxe-hioysz .qk-lihe-map-frame {
		overflow: hidden;
		width: 100%;
		border-radius: inherit;
		filter: saturate(0.52) brightness(1.14) contrast(0.9) hue-rotate(-6deg);
		-webkit-filter: saturate(0.52) brightness(1.14) contrast(0.9) hue-rotate(-6deg);
	}

	#brxe-zcikkq.lien-he-mobile #brxe-hioysz .qk-lihe-map-frame iframe,
	#brxe-zcikkq.lien-he-mobile #brxe-datupk iframe {
		display: block;
		width: 100% !important;
		height: clamp(260px, 52vw, 340px) !important;
		max-width: 100%;
		margin: 0 !important;
		border: 0 !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-hioysz .qk-lihe-map-badge {
		position: absolute;
		left: 0.85rem;
		bottom: 0.85rem;
		z-index: 2;
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		padding: 0.5rem 0.95rem 0.5rem 0.65rem;
		border-radius: 999px;
		font-family: "Plus Jakarta Sans", system-ui, sans-serif;
		font-size: 0.62rem;
		font-weight: 800;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: #ffffff;
		background: #0a0a0a;
		box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
		pointer-events: none;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-hioysz .qk-lihe-map-badge__dot {
		width: 0.4rem;
		height: 0.4rem;
		border-radius: 50%;
		background: #22d3ee;
		box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.35);
	}

	/* ===== Form #brxe-xxycla ===== */
	#brxe-zcikkq.lien-he-mobile #brxe-xxycla.brxe-section {
		position: relative;
		isolation: isolate;
		overflow: hidden;
		padding: clamp(2rem, 5vw, 2.75rem) clamp(0.65rem, 3vw, 0.85rem) clamp(2.5rem, 7vw, 3rem) !important;
		background: linear-gradient(180deg, #fafbfc 0%, #f4f5f7 100%) !important;
	}

	#brxe-zcikkq.lien-he-mobile #brxe-xxycla.brxe-section::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		pointer-events: none;
		background:
			radial-gradient(ellipse 55% 45% at -5% 55%, rgba(213, 28, 11, 0.1), transparent 55%),
			radial-gradient(ellipse 50% 42% at 102% 25%, rgba(0, 60, 129, 0.1), transparent 52%);
	}

	#brxe-zcikkq.lien-he-mobile #brxe-xxycla.brxe-section::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		pointer-events: none;
		opacity: 0.35;
		background-image:
			linear-gradient(rgba(15, 23, 42, 0.04) 1px, transparent 1px),
			linear-gradient(90deg, rgba(15, 23, 42, 0.04) 1px, transparent 1px);
		background-size: 36px 36px;
		-webkit-mask-image: radial-gradient(ellipse 98% 88% at 50% 48%, #000 0%, transparent 78%);
		mask-image: radial-gradient(ellipse 98% 88% at 50% 48%, #000 0%, transparent 78%);
	}

	#brxe-zcikkq.lien-he-mobile #brxe-vxpxie.brxe-container {
		position: relative;
		z-index: 1;
		width: 100% !important;
		padding: 0 !important;
	}

	#brxe-zcikkq.lien-he-mobile .qk-lihe-form-wrap {
		max-width: 100%;
		margin: 0;
		padding: 0;
		background: none;
		box-shadow: none;
	}

	#brxe-zcikkq.lien-he-mobile .qk-lihe-form-wrap::before,
	#brxe-zcikkq.lien-he-mobile .qk-lihe-form-wrap::after {
		content: none;
		display: none;
	}

	#brxe-zcikkq.lien-he-mobile .qk-lihe-form-card {
		padding: clamp(1.5rem, 4.5vw, 2rem) clamp(1rem, 3.5vw, 1.35rem) !important;
		border-radius: clamp(1.1rem, 3vw, 1.35rem) !important;
	}

	#brxe-zcikkq.lien-he-mobile .qk-lihe-form-title {
		font-size: clamp(1.15rem, 4.8vw, 1.35rem) !important;
	}

	#brxe-zcikkq.lien-he-mobile .qk-lihe-form-sub {
		font-size: clamp(0.88rem, 3.2vw, 0.96rem) !important;
	}

	/* 2 cột: Họ tên | Email, SĐT | Chủ đề */
	#brxe-zcikkq.lien-he-mobile .qk-lihe-form__grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		gap: clamp(0.65rem, 2.5vw, 0.85rem) !important;
	}

	#brxe-zcikkq.lien-he-mobile .qk-lihe-form__field {
		min-width: 0;
	}

	#brxe-zcikkq.lien-he-mobile .qk-lihe-form__label {
		font-size: 0.58rem !important;
		letter-spacing: 0.08em !important;
	}

	#brxe-zcikkq.lien-he-mobile .qk-lihe-form__input {
		padding: 0.82rem 0.75rem !important;
		font-size: clamp(0.82rem, 3.2vw, 0.92rem) !important;
	}

	#brxe-zcikkq.lien-he-mobile .qk-lihe-form__field--full {
		grid-column: 1 / -1;
	}

	#brxe-zcikkq.lien-he-mobile .qk-lihe-form__textarea {
		min-height: 9rem;
	}

	#brxe-zcikkq.lien-he-mobile .qk-lihe-form__submit {
		width: 100%;
		padding: 1rem 1.25rem !important;
		font-size: 0.8rem !important;
	}
}