.uptrail-zalo-card,
.uptrail-zalo-booking {
	position: relative;
	overflow: hidden;
	margin-block: 24px;
	padding: clamp(22px, 4vw, 38px);
	border: 1px solid rgba(0, 104, 152, 0.16);
	border-radius: 24px;
	background:
		radial-gradient(circle at 92% 8%, rgba(255, 190, 47, 0.2), transparent 34%),
		linear-gradient(145deg, #f8fcff, #eef8f4);
	box-shadow: 0 18px 50px rgba(5, 70, 96, 0.09);
	color: #073f5a;
}

.uptrail-zalo-card > span,
.uptrail-zalo-booking > span {
	display: inline-flex;
	padding: 6px 10px;
	border-radius: 999px;
	background: #0879df;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
}

.uptrail-zalo-card h2,
.uptrail-zalo-booking h3 {
	margin: 14px 0 8px;
	color: #073f5a;
	font-size: clamp(24px, 3vw, 34px);
	line-height: 1.12;
}

.uptrail-zalo-card p,
.uptrail-zalo-booking p {
	max-width: 680px;
	margin: 8px 0 16px;
	line-height: 1.65;
}

.uptrail-zalo-card button[disabled] {
	padding: 11px 18px;
	border: 0;
	border-radius: 999px;
	background: #dff4e8;
	color: #087343;
	font-weight: 800;
	opacity: 1;
}

[data-zalo-status]:empty {
	display: none;
}

[data-zalo-status] {
	padding: 10px 12px;
	border-radius: 12px;
	background: #eaf4ff;
	font-weight: 700;
}

[data-zalo-status][data-state="success"] { background: #daf5e4; color: #08643c; }
[data-zalo-status][data-state="warning"] { background: #fff2d8; color: #7a4b00; }
[data-zalo-status][data-state="error"] { background: #ffe5e2; color: #9c291e; }

@media (max-width: 600px) {
	.uptrail-zalo-card,
	.uptrail-zalo-booking {
		margin-inline: -2px;
		padding: 20px 17px;
		border-radius: 18px;
	}

	.uptrail-zalo-card h2,
	.uptrail-zalo-booking h3 {
		font-size: 24px;
	}

	.zalo-interaction-widget {
		max-width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.uptrail-zalo-card,
	.uptrail-zalo-booking {
		scroll-behavior: auto;
	}
}