/*
 * AutoVINChecks — "Avtovita" Concrete Grey + Red theme layer (v19)
 * FINAL visual layer only. Loaded after avc-showroom.css.
 * No VIN / AJAX / checkout / order / email logic is touched by this file.
 */

:root{
  --av-red:#e01f26;
  --av-red-dark:#b8171d;
  --av-graphite:#2f2f2f;
  --av-graphite-2:#3a3a3a;
  --av-concrete:#e9e9e9;
  --av-concrete-2:#f4f4f4;
  --av-ink:#1f1f1f;
  --av-text:#3a3a3a;
  --av-muted:#6f6f6f;
  --av-line:#dcdcdc;
  --av-shadow:0 22px 60px rgba(0,0,0,.14);
}

/* ---------- Page shell ---------- */
body.avc-page{
  background:linear-gradient(180deg,#f6f6f6 0%,#efefef 48%,#e7e7e7 100%)!important;
  color:var(--av-text)!important;
}

/* ---------- Header: dark concrete glass ---------- */
.site-header{
  background:linear-gradient(180deg,rgba(24,24,24,.86),rgba(24,24,24,.42),transparent)!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
}
.main-nav a{color:#f2f2f2!important;letter-spacing:.06em!important}
.main-nav a:hover,.main-nav a.active{
  color:#fff!important;border-color:var(--av-red)!important;
  text-shadow:0 0 16px rgba(224,31,38,.45)!important;
}
.country{
  background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.34)!important;
  border-radius:4px!important;color:#fff!important;
}
.country:hover{border-color:var(--av-red)!important;background:rgba(224,31,38,.16)!important}

body:not(:has(.avc-hero)) .site-header{
  background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--av-line)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.08)!important;
}
body:not(:has(.avc-hero)) .main-nav a{color:#2c2c2c!important}
body:not(:has(.avc-hero)) .main-nav a:hover,
body:not(:has(.avc-hero)) .main-nav a.active{color:var(--av-red)!important;border-color:var(--av-red)!important;text-shadow:none!important}
body:not(:has(.avc-hero)) .country{background:#f3f3f3!important;color:#2c2c2c!important;border-color:var(--av-line)!important}

/* ---------- Hero: concrete showroom with scroll-moving car ---------- */
.avc-hero{background:#d9d9d9!important}
.avc-hero::before{
  background-image:url("hero-grey-showroom-4k.jpg")!important;
  background-position:center right!important;
  transform:translate3d(var(--avc-hero-x,0px),var(--avc-hero-y,0px),0) scale(var(--avc-hero-scale,1.03))!important;
  transition:transform .18s linear!important;
}
/* Big outlined watermark word, avtovita-style, drifts on scroll. */
.avc-hero::after{
  content:"AUTOVINCHECKS";
  position:absolute;z-index:2;top:9%;left:50%;
  transform:translate3d(calc(-50% + var(--av-mark-x,0px)),var(--av-mark-y,0px),0);
  font-family:'Poppins',Arial,sans-serif;font-weight:800;
  font-size:clamp(52px,9vw,150px);line-height:1;letter-spacing:-.02em;white-space:nowrap;
  color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.28);
  opacity:.55;pointer-events:none;will-change:transform;
  transition:transform .2s linear;
}
.avc-hero-overlay{
  background:linear-gradient(90deg,
    rgba(28,28,28,.88) 0%,
    rgba(38,38,38,.72) 26%,
    rgba(52,52,52,.46) 47%,
    rgba(70,70,70,.18) 70%,
    rgba(90,90,90,.05) 100%)!important;
}
.avc-welcome{color:#f4f4f4!important}
.avc-welcome-icon{border-color:var(--av-red)!important;color:#fff!important;background:rgba(224,31,38,.22)!important}
.avc-hero h1{letter-spacing:-1.6px!important;text-shadow:0 6px 26px rgba(0,0,0,.5)!important}
.avc-hero h1 span{color:var(--av-red)!important}
.avc-subtitle{color:#ececec!important}
.avc-help-row{color:#e8e8e8!important}
.avc-vin-row{border-radius:4px!important;border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 18px 46px rgba(0,0,0,.4)!important}
.avc-vin-btn{background:var(--av-red)!important;border-radius:0!important;letter-spacing:.08em!important}
.avc-vin-btn:hover{background:var(--av-red-dark)!important;box-shadow:0 0 28px rgba(224,31,38,.45)!important}

/* Scroll-reveal for hero copy lines (avtovita-style staged entrance). */
.avc-hero-copy>.avc-welcome,
.avc-hero-copy>h1,
.avc-hero-copy>.avc-subtitle,
.avc-hero-copy>.avc-vin-form{
  animation:avAvtoRise .85s cubic-bezier(.2,.9,.25,1) both;
}
.avc-hero-copy>h1{animation-delay:.10s}
.avc-hero-copy>.avc-subtitle{animation-delay:.20s}
.avc-hero-copy>.avc-vin-form{animation-delay:.30s}
@keyframes avAvtoRise{from{opacity:0;transform:translate3d(0,34px,0)}to{opacity:1;transform:none}}

/* ---------- Sections: light concrete ---------- */
.avc-howto,.avc-report-overview,.avc-reviews,.avc-info-pages,.avc-subpage-shell{
  background:linear-gradient(180deg,#fafafa,#efefef)!important;
}
.avc-howto{border-top:1px solid var(--av-line)!important}
.avc-report-overview{border-top:1px solid var(--av-line)!important}
.avc-results{background:#f2f2f2!important}

.avc-kicker,
.avc-info-card .avc-kicker,
.avc-results-card .avc-kicker,
.avc-packages-card .avc-kicker{color:var(--av-red)!important;letter-spacing:2.6px!important}

.avc-howto-copy h2,.avc-report-copy h2,.avc-reviews h2,.avc-info-card h2,
.avc-packages-head h2,.avc-results h2,.avc-step h3,.avc-info-card h3{color:var(--av-ink)!important}
.avc-howto-copy p,.avc-step p,.avc-report-copy>p,.avc-package-note,
.avc-info-card p,.avc-data-note{color:var(--av-muted)!important}
.avc-step{border-bottom:1px solid var(--av-line)!important}
.avc-step>span{background:#fff!important;border:1px solid var(--av-red)!important;color:var(--av-red)!important;border-radius:4px!important}

.avc-vehicle-card{background:linear-gradient(150deg,#fbfbfb,#e9e9e9)!important;border:1px solid var(--av-line)!important;border-radius:6px!important;box-shadow:var(--av-shadow)!important}
.avc-vehicle-glow{background:radial-gradient(circle,rgba(224,31,38,.20),transparent 68%)!important}
.avc-scan-badge{background:var(--av-red)!important;color:#fff!important;border:0!important;border-radius:3px!important}
.avc-vehicle-card strong{color:var(--av-ink)!important}
.avc-vehicle-card small{color:var(--av-muted)!important}
.avc-scan-bar span{background:linear-gradient(90deg,transparent,var(--av-red),transparent)!important}

.avc-report-copy li{color:#414141!important}
.avc-report-copy li::before{color:var(--av-red)!important}
.avc-report-note{background:#f1f1f1!important;border:1px solid var(--av-line)!important;color:var(--av-muted)!important;border-radius:4px!important}
.avc-report-image-frame{background:#fff!important;border:1px solid var(--av-line)!important;border-radius:6px!important;box-shadow:var(--av-shadow)!important}
.avc-report-image-badge{background:var(--av-red)!important;border-radius:3px!important}
.avc-report-image-caption{background:rgba(30,30,30,.92)!important}

.avc-features{background:#fff!important;border:1px solid var(--av-line)!important;border-radius:6px!important;box-shadow:var(--av-shadow)!important}
.avc-feature{background:#fff!important;border-color:var(--av-line)!important}
.avc-feature:hover{border-color:var(--av-red)!important;box-shadow:0 16px 32px rgba(0,0,0,.12)!important}
.avc-feature-icon,.avc-feature:first-child .avc-feature-icon{color:var(--av-red)!important}
.avc-feature strong{color:var(--av-ink)!important}
.avc-feature small{color:var(--av-muted)!important}

.avc-results-card,.avc-packages-card{background:#fff!important;border:1px solid var(--av-line)!important;border-radius:6px!important;box-shadow:var(--av-shadow)!important}
.avc-results-card .avc-result-item{background:linear-gradient(150deg,#fbfbfb,#f1f1f1)!important;border-color:var(--av-line)!important;border-radius:4px!important}
.avc-results-card .avc-result-item,
.avc-results-card .avc-result-item strong,
.avc-info-card,.avc-info-card p,.avc-info-card h2,.avc-info-card h3,
.avc-info-card b,.avc-info-card strong,.avc-info-card span,
.avc-info-points b,.avc-info-points span,
.avc-contact-form label,.avc-contact-side b,.avc-contact-side strong,.avc-contact-side p,
.avc-faq-list details,.avc-faq-list summary,.avc-faq-list details p,.avc-faq-list details strong,
.avc-subpage-inner,.avc-packages-card,.avc-package-card,
.avc-package-card .avc-package-name,.avc-package-card .avc-package-price,
.avc-delivery-grid,.avc-delivery-grid strong,
.avc-review-card,.avc-review-card p,.avc-review-card>strong{color:#242424!important}
.avc-results-card .avc-result-item small,
.avc-results-card .avc-data-note,
.avc-package-card .avc-package-desc,
.avc-package-card .avc-package-list,
.avc-delivery-grid small{color:var(--av-muted)!important}
.avc-success{background:#f0f0f0!important;border:1px solid #c9c9c9!important;color:#2d2d2d!important}

.avc-package-card{background:linear-gradient(155deg,#fff,#f2f2f2)!important;border:1px solid var(--av-line)!important;border-radius:6px!important}
.avc-package-card:hover,.avc-package-card.selected,.avc-package-card.featured{
  border-color:var(--av-red)!important;box-shadow:0 20px 44px rgba(0,0,0,.14)!important;
}
.avc-package-card .avc-package-price{color:var(--av-red)!important}
.avc-package-card .avc-package-list li::before{color:var(--av-red)!important}
.avc-popular{background:var(--av-red)!important;color:#fff!important;border-radius:3px!important}
.avc-package-choose{background:var(--av-red)!important;color:#fff!important;border-radius:3px!important}
.avc-package-card:hover .avc-package-choose{background:var(--av-red-dark)!important}
.avc-delivery-grid>div{background:#f4f4f4!important;border:1px solid var(--av-line)!important;border-radius:4px!important}
.avc-delivery-grid span{color:var(--av-red)!important}

.avc-review-card{background:#fff!important;border:1px solid var(--av-line)!important;border-radius:6px!important}
.avc-avatar{background:var(--av-red)!important;color:#fff!important}
.avc-stars{color:var(--av-red)!important}
.avc-stars b{color:var(--av-ink)!important}
.avc-review-arrow{background:#fff!important;border:1px solid var(--av-line)!important;color:var(--av-ink)!important}
.avc-review-arrow:hover{background:var(--av-red)!important;color:#fff!important;border-color:var(--av-red)!important}
.avc-dots span{background:#c4c4c4!important}
.avc-dots span.active{background:var(--av-red)!important}

/* ---------- Trust strip: graphite band like the reference ---------- */
.avc-trust-strip{background:var(--av-graphite)!important;border:0!important;max-width:none!important;padding:6px 0!important}
.avc-trust-strip div{border-right:1px solid rgba(255,255,255,.12)!important;padding:30px 18px!important}
.avc-trust-strip b{color:#fff!important;letter-spacing:.04em!important}
.avc-trust-strip small{color:#bdbdbd!important}

/* ---------- Buttons / forms ---------- */
.avc-contact-btn{background:var(--av-red)!important;border-radius:3px!important}
.avc-contact-btn:hover{background:var(--av-red-dark)!important}
.avc-contact-form input,.avc-contact-form select,.avc-contact-form textarea{
  border:1px solid var(--av-line)!important;background:#fafafa!important;color:#242424!important;border-radius:4px!important;
}
.avc-contact-form input:focus,.avc-contact-form select:focus,.avc-contact-form textarea:focus{
  border-color:var(--av-red)!important;outline:none!important;box-shadow:0 0 0 3px rgba(224,31,38,.12)!important;
}
.avc-contact-side>div{background:#f4f4f4!important;border:1px solid var(--av-line)!important;color:#242424!important}
.avc-disclaimer{background:#f4f4f4!important;border:1px solid var(--av-line)!important;color:#4a4a4a!important}

/* ---------- Footer: graphite ---------- */
.footer{
  background:linear-gradient(180deg,#2b2b2b 0%,#1e1e1e 100%)!important;
  color:#bdbdbd!important;border-top:3px solid var(--av-red)!important;
}
.footer strong{color:#fff!important}
.footer>span{color:#b3b3b3!important}
.avc-footer-heading{color:#fff!important}
.avc-payment-text{color:#b3b3b3!important}
.avc-payment-badge{background:#fff!important;border:1px solid #d4d4d4!important}
.avc-footer-links a{color:#cfcfcf!important}
.avc-footer-links a:hover{color:var(--av-red)!important}
.avc-footer-bottom{border-top:1px solid rgba(255,255,255,.14)!important;color:#a5a5a5!important}
.avc-footer-bottom strong{color:#cfcfcf!important}

/* ---------- Scroll motion for text, lines and cards ---------- */
.av-rise{opacity:0;transform:translate3d(0,38px,0);transition:opacity .8s cubic-bezier(.2,.9,.25,1),transform .8s cubic-bezier(.2,.9,.25,1)}
.av-rise.av-in{opacity:1;transform:none}
.av-line{position:relative}
.av-line::after{
  content:"";position:absolute;left:0;bottom:-10px;height:3px;width:0;
  background:var(--av-red);transition:width .9s cubic-bezier(.2,.9,.25,1) .1s;
}
.av-line.av-in::after{width:88px}
.av-d1{transition-delay:.07s}.av-d2{transition-delay:.14s}.av-d3{transition-delay:.21s}
.av-d4{transition-delay:.28s}.av-d5{transition-delay:.35s}

/* ---------- RPM preloader: same grey/red showroom identity ---------- */
#avc-page-preloader{
  background:radial-gradient(circle at 50% 42%,#3a3a3a 0%,#232323 55%,#141414 100%)!important;
}
.avc-preloader__dial{
  background:radial-gradient(circle at 50% 50%,#3b3b3b 0 57%,#2a2a2a 58% 76%,#171717 77% 100%)!important;
  border:3px solid #454545!important;
}
.avc-preloader__dial:after{
  background:conic-gradient(from 225deg,transparent 0deg 185deg,rgba(224,31,38,.95) 185deg 245deg,transparent 245deg)!important;
}
.avc-preloader__needle:after{background:var(--av-red)!important}
.avc-preloader__hub{background:var(--av-red)!important;box-shadow:0 0 14px rgba(224,31,38,.55)!important}
.avc-preloader__brand{color:rgba(255,255,255,.72)!important}

@media(max-width:900px){
  .avc-hero::after{top:6%;-webkit-text-stroke-width:1px;opacity:.4}
  .avc-trust-strip div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
}
@media(prefers-reduced-motion:reduce){
  .av-rise{opacity:1!important;transform:none!important}
  .av-line::after{width:88px!important;transition:none!important}
  .avc-hero::after{transition:none!important}
}

.avc-hero-copy{animation:none!important}

/* ---------- Final concrete-grey cleanup (radii, subpages, checkout) ---------- */
.avc-info-card{background:#fff!important;border:1px solid var(--av-line)!important;border-radius:6px!important;box-shadow:var(--av-shadow)!important}
.avc-subpage-shell{background:#f1f1f1!important}
.avc-subpage-inner{background:#fff!important;border:1px solid var(--av-line)!important;border-radius:6px!important}
.avc-faq-list details{background:#fafafa!important;border:1px solid var(--av-line)!important;border-radius:4px!important}
.avc-faq-list summary::marker{color:var(--av-red)}
.avc-info-points>div{background:#f6f6f6!important;border:1px solid var(--av-line)!important;border-radius:4px!important}
.avc-vehicle-card,.avc-report-image-frame,.avc-features,.avc-package-card,
.avc-results-card,.avc-packages-card,.avc-review-card{border-radius:6px!important}

/* Footer helper note uses an inline colour in the template — normalise it. */
.footer .avc-footer-inner>div>div[style]{color:#b2b2b2!important}

/* Checkout modal matches the grey/red identity (payment logic untouched). */
.avc-checkout-backdrop{background:rgba(20,20,20,.72)!important}
.avc-checkout-dialog{background:linear-gradient(150deg,#fff,#f2f2f2)!important;border:1px solid var(--av-line)!important;border-radius:8px!important;color:#242424!important}
.avc-checkout-dialog h2{color:var(--av-ink)!important}
.avc-checkout-summary,.avc-checkout-note,.avc-checkout-status{color:var(--av-muted)!important}
.avc-checkout-grid label{color:#333!important}
.avc-checkout-grid input{border:1px solid var(--av-line)!important;border-radius:4px!important;color:#242424!important}
.avc-checkout-grid input:focus{border-color:var(--av-red)!important;box-shadow:0 0 0 3px rgba(224,31,38,.14)!important}
.avc-checkout-submit{background:var(--av-red)!important;color:#fff!important;border-radius:4px!important}
.avc-checkout-submit:hover{background:var(--av-red-dark)!important;box-shadow:0 0 24px rgba(224,31,38,.35)!important}
.avc-checkout-status.loading{color:var(--av-red)!important}
.avc-report-overview,.avc-howto,.avc-reviews,.avc-info-pages{border-radius:0!important;box-shadow:none!important}
.avc-delivery-grid{background:#f4f4f4!important;background-image:none!important;border-color:var(--av-line)!important;color:#242424!important}
.avc-delivery-grid>*,.avc-delivery-grid div,.avc-delivery-grid strong{color:#242424!important}
.avc-delivery-grid span{color:var(--av-red)!important}
.avc-delivery-grid small{color:var(--av-muted)!important}
.avc-package-selected{background:#f6f6f6!important;color:#242424!important;border-radius:4px!important}
.avc-info-points>div{background:#f6f6f6!important;border:1px solid var(--av-line)!important;box-shadow:none!important;color:#242424!important}
.avc-info-points>div b{color:var(--av-ink)!important}
.avc-info-points>div span,.avc-info-card p,.avc-contact-side>div p,.avc-faq-list details p,.avc-review-card p{color:var(--av-muted)!important}
.avc-contact-side>div b{color:var(--av-ink)!important}
.avc-faq-list details{background:#fafafa!important}
.avc-report-overview{border-color:var(--av-line)!important}


/* ---------- AVC wordmark (reference style) ---------- */
.brand{width:auto!important;flex:0 0 auto!important}
.avc-brandmark{
  display:inline-flex;align-items:center;gap:2px;
  font-family:'Poppins',Arial,sans-serif;font-weight:800;
  font-size:clamp(30px,3.4vw,46px);line-height:1;letter-spacing:.01em;
  color:#fff;text-transform:uppercase;
}
.avc-brandmark i{
  font-style:normal;position:relative;display:inline-block;padding:2px 1px;
  background:linear-gradient(180deg,#ffffff 0%,#ffffff 46%,#c9ced1 47%,#ffffff 48%,#ffffff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  transform:skewX(-6deg);
}
.avc-brandmark i:nth-child(3){
  background:linear-gradient(180deg,#ff5157 0%,#e01f26 47%,#8f1216 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body:not(:has(.avc-hero)) .avc-brandmark i{
  background:linear-gradient(180deg,#3a3a3a 0%,#1f1f1f 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body:not(:has(.avc-hero)) .avc-brandmark i:nth-child(3){
  background:linear-gradient(180deg,#ff5157 0%,#e01f26 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ---------- Numbers band with rolling counters ---------- */
.av-stats{background:var(--av-graphite);padding:54px 22px;border-top:3px solid var(--av-red)}
.av-stats-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.av-stat{text-align:left;padding-left:18px;border-left:1px solid rgba(255,255,255,.16)}
.av-stat-num{
  display:block;font-family:'Poppins',Arial,sans-serif;font-weight:800;
  font-size:clamp(34px,4.6vw,58px);line-height:1;color:#fff;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
}
.av-stat small{display:block;margin-top:10px;color:#cfcfcf;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.av-stat.is-live .av-stat-num{color:#fff}
.av-stat:nth-child(1) .av-stat-num,.av-stat:nth-child(3) .av-stat-num{color:#fff}
.av-stat.is-done .av-stat-num::after{content:"";}
@media (max-width:900px){.av-stats-wrap{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.av-stats-wrap{grid-template-columns:1fr}}
