/* ---------------------------------------------------------------------------
 * single-zones.css — page-scoped overrides for the Zones CPT single template.
 * Loaded only on `is_singular( 'zones' )` via `ba_enqueue_single_zones_assets()`
 * in functions.php.
 * ---------------------------------------------------------------------------*/

/* Bottom CTA banner ("Not sure where to start?") — force a wrap point on the
 * title (after "sure") and the supporting copy (after "most suitable"). Values
 * are tuned for the current editorial copy; future copy edits will shift the
 * exact break point. Scoped via the unique #zbanner-title heading id. */
#zbanner-title { max-width: 10ch; }
#zbanner-title ~ .ba-banner__text { max-width: 62ch; }

/* Hero media: shift focal point to upper-right on Desktop only.
 * Convention in this theme: tablet/mobile = max-width 1100px, so Desktop = 1101+. */
@media ( min-width: 1101px ) {
	.ba-zone-hero__media img { object-position: 100% 60%; }
}

/* Hair & Scalp (postid-14) — custom focal point on Desktop only. */
@media ( min-width: 1101px ) {
	.postid-14 .ba-zone-hero__media img { object-position: 100% 30%; }
}