/* Clean static reconstruction based on archived Jack's Collision Divi styling */
:root{
  --jacks-red:#cf282a;
  --jacks-black:#090909;
  --jacks-gray:#f1f1f1;
  --jacks-text:#333;
}
html{scroll-behavior:smooth}
body{
  font-family:Verdana,Helvetica,Arial,sans-serif;
  color:var(--jacks-text);
  line-height:1.55;
  background:#fff;
}
h1,h2,h3,h4,h5,h6,.navbar{
  font-family:"Trebuchet MS",Trebuchet,Helvetica,Arial,sans-serif;
}
a{color:var(--jacks-red)}
.site-logo{max-height:78px;width:auto}
.phone{
  color:var(--jacks-red);
  font-size:clamp(1.45rem,2.5vw,2.2rem);
  font-weight:700;
  text-decoration:none;
}
.hours{font-size:.82rem;color:#111}
.btn-brand{
  border:2px solid var(--jacks-red);
  border-radius:2rem;
  letter-spacing:.06em;
}
.navbar-dark .navbar-nav .nav-link{
  color:#fff;
  font-size:.9rem;
  padding:.8rem .85rem;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active{color:#ff9e1b}
.hero{
  min-height:390px;
  background:
    linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.48) 34%,rgba(0,0,0,0) 70%),
    url("../images/hero-bg.webp") center/cover no-repeat;
  box-shadow:inset 0 0 28px rgba(0,0,0,.35);
}
.hero-card{max-width:660px}
.hero-logo{max-width:625px}
.service-card{
  border:1px solid #ddd;
  background:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.07);
  overflow:hidden;
}
.service-image{
  display:block;
  width:100%;
  height:180px;
  object-fit:cover;
}
.service-card h2{
  font-size:1.25rem;
  color:#222;
}
.service-card p{
  font-size:.95rem;
}
.expectations{
  background:linear-gradient(#fff,#f6f6f6);
}
.expectations .copy{
  max-width:1050px;
}
.cert-logo{
  max-height:130px;
  max-width:170px;
  object-fit:contain;
}
.site-footer{
  background:#121212;
}
.site-footer a{color:#fff}
.footer-bottom{
  background:#333;
  color:#ddd;
}
.footer-bottom a{color:#fff}
@media(max-width:991.98px){
  .site-header{position:static!important}
  .hero{min-height:330px;background-position:65% center}
  .hero-card{background:rgba(0,0,0,.58);padding:1.25rem;border-radius:.5rem}
}
@media(max-width:575.98px){
  .hero{min-height:290px}
  .service-image{height:auto}
}
@media (max-width: 575.98px) {
  .site-logo {
    max-width: 190px;
    height: auto;
  }
}