/* Vehicle Sync Pro — baseline layout for the markup shared between the
   shortcodes ([vsp_filters], [vsp_vehicle_gallery]) and their Elementor
   widget counterparts. Elementor's own Style controls generate more
   specific inline CSS and take precedence over this. */

.vsp-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	align-items: flex-end;
}

.vsp-filters .vsp-filter {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.vsp-gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.vsp-gallery img,
.vsp-widget-image img {
	max-width: 100%;
	height: auto;
	display: block;
}