/* CarsUsed.ca V8 photo treatment — 03 November 2026.
   Locks the approved functional site while replacing low-quality regional
   artwork with clean photographic crops (NO baked-in interface elements).
   The images are SCENERY only. Search form, cards and text remain live HTML. */

/* Toronto uses one photo with a single silver SUV. Match bright, vivid palette
   without moving, enlarging, or duplicating the real live page components. */
.home-hero.hero-toronto::before{
  background-image:url('/assets/img/hero/toronto-v8-photography.webp?v=8.2')!important;
  background-size:cover!important;
  background-position:center center!important;
  filter:none!important;
}
.home-hero.hero-toronto::after{
  background:linear-gradient(90deg,rgba(255,255,255,.70) 0%,rgba(255,255,255,.52) 23%,rgba(255,255,255,.13) 41%,transparent 60%)!important;
}
/* All other regional home backgrounds inherit V7 structure and headline scale.
   The 8 approved photorealistic regions are right-side landscape crops. */
.home-hero:is(.hero-prince-edward-island,.hero-saskatchewan,.hero-manitoba,.hero-nova-scotia,.hero-new-brunswick,.hero-newfoundland,.hero-yukon,.hero-northwest-territories)::before{
  background-image:var(--hero-image)!important;
  background-size:auto 100%!important;
  background-position:right center!important;
  background-repeat:no-repeat!important;
  filter:saturate(1.14) brightness(1.04)!important;
}
.home-hero:is(.hero-prince-edward-island,.hero-saskatchewan,.hero-manitoba,.hero-nova-scotia,.hero-new-brunswick,.hero-newfoundland,.hero-yukon,.hero-northwest-territories)::after{
  background:linear-gradient(90deg,white 0%,rgba(255,255,255,.98) 35%,rgba(255,255,255,.83) 48%,rgba(255,255,255,.26) 67%,transparent 84%)!important;
}
/* All regional dealer pages: NO stock vector illustration or pasted-on SUV.
   The photographic crop has the authentic car in its native scene. */
.v7-region-directory:is(.v6-region-pe,.v6-region-sk,.v6-region-mb,.v6-region-ns,.v6-region-nb,.v6-region-nl,.v6-region-yt,.v6-region-nt)::before{
  background-image:var(--v7-directory-banner)!important;
  background-size:auto 100%!important;
  background-position:right top!important;
  background-repeat:no-repeat!important;
  background-color:#f8fbff!important;
  filter:saturate(1.12) brightness(1.035)!important;
}
.v7-region-directory:is(.v6-region-pe,.v6-region-sk,.v6-region-mb,.v6-region-ns,.v6-region-nb,.v6-region-nl,.v6-region-yt,.v6-region-nt)::after{
  background:linear-gradient(90deg,white 0%,white 33%,rgba(255,255,255,.97) 49%,rgba(255,255,255,.5) 66%,transparent 90%),
    linear-gradient(180deg,transparent 50%,rgba(255,255,255,.08) 65%,white 100%)!important;
}
/* Province pages remain seamless: soft image-to-white fade, never a rectangular
   banner. This also protects the next section's first line and counts. */
.v7-region-directory::after{
  background-color:transparent;
}
@media(min-width:801px){
 .home-hero:is(.hero-prince-edward-island,.hero-saskatchewan,.hero-manitoba,.hero-nova-scotia,.hero-new-brunswick,.hero-newfoundland,.hero-yukon,.hero-northwest-territories){background:#f6f9ff}
 .v7-region-directory:is(.v6-region-pe,.v6-region-sk,.v6-region-mb,.v6-region-ns,.v6-region-nb,.v6-region-nl,.v6-region-yt,.v6-region-nt){background:#f8fbff!important}
}
@media(max-width:800px){
 .home-hero.hero-toronto::before{
  background-image:url('/assets/img/hero/toronto-v8-photography.webp?v=8.2')!important;
  background-position:47% center!important;
  filter:none!important;
 }
 .v7-region-directory:is(.v6-region-pe,.v6-region-sk,.v6-region-mb,.v6-region-ns,.v6-region-nb,.v6-region-nl,.v6-region-yt,.v6-region-nt)::before{
  background-image:var(--v7-directory-mobile)!important;
  background-size:auto 100%!important;
  background-position:right top!important;
 }
 .v7-region-directory:is(.v6-region-pe,.v6-region-sk,.v6-region-mb,.v6-region-ns,.v6-region-nb,.v6-region-nl,.v6-region-yt,.v6-region-nt)::after{
  background:linear-gradient(90deg,white 0%,rgba(255,255,255,.95) 42%,rgba(255,255,255,.67) 78%,rgba(255,255,255,.28) 100%),
  linear-gradient(180deg,transparent 45%,white 100%)!important;
 }
 .home-hero:is(.hero-prince-edward-island,.hero-saskatchewan,.hero-manitoba,.hero-nova-scotia,.hero-new-brunswick,.hero-newfoundland,.hero-yukon,.hero-northwest-territories)::before{
  background-image:var(--hero-mobile-image)!important;
  background-size:auto 100%!important;
  background-position:right center!important;
 }
}

/* V8 final QA: fade the left edge of scenic-only regional image assets.
   The right-aligned photographs are narrower than the hero container;
   masking their image edge avoids the hard mid-page vertical seam. */
@media (min-width:801px) {
  .v7-region-directory:is(.v6-region-pe,.v6-region-sk,.v6-region-mb,.v6-region-ns,.v6-region-nb,.v6-region-nl,.v6-region-yt,.v6-region-nt)::before {
    -webkit-mask-image:linear-gradient(to right, transparent 0%, transparent 51%, #000 76%)!important;
    mask-image:linear-gradient(to right, transparent 0%, transparent 51%, #000 76%)!important;
  }
  .home-hero:is(.hero-prince-edward-island,.hero-saskatchewan,.hero-manitoba,.hero-nova-scotia,.hero-new-brunswick,.hero-newfoundland,.hero-yukon,.hero-northwest-territories)::before {
    -webkit-mask-image:linear-gradient(to right, transparent 0%, transparent 51%, #000 75%)!important;
    mask-image:linear-gradient(to right, transparent 0%, transparent 51%, #000 75%)!important;
  }
}