/* CarsUsed.ca V6 (approved designs). Other site modules remain as V5. */
:root{--v6-blue:#1454f2;--v6-navy:#0b1730;--v6-muted:#53627b}
/* Homepage headline change only; retains V5 regional image and QUICK LOOK position. */
.home-hero .hero-copy h1{font-size:clamp(54px,5.6vw,91px);max-width:815px;letter-spacing:-.071em;line-height:1.015;margin-top:24px}
.home-hero .hero-copy>p{max-width:720px;font-size:clamp(16px,1.35vw,21px);line-height:1.43}
/* Shared atmospheric header for /used-cars and all 12 directory regions.  
   The pseudo-image extends below the section, then fades to the page's WHITE,
   avoiding an image-card edge at the boundary. */
.v6-scenic-hero{--v6-scenic:none;position:relative;isolation:isolate;overflow:visible;background:transparent!important;border:0!important;min-height:365px;display:flex;align-items:flex-start;padding:34px 0 79px}
.v6-scenic-hero:before{content:"";position:absolute;z-index:-2;inset:0 0 -132px;background-image:var(--v6-scenic);background-size:cover;background-position:center top;background-repeat:no-repeat;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.95) 0%,#000 15%,#000 43%,rgba(0,0,0,.89) 56%,rgba(0,0,0,.55) 70%,transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.95) 0%,#000 15%,#000 43%,rgba(0,0,0,.89) 56%,rgba(0,0,0,.55) 70%,transparent 100%)}
.v6-scenic-hero:after{content:"";position:absolute;z-index:-1;inset:0 0 -132px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.89) 20%,rgba(255,255,255,.70) 35%,rgba(255,255,255,.16) 57%,rgba(255,255,255,0) 76%),linear-gradient(180deg,rgba(255,255,255,.09) 0%,transparent 46%,rgba(255,255,255,0) 50%,rgba(255,255,255,.96) 99%)}
.v6-scenic-hero>.section-shell{position:relative;z-index:1;width:100%}
.v6-scenic-hero .kicker{font-size:13px;color:#09294a;letter-spacing:.13em;font-weight:850;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin:0 0 15px}
.v6-scenic-hero .kicker:before{content:"";background:var(--v6-blue);width:38px;height:4px;display:inline-block;border-radius:50px}
.v6-scenic-hero h1{font-weight:850;font-size:clamp(43px,4.1vw,66px);letter-spacing:-.062em;line-height:1.01;max-width:790px;margin:0 0 14px;color:var(--v6-navy)}
.v6-scenic-hero h1 span{color:var(--v6-blue)}
.v6-scenic-hero p{font-size:17px;color:#24334e;line-height:1.45;max-width:730px;margin:0;display:block}
.v6-search-hero{min-height:392px;padding-top:53px;padding-bottom:100px}
.v6-search-hero h1{font-size:clamp(48px,4.6vw,72px);max-width:780px}
.v6-hero-tagline{display:inline-block;font-style:italic;font-size:25px;letter-spacing:-.04em;color:var(--v6-navy);margin-top:8px;font-weight:800}
/* The results start on the soft waterfront fade, never on a rectangular hero. */
.v6-results-layout{position:relative;z-index:2;grid-template-columns:365px minmax(0,1fr);gap:30px;padding-top:0;margin-top:-35px;padding-bottom:90px}
.v6-filter-panel{background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(11,49,103,.11);border:1px solid #dce7f5;padding:8px 12px 16px;border-radius:20px}
.v6-filter-panel .filter-title{font-size:21px;line-height:1.25;font-weight:850;color:#0b1730;background:linear-gradient(140deg,#eaf2ff,#dae8ff);border-radius:13px;display:flex;align-items:center;gap:14px;padding:15px 17px;margin:0 0 13px}
.v6-filter-panel .filter-title svg{color:#1454f2}
.v6-filter-form{gap:13px;padding:0 9px;display:flex;flex-flow:column}
.v6-filter-entry{position:relative;display:flex;flex-flow:column;padding-left:47px;min-width:0}
.v6-filter-entry>label,.v6-price-entry>label{color:#0b1730;font-size:16px;font-weight:825;letter-spacing:-.025em;line-height:1.3;margin-bottom:6px}
.v6-filter-icon{position:absolute;left:0;top:1px;width:34px;height:34px;display:grid;place-items:center;color:#fff;background:#1253f4;border-radius:9px;box-shadow:0 5px 13px rgba(15,79,216,.19)}
.v6-filter-icon svg{width:20px;height:20px}
.v6-maple-icon svg{width:22px;height:22px;fill:#fff;stroke:#fff}
.v6-filter-form input,.v6-filter-form select{height:43px;padding:9px 11px;border:1px solid #cbd8e9;background:rgba(255,255,255,.98);border-radius:9px;color:#182841;font-size:13px;box-shadow:none}
.v6-filter-form input:focus-visible,.v6-filter-form select:focus-visible,.v6-sort-wrap select:focus-visible{outline:2px solid #2866ed;outline-offset:2px}
.v6-filter-form input::placeholder{color:#728099;opacity:1}
.v6-filter-prices{position:relative;padding-left:47px}
.v6-price-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v6-price-entry{display:flex;flex-flow:column;min-width:0}
.v6-price-entry label{white-space:nowrap}
.v6-price-entry select{padding-right:8px;font-size:12px}
.v6-filter-form .v6-search-submit{margin-top:4px;display:flex;justify-content:center;gap:12px;width:100%;min-height:49px;background:#0e4ef0;font-size:17px;font-weight:850;border-radius:11px;box-shadow:0 7px 13px rgba(20,79,220,.16)}
.v6-filter-form .clear-filters{text-align:center;font-weight:700;font-size:12px;margin-top:-5px;color:#506789}
.v6-results-main{position:relative;min-width:0;padding-top:13px}
.v6-results-top{align-items:flex-end;gap:16px;flex-wrap:wrap;margin:0 0 24px}
.v6-results-top h2{font-size:32px;line-height:1.1;font-weight:850;color:#0b1730;margin:0 0 6px;letter-spacing:-.05em}
.v6-results-top p{font-size:14px;color:#546781}
.v6-sort-wrap{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.97);border:1px solid #dae4f1;border-radius:25px;padding:6px 13px;box-shadow:0 4px 14px rgba(25,57,96,.12);font-size:13px;font-weight:720;color:#14203a}
.v6-sort-wrap label{white-space:nowrap;cursor:pointer}
.v6-sort-wrap select{border:0;background:transparent;color:#14203a;font:inherit;max-width:162px;cursor:pointer;min-height:30px}
.v6-listing-grid{gap:21px}
.v6-results-layout .listing-card{border:1px solid #dde6f3;border-radius:17px;box-shadow:0 9px 22px rgba(33,56,87,.10)}
.v6-results-layout .listing-info{padding:18px 16px 17px;gap:9px}
.v6-results-layout .listing-title{font-size:16px;font-weight:820;color:#111e35;min-height:36px}
.v6-results-layout .listing-price{font-size:25px;font-weight:850;color:#0753f3}
.v6-results-layout .listing-meta{font-size:13px;color:#526887}
/* Regional Dealer Directory: artwork changes by region, but live/directory counts
   and real existing card links are not altered. */
.v6-region-directory{min-height:351px;padding-top:39px;padding-bottom:90px}
.v6-region-directory .breadcrumbs{margin:0 0 20px;color:#526a8a;font-size:12px}
.v6-region-directory .kicker{margin:0 0 14px}
.v6-region-directory h1{font-size:clamp(39px,4.2vw,66px);max-width:1000px}
.v6-region-directory p{max-width:760px}
.v6-region-directory + .v2-region-page{position:relative;z-index:2;margin-top:-4px;padding-top:32px}
.v6-region-directory + .v2-region-page .v2-region-summary{margin-bottom:31px}
.v6-region-directory + .v2-region-page .v2-second-heading{margin-top:39px}
/* Mobile typography, responsive filters and protected regional artwork crops. */
@media(max-width:1100px){
 .v6-results-layout{grid-template-columns:320px minmax(0,1fr);gap:22px}
 .v6-results-layout .search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-hero .hero-copy h1{font-size:clamp(50px,6vw,78px)}
}
@media(max-width:800px){
 .v6-scenic-hero{min-height:325px;padding:30px 0 66px}
 .v6-scenic-hero:before{background-image:var(--v6-scenic-mobile,var(--v6-scenic));background-position:center top;inset:0 0 -95px}
 .v6-scenic-hero:after{inset:0 0 -95px;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.80) 48%,rgba(255,255,255,.30) 100%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.04) 38%,#fff 100%)}
 .v6-scenic-hero h1{font-size:clamp(37px,6.7vw,57px);max-width:650px}
 .v6-scenic-hero p{font-size:16px}
 .v6-search-hero{padding:40px 0 85px}
 .v6-results-layout{grid-template-columns:1fr;gap:22px;margin-top:-35px;padding-bottom:55px}
 .v6-filter-panel{max-width:100%}
 .v6-filter-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .v6-filter-entry{padding-left:39px}
 .v6-filter-prices{padding-left:39px}
 .v6-price-fields{gap:8px}
 .v6-filter-form .v6-search-submit,.v6-filter-form .clear-filters{grid-column:1/-1}
 .v6-filter-form .v6-search-submit{margin-top:0}
 .v6-region-directory{min-height:335px}
 .home-hero .hero-copy h1{font-size:clamp(50px,9vw,72px)}
}
@media(max-width:520px){
 .v6-scenic-hero:before{background-size:auto 100%;background-position:52% top;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.87),#000 22%,rgba(0,0,0,.65) 53%,transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.87),#000 22%,rgba(0,0,0,.65) 53%,transparent 100%)}
 .v6-scenic-hero:after{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.83) 67%,rgba(255,255,255,.41) 100%),linear-gradient(180deg,transparent 40%,#fff 97%)}
 .v6-scenic-hero h1{font-size:clamp(36px,10vw,49px)}
 .v6-scenic-hero p{font-size:15px}
 .v6-hero-tagline{font-size:20px}
 .v6-results-layout{margin-top:-15px}
 .v6-filter-form{display:flex;flex-direction:column;gap:15px}
 .v6-filter-entry,.v6-filter-prices{padding-left:43px}
 .v6-filter-panel .filter-title{font-size:20px}
 .v6-results-main{padding-top:0}
 .v6-results-layout .search-grid{grid-template-columns:1fr}
 .v6-results-top h2{font-size:29px}
 .v6-region-directory .breadcrumbs{margin-bottom:15px}
 .v6-region-directory h1{font-size:clamp(33px,8vw,45px)}
 .v6-region-directory+.v2-region-page{padding-top:18px}
}