/*
 * Featured Kerala Taxi Services & Tour Packages — card grid
 * Shared styles matching the homepage "#vehicle-highlights" section so any
 * page can reuse the exact same card design, spacing, hover effects and
 * responsive behaviour. Scoped to #vehicle-highlights.
 */
#vehicle-highlights { padding: 80px 0; background-color: #f8f9fa; }
/* Flex row so every card in a row shares the same height */
#vehicle-highlights .vh-grid { margin-top: 40px; display: flex; flex-wrap: wrap; }
#vehicle-highlights .vh-grid > [class*="col-"] { display: flex; }
#vehicle-highlights .vh-card {
	background: #fff;
	border: 2px solid #FFC61A;
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s ease;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	width: 100%;
}
#vehicle-highlights .vh-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
/* Fixed-height frame; images fit inside without cropping/zoom.
   Uniform container height for every card, images centered horizontally. */
#vehicle-highlights .vh-media {
	display: flex;
	align-items: flex-start;   /* align image to the top of the container */
	justify-content: center;   /* centered horizontally */
	height: 250px;
	box-sizing: border-box;    /* keep total height fixed incl. padding */
	padding: 8px;
	background-color: #fff;
	border-bottom: 1px solid #f0f0f0;
	overflow: hidden;
}
/* Default = portrait tour posters. Leave ~30px of clear space at the top so the
   badge sits above the poster's printed title (top-aligned, aspect kept). */
#vehicle-highlights .vh-media:not(.is-landscape) {
	padding-top: 30px;
}
#vehicle-highlights .vh-media:not(.is-landscape) img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	display: block;
}
/* Landscape images (Sabarimala / 9-day) already leave enough headroom — keep
   them vertically centered and slightly scaled, no extra top spacing. */
#vehicle-highlights .vh-media.is-landscape {
	align-items: center;
}
#vehicle-highlights .vh-media.is-landscape img {
	width: auto;
	height: auto;
	max-width: 92%;
	max-height: 82%;
	object-fit: contain;
	display: block;
}
#vehicle-highlights .vh-body { padding: 20px; flex: 1 1 auto; display: flex; flex-direction: column; }
#vehicle-highlights .vh-title { margin: 0 0 8px 0; font-size: 18px; line-height: 1.3em; }
#vehicle-highlights .vh-title a { color: #1F1F1F; text-decoration: none; transition: color 0.3s ease; }
#vehicle-highlights .vh-title a:hover { color: #f39c12; }
#vehicle-highlights .vh-excerpt {
	color: #666;
	line-height: 1.5em;
	font-size: 14px;
	margin-bottom: 18px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* View Details: pinned to the bottom, centered and equal width on every card */
#vehicle-highlights .vh-body .btn {
	margin-top: auto;
	margin-bottom: 0;
	align-self: center;
	min-width: 160px;
	text-align: center;
}
@media (max-width: 1199px) {
	#vehicle-highlights .vh-media { height: 260px; }
}
@media (max-width: 767px) {
	#vehicle-highlights { padding: 50px 0; }
	#vehicle-highlights .vh-media { height: 300px; }
	#vehicle-highlights .vh-body { padding: 18px; }
}