/* CarsUsed.ca V3, additive only. Preserve all V2 locked layout decisions. */
/* About + dealer directory hero photography is decorative. Headings are real HTML. */
.v3-about-hero{position:relative;isolation:isolate;overflow:hidden;min-height:420px;display:flex;align-items:center;padding:54px 0 60px;background:#f4f8ff}
.v3-about-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/img/hero/about-v3.webp') right center / cover no-repeat}
.v3-about-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(249,252,255,.98) 0%,rgba(249,252,255,.97) 31%,rgba(248,251,255,.73) 47%,rgba(247,250,255,.04) 77%);pointer-events:none}
.v3-about-hero>.section-shell{width:100%}
.v3-about-hero h2{max-width:750px}
.v3-about-hero h3{max-width:700px}
.v3-about-hero p{max-width:645px}
.v3-dealers-hero{position:relative;isolation:isolate;overflow:hidden;min-height:345px;display:flex;align-items:center;background:#f1f7ff}
.v3-dealers-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/img/hero/dealers-v3.webp') right center / cover no-repeat}
.v3-dealers-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(248,251,255,.98) 0%,rgba(248,251,255,.96) 35%,rgba(248,251,255,.75) 48%,rgba(248,251,255,.06) 79%);pointer-events:none}
.v3-dealers-hero .section-shell{width:100%}
.v3-dealers-hero h1{max-width:850px}
.v3-dealers-hero p{max-width:650px}
/* Proper clickable attribution to the parent brand, and an unobtrusive inventory network reference. */
.footer-brandablegroup-link{color:#cddfff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.footer-brandablegroup-link:hover,.footer-brandablegroup-link:focus-visible{color:white}
/* Preserve the exact V2 floating carousel, QUICK LOOK, search and heading.
   Keep the backdrop landmark in the visible opening between headline and car cards. */
.home-hero:not(.hero-generic)::before{background-position:center 50%;background-image:var(--hero-image)}
.home-hero:not(.hero-generic)::after{background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.88) 21%,rgba(255,255,255,.48) 39%,rgba(255,255,255,.06) 55%,rgba(255,255,255,0) 65%)}
/* Legal pages: simple, ESL-friendly reading width, small table of contents. */
.v3-legal-hero{background:linear-gradient(115deg,#f2f6ff,#e8f0ff);padding:53px 0 56px}
.v3-legal-hero .kicker{margin-bottom:20px}
.v3-legal-hero h1{font-size:clamp(40px,4vw,64px);margin-bottom:13px}
.v3-legal-hero p{max-width:800px;font-size:18px;line-height:1.65;margin-bottom:13px}
.v3-legal-date{font-size:13px;font-weight:700;color:#62748f}
.v3-legal-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:66px;align-items:start;padding-top:50px;padding-bottom:90px}
.v3-legal-toc{position:sticky;top:24px;background:#f7faff;border:1px solid #e3eaf6;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px}
.v3-legal-toc strong{font-size:15px;margin-bottom:7px}
.v3-legal-toc a{font-size:13px;line-height:1.4;color:#315889}
.v3-legal-toc a:hover{text-decoration:underline;color:#1152ed}
.v3-legal-content{max-width:910px}
.v3-legal-content section{border-bottom:1px solid #e2e9f3;padding:0 0 23px;margin:0 0 31px;scroll-margin-top:90px}
.v3-legal-content section:last-child{border-bottom:0}
.v3-legal-content h2{font-size:clamp(23px,2.6vw,31px);margin:0 0 13px;letter-spacing:-.04em}
.v3-legal-content p,.v3-legal-content li{font-size:15px;line-height:1.88;color:#4d5c73}
.v3-legal-content ul{padding-left:21px;margin:13px 0 19px}
.v3-legal-content li{padding-left:4px;margin-bottom:7px}
.v3-legal-content a{color:#1056e5;text-decoration:underline;text-underline-offset:3px}
.v3-privacy-flow{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0 19px}
.v3-privacy-flow span:nth-child(odd){border:1px solid #dce7ff;border-radius:10px;background:#f1f6ff;color:#1749a5;padding:10px 13px;font-size:13px;font-weight:750}
.v3-privacy-flow span:nth-child(even){font-size:20px;color:#1455ec}
@media (max-width:1050px){
 .v3-about-hero::before{background-position:56% center}
 .v3-dealers-hero::before{background-position:60% center}
 .v3-legal-layout{gap:30px;grid-template-columns:190px minmax(0,1fr)}
}
@media (max-width:800px){
 .v3-about-hero{min-height:395px;padding:38px 0}
 .v3-about-hero::after{background:linear-gradient(90deg,rgba(250,252,255,.98) 0%,rgba(250,252,255,.92) 44%,rgba(250,252,255,.44) 72%,rgba(250,252,255,.16) 100%)}
 .v3-dealers-hero{min-height:310px}
 .v3-dealers-hero::after{background:linear-gradient(90deg,rgba(250,252,255,.98) 0%,rgba(250,252,255,.93) 45%,rgba(250,252,255,.43) 80%,rgba(250,252,255,.10) 100%)}
 .v3-legal-layout{display:block;padding-top:32px;padding-bottom:54px}
 .v3-legal-toc{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:30px}
 .v3-legal-toc strong{grid-column:1/-1;margin-bottom:3px}
 .v3-legal-content h2{font-size:25px}
 .home-hero:not(.hero-generic)::before{background-image:var(--hero-mobile-image,var(--hero-image));background-position:center center}
 .home-hero:not(.hero-generic)::after{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.90) 40%,rgba(255,255,255,.23) 71%,rgba(255,255,255,.07) 100%)}
}
@media(max-width:560px){
 .v3-about-hero{min-height:450px}
 .v3-about-hero::before{background-position:60% bottom}
 .v3-about-hero::after{background:linear-gradient(180deg,rgba(250,252,255,.97) 0%,rgba(250,252,255,.96) 57%,rgba(250,252,255,.36) 100%)}
 .v3-about-hero h2{font-size:clamp(50px,12vw,67px)}
 .v3-dealers-hero{min-height:350px}
 .v3-dealers-hero::before{background-position:67% center}
 .v3-dealers-hero::after{background:linear-gradient(180deg,rgba(251,253,255,.99) 0%,rgba(251,253,255,.91) 55%,rgba(251,253,255,.36) 100%)}
 .v3-legal-toc{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}
 .v3-legal-hero p{font-size:16px}
 .v3-legal-content p,.v3-legal-content li{font-size:14px}
 .v3-privacy-flow{gap:6px}
 .v3-privacy-flow span:nth-child(odd){font-size:10px;padding:7px 8px}
 .home-hero:not(.hero-generic)::before{background-image:var(--hero-mobile-image,var(--hero-image));background-position:center 52%;filter:saturate(.96)}
 .home-hero:not(.hero-generic)::after{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 35%,rgba(255,255,255,.62) 58%,rgba(255,255,255,.12) 82%,rgba(255,255,255,.07) 100%)}
}
/* V3 QUICK LOOK precision adjustment. Preserve approved V2 capsule and all other UI. */
.spotlight-navigation{
  gap:7px;
  padding-inline:5px;
}
.spotlight-nav-center{
  min-width:99px!important;
}
.spotlight-nav-center .spotlight-quick-label{
  font-size:12px;
  padding:4px 9px;
  animation:quick-look-subtle-pulse 2.6s ease-in-out infinite;
}
@keyframes quick-look-subtle-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(22,88,244,.12)}
  50%{box-shadow:0 0 0 4px rgba(22,88,244,.17)}
}
@media(max-width:560px){
  .spotlight-navigation{gap:6px;padding-inline:4px}
  .spotlight-nav-center{min-width:94px!important}
  .spotlight-nav-center .spotlight-quick-label{font-size:11px;padding:4px 8px}
}
@media(prefers-reduced-motion:reduce){
  .spotlight-nav-center .spotlight-quick-label{animation:none}
}