/* Trang bản đồ toàn màn hình: bản đồ chiếm trọn khung nhìn, header và chân trang
   của trang du lịch bị giấu đi — người đang tìm chỗ đi cần bản đồ to nhất có
   thể, mọi thứ khác chỉ ăn mất chỗ. */
body.trang-ban-do .cn-pillwrap,
body.trang-ban-do .site-header,
body.trang-ban-do .site-footer { display: none; }
body.trang-ban-do { overflow: hidden; }

.map-tron { position: fixed; inset: 0; }
.map-tron #ml-map { position: absolute; inset: 0; height: 100%; width: 100%; border-radius: 0; }

/* Nút về trang du lịch — cùng ngôn ngữ với cụm nút tròn bên phải bản đồ, nhưng
   đặt bên trái dưới cái giỏ để không đè lên nhau. */
.map-tron__ve {
	position: absolute; left: 14px; top: 76px; z-index: 6;
	width: 44px; height: 44px; display: grid; place-items: center;
	border-radius: 50%; background: #fff; color: var(--md-chu, #35342f);
	box-shadow: 0 2px 6px rgba(30, 30, 28, .16), 0 10px 24px -12px rgba(30, 30, 28, .5);
	transition: transform .16s ease, box-shadow .16s ease;
}
.map-tron__ve svg { width: 21px; height: 21px; }
.map-tron__ve:hover { transform: translateY(-1px); box-shadow: 0 3px 8px rgba(30, 30, 28, .18), 0 16px 30px -14px rgba(30, 30, 28, .55); }

@media (max-width: 760px) {
	.map-tron__ve { left: 12px; top: 68px; width: 40px; height: 40px; }
	.map-tron__ve svg { width: 19px; height: 19px; }
}