/* CarsUsed.ca V7 — fix clipped photography on every provincial/territorial directory page.
   V6 /used-cars and dealer directory listings stay unchanged. */
@media(min-width:801px){
 .v7-region-directory{min-height:505px;padding-top:56px;padding-bottom:104px}
 .v7-region-directory::before{background-image:var(--v7-directory-banner)!important;
   inset:0 0 -145px!important;background-size:cover!important;
   background-position:center top!important;background-repeat:no-repeat!important;
   -webkit-mask-image:none!important;mask-image:none!important}
 .v7-region-directory::after{inset:0 0 -145px!important;
   background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.90) 17%,rgba(255,255,255,.65) 33%,rgba(255,255,255,.20) 52%,rgba(255,255,255,.03) 72%),
              linear-gradient(180deg,transparent 57%,rgba(255,255,255,.22) 72%,white 100%)!important}
 .v7-region-directory + .v2-region-page{margin-top:-20px!important;position:relative;z-index:2}
}
@media(min-width:801px) and (max-width:1100px){
 .v7-region-directory{min-height:465px}
 .v7-region-directory::before,.v7-region-directory::after{bottom:-130px!important}
}
@media(max-width:800px){
 .v7-region-directory{min-height:400px;padding-top:35px;padding-bottom:75px}
 .v7-region-directory::before{inset:0 0 -115px!important;
   background-image:var(--v7-directory-mobile)!important;
   background-size:auto 100%!important;background-position:right top!important;
   -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 69%,transparent 100%)!important;
   mask-image:linear-gradient(180deg,#000 0%,#000 69%,transparent 100%)!important}
 .v7-region-directory::after{inset:0 0 -115px!important;
   background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.86) 48%,rgba(255,255,255,.45)),
             linear-gradient(180deg,transparent 40%,white 100%)!important}
 .v7-region-directory + .v2-region-page{margin-top:-10px!important;position:relative;z-index:2}
}
@media(max-width:520px){
 .v7-region-directory{min-height:370px;padding-top:26px}
 .v7-region-directory h1{font-size:clamp(33px,8.5vw,45px)}
 .v7-region-directory::before{background-position:70% top!important}
 .v7-region-directory::after{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.90) 52%,rgba(255,255,255,.59) 100%),
    linear-gradient(180deg,transparent 38%,white 100%)!important}
}
/* Homepage V7: the approved bright Toronto waterfront, CN Tower in the gap,
   single silver SUV at lower right. Live search and QUICK LOOK remain HTML. */
@media(min-width:801px){
 .home-hero.hero-toronto::before{background-image:url('/assets/img/hero/toronto-approved-v7.webp?v=7.1')!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,.72) 0%,rgba(255,255,255,.55) 22%,rgba(255,255,255,.18) 42%,transparent 63%)!important}
}
@media(max-width:800px){
 .home-hero.hero-toronto::before{background-image:url('/assets/img/hero/toronto-approved-v7.webp?v=7.1')!important;
  background-position:44% center!important;filter:none!important}
}
.home-hero .hero-copy>p .home-tagline{font-style:italic;font-weight:800;color:#0b1730;display:inline-block;margin-top:6px}