/*
 * JSBO Critical CSS — loaded before the main Vite bundle.
 *
 * PURPOSE
 * Rules here must be present on first paint; they cannot wait for the Vite
 * CSS (plugin.css) to finish loading. The main stylesheet restates or extends
 * every rule in this file, so normal cascade order handles overrides — no
 * specificity problems, no !important.
 *
 * WHAT BELONGS HERE
 * Only add rules that prevent a visible layout shift or flash on first render:
 *   - Container dimensions that images or other media depend on
 *   - Skeleton/placeholder geometry
 * Do NOT add decorative rules (colours, shadows, typography). Those wait for
 * the full stylesheet.
 */

/* Reserve 4:3 space for property card media containers on first paint.
	Without these rules, images render at their native dimensions before
	plugin.css applies layout constraints, causing a visible layout shift.
	aspect-ratio alone is sufficient — no max-width needed here. */
.jsbo .jsbo-property-card__media {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}
.jsbo .jsbo-property-card-wide__media {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}