/* Khung liên hệ (widget "KMV – Khung liên hệ" + sidebar các trang) */
.kmv-cbox{
	position:relative; overflow:hidden; padding:26px 22px 22px; border-radius:20px; color:#fff;
	background:
		radial-gradient(360px 200px at 110% -10%, rgba(255,255,255,.18), transparent 70%),
		linear-gradient(150deg,#005a9c 0%,#0077bd 55%,#0a86cf 100%);
	box-shadow:0 18px 40px rgba(0,70,125,.28);
}
.kmv-cbox::after{   /* vòng trang trí */
	content:""; position:absolute; right:-50px; bottom:-60px; width:170px; height:170px; border-radius:50%;
	border:26px solid rgba(255,255,255,.06); pointer-events:none;
}
.kmv-cbox-badge{
	display:inline-flex; align-items:center; justify-content:center; width:50px; height:50px;
	border-radius:15px; background:rgba(255,255,255,.16); font-size:22px; color:#fff;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}
.kmv-cbox-title{ margin:14px 0 6px; color:#fff; font-size:19px; font-weight:700; line-height:1.3; }
.kmv-cbox-text{ margin:0 0 16px; color:rgba(255,255,255,.84); font-size:14px; line-height:1.6; }
.kmv-cbox-list{ position:relative; z-index:1; margin:0 0 16px; padding:0; list-style:none; }
.kmv-cbox-list li{ margin:0 0 8px; padding:0; list-style:none; }
.kmv-cbox-list a{
	display:flex; align-items:center; gap:12px; padding:9px 10px; border-radius:13px;
	background:rgba(255,255,255,.1); color:#fff !important; text-decoration:none;
	transition:background .2s ease, transform .2s ease;
}
.kmv-cbox-list a:hover{ background:rgba(255,255,255,.2); transform:translateX(3px); }
.kmv-cbox-list a > span:last-child{ display:flex; flex-direction:column; min-width:0; line-height:1.3; }
.kmv-cbox-list small{ font-size:11.5px; color:rgba(255,255,255,.7); letter-spacing:.2px; }
.kmv-cbox-list strong{ font-size:14.5px; font-weight:700; color:#fff; overflow-wrap:anywhere; }
.kmv-cbox-ic{
	flex:0 0 36px; width:36px; height:36px; border-radius:50%;
	display:inline-flex; align-items:center; justify-content:center;
	background:#fff; color:var(--kmv-blue,#007dbe); font-size:15px;
}
.kmv-cbox-zalo{ font-size:10.5px; font-weight:800; letter-spacing:-.2px; color:#0068ff; }
.kmv-cbox-btn{
	position:relative; z-index:1; display:flex; align-items:center; justify-content:center; gap:10px;
	padding:13px 18px; border-radius:99px; background:#fff; color:#005a9c !important;
	font-weight:700; font-size:14.5px; text-decoration:none;
	box-shadow:0 10px 22px rgba(0,0,0,.16); transition:transform .2s ease, box-shadow .2s ease;
}
.kmv-cbox-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(0,0,0,.22); }
.kmv-cbox-btn i{ transition:transform .2s ease; }
.kmv-cbox-btn:hover i{ transform:translateX(3px); }

/* Tự co gọn theo độ rộng thật của khung (sidebar hẹp trên tablet / máy tính nhỏ) */
.kmv-cbox{ container-type:inline-size; }
.kmv-cbox .kmv-cbox-list li{ margin:0 0 8px !important; padding:0 !important; list-style:none !important; }
.kmv-cbox .kmv-cbox-list{ margin:0 0 16px !important; padding:0 !important; }
.kmv-cbox-btn{ white-space:nowrap; }
.kmv-cbox-list strong{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@container (max-width:300px){
	.kmv-cbox-title{ font-size:17px; }
	.kmv-cbox-text{ font-size:13.5px; }
	.kmv-cbox-list a{ gap:10px; padding:8px; }
	.kmv-cbox-ic{ flex-basis:32px; width:32px; height:32px; font-size:13px; }
	.kmv-cbox-list strong{ font-size:13.5px; }
	.kmv-cbox-btn{ padding:12px 14px; font-size:14px; gap:8px; }
}
@container (max-width:250px){
	.kmv-cbox-ic{ display:none; }
	.kmv-cbox-list a{ padding:8px 12px; }
	.kmv-cbox-list strong{ font-size:13px; white-space:normal; overflow-wrap:anywhere; }
	.kmv-cbox-btn{ font-size:13.5px; padding:11px 12px; }
	.kmv-cbox-btn i{ display:none; }
}