/* CR8 Autos public website — one global stylesheet. */

/* ==========================================================================
   Homepage — scoped to body.site-page-index
   ========================================================================== */
/* Home page layout and component styles. */
:root {
  --black: #0a0a0a;
  --dark: #111111;
  --card: #161616;
  --border: #222222;
  --red: #cc1f1f;
  --red-light: #e83333;
  --red-dark: #9a1515;
  --white: #f5f5f5;
  --gray: #888888;
  --light-gray: #cccccc;
}
body.site-page-index *{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.site-page-index{font-family:'Crimson Pro',serif;background:var(--black);color:var(--white);overflow-x:hidden;}

/* ===== SCROLLBAR ===== */
body.site-page-index ::-webkit-scrollbar{width:4px;}
body.site-page-index ::-webkit-scrollbar-track{background:var(--black);}
body.site-page-index ::-webkit-scrollbar-thumb{background:var(--red);}

/* ===== NAVBAR ===== */
body.site-page-index .navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 3rem;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,10,0.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(204,31,31,0.2);transition:all 0.3s;}
body.site-page-index .navbar.scrolled{padding:0.7rem 3rem;border-bottom-color:rgba(204,31,31,0.4);}
body.site-page-index .nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer;}
body.site-page-index .logo-circle{width:48px;height:48px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-weight:700;font-size:14px;color:white;letter-spacing:1px;flex-shrink:0;position:relative;overflow:hidden;}
body.site-page-index .logo-circle::before{content:'';position:absolute;inset:2px;border-radius:50%;border:1px solid rgba(255,255,255,0.3);}
body.site-page-index .logo-text{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;color:var(--white);}
body.site-page-index .logo-text span{color:var(--red);}
body.site-page-index .nav-links{display:flex;gap:2.5rem;list-style:none;align-items:center;}
body.site-page-index .nav-links a{color:var(--light-gray);text-decoration:none;font-family:'Oswald',sans-serif;font-size:0.85rem;letter-spacing:2px;text-transform:uppercase;font-weight:400;transition:color 0.3s;position:relative;}
body.site-page-index .nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--red);transition:width 0.3s;}
body.site-page-index .nav-links a:hover{color:var(--white);}
body.site-page-index .nav-links a:hover::after{width:100%;}
body.site-page-index .nav-cta{background:var(--red)!important;color:white!important;padding:0.5rem 1.5rem;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:2px;font-size:0.8rem;border:none;cursor:pointer;text-transform:uppercase;transition:all 0.3s;text-decoration:none;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
body.site-page-index .nav-cta:hover{background:var(--red-light)!important;transform:translateY(-2px);}
body.site-page-index .nav-cta::after{display:none!important;}
body.site-page-index .menu-btn{display:none;background:none;border:none;color:var(--white);font-size:1.4rem;cursor:pointer;}

/* ===== PAGES ===== */
body.site-page-index .page{display:none;min-height:100vh;}
body.site-page-index .page.active{display:block;}

/* ===== HERO ===== */
body.site-page-index .hero{min-height:115vh;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--black);}
body.site-page-index .hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(204,31,31,0.08) 0%,transparent 50%),linear-gradient(225deg,rgba(204,31,31,0.04) 0%,transparent 60%);}
body.site-page-index .hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(204,31,31,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(204,31,31,0.06) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 30% 50%,black 20%,transparent 70%);}
body.site-page-index .hero-stripe{position:absolute;top:0;right:0;width:45%;height:100%;background:linear-gradient(180deg,var(--dark) 0%,#0d0d0d 100%);clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);}
body.site-page-index .hero-stripe::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,var(--red),transparent);}
body.site-page-index .hero-inner{max-width:900px;margin:0 auto;padding:0 3rem;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding-top:80px;}
body.site-page-index .hero-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:1.5rem;justify-content:center;}
body.site-page-index .hero-tag span{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--red);}
body.site-page-index .hero-tag::before{content:'';width:40px;height:1px;background:var(--red);}
body.site-page-index .hero-title{font-family:'Oswald',sans-serif;font-size:clamp(3.5rem,6vw,5.5rem);font-weight:700;line-height:0.95;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;}
body.site-page-index .hero-title .line2{color:var(--red);display:block;}
body.site-page-index .hero-title .line3{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:300;color:var(--gray);letter-spacing:4px;display:block;margin-top:0.5rem;}
body.site-page-index .hero-sub{font-size:1.15rem;color:var(--gray);line-height:1.8;max-width:600px;margin-bottom:2.5rem;font-style:italic;}
body.site-page-index .hero-btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:3rem;}
body.site-page-index .btn{display:inline-flex;align-items:center;gap:8px;padding:0.9rem 2rem;font-family:'Oswald',sans-serif;font-weight:500;font-size:0.85rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;text-decoration:none;transition:all 0.3s;}
body.site-page-index .btn-red{background:var(--red);color:white;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);}
body.site-page-index .btn-red:hover{background:var(--red-light);transform:translateY(-3px);}
body.site-page-index .btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.2);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);}
body.site-page-index .btn-outline:hover{border-color:var(--red);color:var(--red);}
body.site-page-index .hero-stats{display:flex;gap:2.5rem;justify-content:center;}
body.site-page-index .hero-stat-num{font-family:'Oswald',sans-serif;font-size:2rem;font-weight:700;color:var(--red);}
body.site-page-index .hero-stat-label{font-size:0.85rem;color:var(--gray);letter-spacing:1px;}
body.site-page-index .hero-visual{position:relative;display:flex;align-items:center;justify-content:center;}
body.site-page-index .hero-logo-big{width:320px;height:320px;background:radial-gradient(circle,rgba(204,31,31,0.15) 0%,transparent 70%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;}
body.site-page-index .hero-logo-big::before{content:'';position:absolute;inset:20px;border-radius:50%;border:1px solid rgba(204,31,31,0.2);animation:rotateBorder 20s linear infinite;}
body.site-page-index .hero-logo-big::after{content:'';position:absolute;inset:40px;border-radius:50%;border:1px dashed rgba(204,31,31,0.1);animation:rotateBorder 15s linear infinite reverse;}
@keyframes rotateBorder{to{transform:rotate(360deg);}}
body.site-page-index .logo-center{text-align:center;}
body.site-page-index .logo-car{font-size:4rem;margin-bottom:0.5rem;filter:drop-shadow(0 0 20px rgba(204,31,31,0.5));}
body.site-page-index .logo-brand{font-family:'Oswald',sans-serif;font-weight:700;font-size:2.5rem;letter-spacing:4px;text-transform:uppercase;}
body.site-page-index .logo-brand span{color:var(--red);}
body.site-page-index .logo-tagline{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:4px;color:var(--gray);text-transform:uppercase;margin-top:0.3rem;}
body.site-page-index .hero-address{display:flex;align-items:center;gap:10px;color:var(--gray);font-size:0.9rem;margin-top:2rem;justify-content:center;}
body.site-page-index .hero-address i{color:var(--red);}
body.site-page-index .hero-animation-frame{flex:1;position:relative;min-height:0;}
body.site-page-index .hero-animation-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none;display:block;}
body.site-page-index .hero-action-bar{position:relative;z-index:10;background:linear-gradient(180deg,#070707 0%,#000 100%);border-top:2px solid var(--red);box-shadow:0 -12px 42px rgba(0,0,0,.78);flex-shrink:0;}
body.site-page-index .hero-quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:820px;margin:0 auto;border-bottom:1px solid rgba(255,255,255,.08);}
body.site-page-index .hero-quick-stat{text-align:center;padding:13px 12px;border-right:1px solid rgba(255,255,255,.08);}
body.site-page-index .hero-quick-stat:last-child{border-right:none;}
body.site-page-index .hero-quick-num{font-family:'Oswald',sans-serif;font-size:1.45rem;font-weight:700;color:var(--red);line-height:1;}
body.site-page-index .hero-quick-label{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:2px;color:var(--gray);text-transform:uppercase;margin-top:3px;}
body.site-page-index .hero-action-row{display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,auto);align-items:center;gap:18px;padding:16px clamp(14px,3vw,48px);max-width:1320px;margin:0 auto;}
body.site-page-index .hero-contact-cluster{display:grid;grid-template-columns:minmax(260px,auto) auto;align-items:center;gap:10px;min-width:0;justify-content:start;}
body.site-page-index .hero-phone-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;font-family:'DM Mono',monospace;font-size:.82rem;letter-spacing:1px;color:var(--white);text-decoration:none;border:1px solid rgba(255,255,255,.14);padding:9px 14px;transition:all .2s;white-space:nowrap;}
body.site-page-index .hero-phone-link:hover{border-color:var(--red);color:var(--red);}
body.site-page-index .hero-phone-link i{color:var(--red);font-size:.72rem;}
body.site-page-index .hero-cta-cluster{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;justify-content:end;}
body.site-page-index .hero-action-row .btn{margin:0;min-height:42px;padding:.78rem 1.35rem;font-size:.78rem;white-space:nowrap;justify-content:center;}
/* ===== BLOG / INTERNAL LINK CARDS ===== */

body.site-page-index .blog-links-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin-top:3rem;
}

body.site-page-index .blog-link-card{
  background:var(--card);
  border:1px solid var(--border);
  overflow:hidden;
  transition:all .3s ease;
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
}

body.site-page-index .blog-link-card:hover{
  transform:translateY(-6px);
  border-color:rgba(204,31,31,.45);
  box-shadow:0 18px 35px rgba(0,0,0,.35);
}

body.site-page-index .blog-link-img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  display:block;
}

body.site-page-index .blog-link-content{
  padding:1.6rem;
  display:flex;
  flex-direction:column;
  flex:1;
}

body.site-page-index .blog-link-tag{
  font-family:'DM Mono',monospace;
  font-size:.68rem;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--red);
  margin-bottom:.9rem;
}

body.site-page-index .blog-link-title{
  font-family:'Oswald',sans-serif;
  font-size:1.35rem;
  line-height:1.15;
  text-transform:uppercase;
  margin-bottom:1rem;
  color:var(--white);
}

body.site-page-index .blog-link-desc{
  color:var(--gray);
  line-height:1.7;
  font-size:.95rem;
  margin-bottom:1.4rem;
  flex:1;
}

body.site-page-index .blog-link-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 20px;
  background:var(--red);
  color:#fff;
  text-decoration:none;
  font-family:'Oswald',sans-serif;
  font-size:.8rem;
  letter-spacing:2px;
  text-transform:uppercase;
  transition:all .25s ease;
}

body.site-page-index .blog-link-btn:hover{
  background:var(--red-light);
}

@media(max-width:980px){
  body.site-page-index .blog-links-grid{
    grid-template-columns:1fr;
  }
}
body.site-page-index .blog-link-card{
  height:100%;
}

body.site-page-index .blog-links-grid{
  align-items:stretch;
}
@media(max-width:1060px){body.site-page-index .hero-action-row{grid-template-columns:1fr;justify-items:stretch}body.site-page-index .hero-contact-cluster{justify-content:center}body.site-page-index .hero-cta-cluster{justify-content:center}}
@media(max-width:620px){body.site-page-index .hero{min-height:100svh!important}body.site-page-index .hero-quick-stats{grid-template-columns:1fr 1fr}body.site-page-index .hero-quick-stat{border-bottom:1px solid rgba(255,255,255,.08)}body.site-page-index .hero-quick-stat:nth-child(2){border-right:none}body.site-page-index .hero-quick-stat:last-child{grid-column:1/-1;border-bottom:none}body.site-page-index .hero-contact-cluster,body.site-page-index .hero-cta-cluster{grid-template-columns:1fr;width:100%}body.site-page-index .hero-address-link,body.site-page-index .hero-phone-link{width:100%;justify-content:center}body.site-page-index .hero-action-row .btn{width:100%}}

/* ===== SECTION COMMONS ===== */
body.site-page-index .section{padding:100px 3rem;}
body.site-page-index .section-inner{max-width:1300px;margin:0 auto;}
body.site-page-index .section-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:1rem;}
body.site-page-index .section-tag span{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--red);}
body.site-page-index .section-tag::before{content:'';width:30px;height:1px;background:var(--red);}
body.site-page-index .section-title{font-family:'Oswald',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;text-transform:uppercase;letter-spacing:1px;line-height:1;}
body.site-page-index .section-sub{color:var(--gray);font-size:1.1rem;line-height:1.8;margin-top:0.8rem;max-width:600px;font-style:italic;}

/* ===== SERVICES ===== */
body.site-page-index .services{background:var(--dark);}
body.site-page-index .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;margin-top:2rem;background:var(--dark);border:1px solid var(--border);}
body.site-page-index .service-card{background:var(--dark);padding:2.5rem;transition:all 0.3s;position:relative;overflow:hidden;cursor:default;border:1px solid var(--border);margin:-1px 0 0 -1px;}
body.site-page-index .service-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--red);transition:height 0.4s;}
body.site-page-index .service-card:hover{background:var(--card);}
body.site-page-index .service-card:hover::before{height:100%;}
body.site-page-index .service-num{font-family:'DM Mono',monospace;font-size:0.7rem;color:var(--red);letter-spacing:2px;margin-bottom:1rem;opacity:0.6;}
body.site-page-index .service-icon{font-size:2rem;margin-bottom:1rem;color:var(--red);}
body.site-page-index .service-name{font-family:'Oswald',sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:0.8rem;}
body.site-page-index .service-desc{color:var(--gray);font-size:0.95rem;line-height:1.7;}
body.site-page-index .services-category-header{display:flex;align-items:center;gap:1.5rem;padding:1.8rem 2rem;background:var(--card);border:1px solid var(--border);border-left:3px solid var(--red);margin-bottom:0;}
body.site-page-index .services-category-icon{width:56px;height:56px;background:rgba(204,31,31,0.12);border:1px solid rgba(204,31,31,0.3);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--red);flex-shrink:0;}
body.site-page-index .services-category-icon--mech{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.12);color:var(--light-gray);}

/* ===== ESTIMATE SECTION ===== */
body.site-page-index .estimate-section{background:var(--black);position:relative;overflow:hidden;}
body.site-page-index .estimate-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);}
body.site-page-index .estimate-inner{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
body.site-page-index .estimate-text h2{font-family:'Oswald',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;text-transform:uppercase;line-height:1;margin-bottom:1rem;}
body.site-page-index .estimate-text h2 span{color:var(--red);}
body.site-page-index .estimate-text p{color:var(--gray);line-height:1.8;font-size:1.1rem;font-style:italic;margin-bottom:2rem;}
body.site-page-index .contact-info{margin-top:2rem;}
body.site-page-index .contact-row{display:flex;align-items:center;gap:14px;padding:1rem 0;border-bottom:1px solid var(--border);}
body.site-page-index .contact-row:last-child{border-bottom:none;}
body.site-page-index .contact-icon{width:40px;height:40px;background:rgba(204,31,31,0.1);border:1px solid rgba(204,31,31,0.2);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:0.9rem;flex-shrink:0;}
body.site-page-index .contact-label{font-family:'Oswald',sans-serif;font-size:0.75rem;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:2px;}
body.site-page-index .contact-val{color:var(--white);font-size:1rem;}
body.site-page-index .contact-val a{color:var(--white);text-decoration:none;}
body.site-page-index .contact-val a:hover{color:var(--red);}

/* ===== FORM CARD ===== */
body.site-page-index .form-card{background:var(--card);border:1px solid var(--border);padding:2.5rem;position:relative;}
body.site-page-index .form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--red-dark));}
body.site-page-index .form-title{font-family:'Oswald',sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border);}
body.site-page-index .form-group{margin-bottom:1.2rem;}
body.site-page-index .form-label{display:block;font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:0.5rem;}
body.site-page-index .form-input,body.site-page-index .form-select,body.site-page-index .form-textarea{width:100%;background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--white);font-family:'Crimson Pro',serif;font-size:1rem;padding:0.8rem 1rem;outline:none;transition:border-color 0.3s;}
body.site-page-index .form-input:focus,body.site-page-index .form-select:focus,body.site-page-index .form-textarea:focus{border-color:var(--red);}
body.site-page-index .form-input::placeholder,body.site-page-index .form-textarea::placeholder{color:rgba(255,255,255,0.2);}
body.site-page-index .form-select option{background:var(--dark);}
body.site-page-index .form-textarea{resize:vertical;min-height:120px;}
body.site-page-index .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
body.site-page-index .form-success{display:none;text-align:center;padding:2rem;color:var(--red);}
body.site-page-index .form-success i{font-size:2.5rem;display:block;margin-bottom:0.8rem;}
body.site-page-index .form-success p{color:var(--light-gray);font-size:1.1rem;}

/* ===== WHY US PAGE ===== */
body.site-page-index .why-hero{padding:140px 3rem 80px;background:var(--dark);position:relative;overflow:hidden;}
body.site-page-index .why-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);}
body.site-page-index .why-hero-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
body.site-page-index .mission-block{background:var(--black);border:1px solid var(--border);padding:3rem;position:relative;}
body.site-page-index .mission-block::before{content:'"';position:absolute;top:-20px;left:20px;font-family:'Oswald',sans-serif;font-size:6rem;color:var(--red);opacity:0.3;line-height:1;}
body.site-page-index .mission-text{font-size:1.3rem;line-height:1.8;color:var(--light-gray);font-style:italic;}
body.site-page-index .values-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:4rem;}
body.site-page-index .value-card{background:var(--card);border:1px solid var(--border);padding:2rem;position:relative;overflow:hidden;transition:all 0.3s;}
body.site-page-index .value-card:hover{border-color:rgba(204,31,31,0.4);transform:translateY(-4px);}
body.site-page-index .value-icon{font-size:1.8rem;color:var(--red);margin-bottom:1rem;}
body.site-page-index .value-name{font-family:'Oswald',sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:0.5rem;}
body.site-page-index .value-desc{color:var(--gray);font-size:0.95rem;line-height:1.6;}
body.site-page-index .story-section{padding:100px 3rem;background:var(--black);}
body.site-page-index .story-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:6rem;align-items:start;}
body.site-page-index .story-visual{position:sticky;top:120px;}
body.site-page-index .story-img-placeholder{background:var(--card);border:1px solid var(--border);aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
body.site-page-index .story-img-placeholder::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(204,31,31,0.1),transparent);}
body.site-page-index .story-icon{font-size:5rem;opacity:0.2;}
body.site-page-index .story-badge{position:absolute;bottom:2rem;left:2rem;right:2rem;background:rgba(10,10,10,0.9);border:1px solid var(--border);padding:1.2rem;border-left:3px solid var(--red);}
body.site-page-index .story-badge-title{font-family:'Oswald',sans-serif;font-size:1rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:0.3rem;}
body.site-page-index .story-badge-sub{color:var(--gray);font-size:0.85rem;}
body.site-page-index .story-content h3{font-family:'Oswald',sans-serif;font-size:2.5rem;font-weight:700;text-transform:uppercase;line-height:1;margin-bottom:2rem;}
body.site-page-index .story-content h3 span{color:var(--red);}
body.site-page-index .story-content p{color:var(--gray);font-size:1.1rem;line-height:1.9;margin-bottom:1.5rem;font-style:italic;}

/* ===== CAREERS PAGE ===== */
body.site-page-index .careers-hero{padding:140px 3rem 80px;background:var(--dark);position:relative;}
body.site-page-index .jobs-section{padding:80px 3rem;background:var(--black);}
body.site-page-index .jobs-inner{max-width:1300px;margin:0 auto;}
body.site-page-index .job-card{background:var(--card);border:1px solid var(--border);padding:2.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;transition:all 0.3s;cursor:pointer;}
body.site-page-index .job-card:hover{border-color:rgba(204,31,31,0.4);background:#1a1a1a;}
body.site-page-index .job-type{display:inline-flex;align-items:center;gap:6px;font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border:1px solid;margin-bottom:0.8rem;}
body.site-page-index .job-type.full{color:var(--red);border-color:rgba(204,31,31,0.4);}
body.site-page-index .job-type.part{color:#888;border-color:#333;}
body.site-page-index .job-title{font-family:'Oswald',sans-serif;font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:0.5rem;}
body.site-page-index .job-location{color:var(--gray);font-size:0.95rem;display:flex;align-items:center;gap:6px;}
body.site-page-index .job-location i{color:var(--red);}
body.site-page-index .job-perks{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap;}
body.site-page-index .perk{background:rgba(204,31,31,0.08);border:1px solid rgba(204,31,31,0.15);color:var(--light-gray);padding:4px 12px;font-size:0.8rem;font-family:'DM Mono',monospace;letter-spacing:1px;}

/* ===== APPLICATION MODAL ===== */
body.site-page-index .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.9);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity 0.3s;}
body.site-page-index .modal-overlay.active{opacity:1;pointer-events:all;}
body.site-page-index .modal{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--red);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;transform:translateY(20px);transition:transform 0.3s;scrollbar-width:thin;scrollbar-color:var(--red) transparent;}
body.site-page-index .modal-overlay.active .modal{transform:translateY(0);}
body.site-page-index .modal-header{padding:2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:start;position:sticky;top:0;background:var(--card);z-index:1;}
body.site-page-index .modal-close{background:none;border:1px solid var(--border);color:var(--gray);width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;font-size:1rem;}
body.site-page-index .modal-close:hover{border-color:var(--red);color:var(--red);}
body.site-page-index .modal-body{padding:2rem;}
body.site-page-index .radio-group{display:flex;gap:0.8rem;flex-wrap:wrap;}
body.site-page-index .radio-opt{flex:1;min-width:120px;}
body.site-page-index .radio-opt input{display:none;}
body.site-page-index .radio-opt label{display:block;padding:0.7rem;border:1px solid var(--border);text-align:center;cursor:pointer;font-family:'DM Mono',monospace;font-size:0.75rem;letter-spacing:1px;text-transform:uppercase;color:var(--gray);transition:all 0.2s;}
body.site-page-index .radio-opt input:checked+label{border-color:var(--red);color:var(--red);background:rgba(204,31,31,0.08);}

/* ===== ADMIN ===== */
body.site-page-index .badge{display:inline-block;padding:2px 8px;font-size:0.7rem;font-family:'DM Mono',monospace;letter-spacing:1px;text-transform:uppercase;}
body.site-page-index .badge-red{background:rgba(204,31,31,0.15);color:var(--red);border:1px solid rgba(204,31,31,0.3);}
body.site-page-index .badge-gray{background:rgba(255,255,255,0.05);color:var(--gray);border:1px solid var(--border);}
body.site-page-index .logout-btn{background:none;border:1px solid var(--border);color:var(--gray);padding:0.5rem 1rem;font-family:'Oswald',sans-serif;font-size:0.8rem;letter-spacing:1px;cursor:pointer;text-transform:uppercase;transition:all 0.2s;}
body.site-page-index .logout-btn:hover{border-color:var(--red);color:var(--red);}
body.site-page-index .empty-state{text-align:center;padding:4rem;color:var(--gray);}
body.site-page-index .empty-state i{font-size:3rem;color:var(--border);display:block;margin-bottom:1rem;}

/* ===== FOOTER ===== */
body.site-page-index .footer{background:var(--dark);border-top:1px solid var(--border);padding:60px 3rem 30px;}
body.site-page-index .footer-inner{max-width:1300px;margin:0 auto;}
body.site-page-index .footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;}
body.site-page-index .footer-brand p{color:var(--gray);font-size:0.95rem;line-height:1.8;margin-top:1rem;}
body.site-page-index .footer-col-title{font-family:'Oswald',sans-serif;font-size:0.85rem;letter-spacing:3px;text-transform:uppercase;color:var(--white);margin-bottom:1.2rem;}
body.site-page-index .footer-col ul{list-style:none;}
body.site-page-index .footer-col ul li{margin-bottom:0.7rem;}
body.site-page-index .footer-col ul li a{color:var(--gray);text-decoration:none;font-size:0.95rem;transition:color 0.2s;}
body.site-page-index .footer-col ul li a:hover{color:var(--red);}
body.site-page-index .footer-bottom{border-top:1px solid var(--border);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;color:var(--gray);font-size:0.85rem;}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  body.site-page-index .hero-inner,body.site-page-index .why-hero-inner,body.site-page-index .estimate-inner,body.site-page-index .story-inner{grid-template-columns:1fr;gap:3rem;}
  body.site-page-index .hero-stripe{display:none;}
  body.site-page-index .footer-top{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  body.site-page-index .navbar{padding:1rem 1.5rem;}
  body.site-page-index .nav-links{display:none;}
  body.site-page-index .menu-btn{display:block;}
  body.site-page-index .nav-links.open{display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;background:rgba(10,10,10,0.98);padding:2rem;gap:1.5rem;border-bottom:1px solid var(--border);}
  body.site-page-index .section{padding:70px 1.5rem;}
  body.site-page-index .form-row{grid-template-columns:1fr;}
  body.site-page-index .job-card{flex-direction:column;align-items:start;}
  body.site-page-index .values-grid{grid-template-columns:1fr;}
  body.site-page-index .footer-top{grid-template-columns:1fr;}
  body.site-page-index .footer-bottom{flex-direction:column;gap:1rem;text-align:center;}
}

/* ===== ANIMATIONS ===== */
body.site-page-index .fade-up{opacity:0;transform:translateY(30px);transition:opacity 0.7s,transform 0.7s;}
body.site-page-index .fade-up.visible{opacity:1;transform:none;}
body.site-page-index .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* Red diagonal accent bars (like logo) */
body.site-page-index .accent-bars{display:flex;gap:4px;align-items:center;}
body.site-page-index .acc{width:12px;height:18px;background:var(--red);clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);opacity:0.7;}
body.site-page-index .acc:nth-child(2){opacity:0.5;}
body.site-page-index .acc:nth-child(3){opacity:0.3;}

body.site-page-index .hero-address-block{display:flex;align-items:center;gap:12px;margin-top:2rem;justify-content:center;flex-wrap:wrap;}
body.site-page-index .hero-address-link{display:inline-flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;background:rgba(204,31,31,0.12);border:1px solid rgba(204,31,31,0.35);padding:0.7rem 1.4rem;font-size:1rem;font-family:'Oswald',sans-serif;letter-spacing:1px;transition:all 0.3s;}
body.site-page-index .hero-address-link:hover{background:rgba(204,31,31,0.22);border-color:var(--red);color:var(--white);}
body.site-page-index .hero-address-link i:first-child{color:var(--red);font-size:1rem;}
body.site-page-index .address-open-maps{font-size:0.75rem;color:var(--red);letter-spacing:1px;margin-left:6px;font-family:'DM Mono',monospace;text-transform:uppercase;}

/* ── Booking progress bar ── */
body.site-page-index .book-progress{height:3px;background:rgba(255,255,255,0.08);margin-bottom:1.5rem;border-radius:2px;}
body.site-page-index .book-progress-bar{height:100%;background:var(--red);border-radius:2px;transition:width 0.4s ease;}

/* ── Calendar nav ── */
body.site-page-index .cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
body.site-page-index .cal-nav-btn{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:var(--white);width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
body.site-page-index .cal-nav-btn:hover{border-color:var(--red);color:var(--red);}
body.site-page-index .cal-month-label{font-family:'Oswald',sans-serif;font-size:1.1rem;letter-spacing:2px;text-transform:uppercase;color:var(--white);}

/* ── Calendar grid ── */
body.site-page-index .cal-grid-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:0.4rem;}
body.site-page-index .cal-grid-header span{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:1px;color:var(--gray);padding:4px 0;}
body.site-page-index .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:1.2rem;}
body.site-page-index .cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:0.85rem;cursor:pointer;border:1px solid transparent;transition:all 0.2s;border-radius:2px;color:var(--light-gray);}
body.site-page-index .cal-day:hover:not(.cal-day-disabled):not(.cal-day-empty){border-color:var(--red);color:var(--red);}
body.site-page-index .cal-day-today{border-color:rgba(255,255,255,0.2);color:var(--white);}
body.site-page-index .cal-day-selected{background:var(--red);color:white!important;border-color:var(--red)!important;}
body.site-page-index .cal-day-disabled{color:rgba(255,255,255,0.15);cursor:default;pointer-events:none;}
body.site-page-index .cal-day-empty{cursor:default;pointer-events:none;}

/* ── Time slots ── */
body.site-page-index .cal-time-title{font-family:'DM Mono',monospace;font-size:0.75rem;letter-spacing:2px;color:var(--red);text-transform:uppercase;margin-bottom:0.8rem;}
body.site-page-index .cal-time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:1.5rem;}
body.site-page-index .cal-time-slot{padding:0.5rem 0.3rem;text-align:center;font-family:'DM Mono',monospace;font-size:0.8rem;border:1px solid rgba(255,255,255,0.12);color:var(--light-gray);cursor:pointer;transition:all 0.2s;background:transparent;}
body.site-page-index .cal-time-slot:hover:not(.cal-time-booked){border-color:var(--red);color:var(--red);}
body.site-page-index .cal-time-slot.cal-time-selected{background:var(--red);border-color:var(--red);color:white;}
body.site-page-index .cal-time-slot.cal-time-booked{color:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.06);cursor:not-allowed;text-decoration:line-through;}

/* ── Calendar footer ── */
body.site-page-index .cal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:0.5rem;border-top:1px solid rgba(255,255,255,0.06);}
body.site-page-index .delete-btn{background:none;border:1px solid rgba(204,31,31,0.3);color:rgba(204,31,31,0.6);padding:4px 10px;font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:1px;cursor:pointer;transition:all 0.2s;text-transform:uppercase;margin-top:6px;display:inline-block;}
body.site-page-index .delete-btn:hover{background:rgba(204,31,31,0.1);border-color:var(--red);color:var(--red);}


/* ===== PUBLIC SITE NAV REFRESH — PEP BOYS INSPIRED ===== */
body.site-page-index .navbar{min-height:86px !important;padding:0 2.8rem !important;background:#ffffff !important;border-bottom:4px solid var(--red) !important;box-shadow:0 10px 30px rgba(0,0,0,.18) !important;backdrop-filter:none !important;gap:24px !important;}
body.site-page-index .navbar.scrolled{padding:0 2.8rem !important;border-bottom-color:var(--red) !important;}
body.site-page-index .nav-logo{align-self:stretch !important;min-width:210px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 22px !important;background:#070707 !important;border-right:4px solid var(--red) !important;}
body.site-page-index .nav-logo img{height:74px !important;width:auto !important;max-width:180px !important;object-fit:contain !important;}
body.site-page-index .nav-links{flex:1 !important;justify-content:center !important;gap:0 !important;background:#050505 !important;border:1px solid rgba(0,0,0,.88) !important;border-radius:0 !important;overflow:hidden !important;box-shadow:0 10px 22px rgba(0,0,0,.12) !important;}
body.site-page-index .nav-links li{display:flex !important;}
body.site-page-index .nav-links a{min-height:58px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 28px !important;color:#ffffff !important;font-size:1rem !important;letter-spacing:1.4px !important;font-weight:700 !important;border-left:1px solid rgba(255,255,255,.22) !important;white-space:nowrap !important;}
body.site-page-index .nav-links li:first-child a{border-left:none !important;}
body.site-page-index .nav-links a::after{display:none !important;}
body.site-page-index .nav-links a:hover{background:#191919 !important;color:#ffffff !important;}
body.site-page-index .nav-links .nav-cta,body.site-page-index .nav-cta{min-height:58px !important;clip-path:none !important;background:linear-gradient(180deg,var(--red-light),var(--red)) !important;color:#ffffff !important;box-shadow:none !important;}
body.site-page-index .menu-btn{color:#111111 !important;border:1px solid rgba(0,0,0,.15) !important;width:46px !important;height:46px !important;border-radius:8px !important;align-items:center !important;justify-content:center !important;}
@media(max-width:1100px){body.site-page-index .navbar{padding:0 1.5rem !important;}body.site-page-index .nav-logo{min-width:170px !important;padding:0 14px !important;}body.site-page-index .nav-logo img{height:64px !important;max-width:150px !important;}body.site-page-index .nav-links a{padding:0 16px !important;font-size:.88rem !important;letter-spacing:1px !important;}}
@media(max-width:900px){body.site-page-index .navbar{min-height:76px !important;padding:.6rem 1rem !important;}body.site-page-index .nav-logo{min-width:auto !important;align-self:auto !important;height:58px !important;border-right:none !important;border-radius:8px !important;}body.site-page-index .nav-logo img{height:52px !important;}body.site-page-index .menu-btn{display:flex !important;}body.site-page-index .nav-links.open{display:flex !important;flex-direction:column !important;position:fixed !important;top:76px !important;left:0 !important;right:0 !important;background:#ffffff !important;padding:12px !important;gap:8px !important;border-bottom:4px solid var(--red) !important;box-shadow:0 18px 35px rgba(0,0,0,.18) !important;}body.site-page-index .nav-links.open li{width:100% !important;}body.site-page-index .nav-links.open a{width:100% !important;min-height:50px !important;border-left:none !important;border-radius:8px !important;background:#050505 !important;}body.site-page-index .nav-links.open .nav-cta{background:linear-gradient(180deg,var(--red-light),var(--red)) !important;}}



/* ===== PROFESSIONAL HEADER / NAV POLISH ===== */
body.site-page-index .navbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  z-index:1000 !important;
  min-height:88px !important;
  padding:10px clamp(18px,3vw,48px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:24px !important;
  background:#f7f7f7 !important;
  border-bottom:4px solid var(--red) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.18) !important;
  backdrop-filter:none !important;
}
body.site-page-index .navbar.scrolled{
  min-height:88px !important;
  padding:10px clamp(18px,3vw,48px) !important;
  background:#f7f7f7 !important;
  border-bottom:4px solid var(--red) !important;
}
body.site-page-index .nav-logo{
  flex:0 0 178px !important;
  height:68px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 16px !important;
  background:#050505 !important;
  border:1px solid rgba(204,31,31,.28) !important;
  border-radius:0 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
  text-decoration:none !important;
}
body.site-page-index .nav-logo img{
  display:block !important;
  height:auto !important;
  max-height:56px !important;
  width:auto !important;
  max-width:148px !important;
  object-fit:contain !important;
}
body.site-page-index .nav-links{
  flex:1 1 auto !important;
  max-width:990px !important;
  min-height:58px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:0 !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#050505 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
}
body.site-page-index .nav-links li{
  display:flex !important;
  min-width:0 !important;
}
body.site-page-index .nav-links a{
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 clamp(18px,2vw,31px) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-family:'Oswald',sans-serif !important;
  font-size:clamp(.86rem,1.05vw,1rem) !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  border-left:1px solid rgba(255,255,255,.22) !important;
  border-radius:0 !important;
  background:transparent !important;
  transition:background .2s ease,color .2s ease,transform .2s ease !important;
  white-space:nowrap !important;
}
body.site-page-index .nav-links li:first-child a{border-left:none !important;}
body.site-page-index .nav-links a::after{display:none !important;}
body.site-page-index .nav-links a:hover,
body.site-page-index .nav-links a.current{
  background:#171717 !important;
  color:#fff !important;
}
body.site-page-index .nav-links .nav-cta{
  background:linear-gradient(180deg,var(--red-light),var(--red)) !important;
  color:#fff !important;
  min-width:152px !important;
  box-shadow:none !important;
  clip-path:none !important;
}
body.site-page-index .nav-links .nav-cta:hover{
  background:linear-gradient(180deg,#ff3c3c,var(--red-dark)) !important;
  color:#fff !important;
  transform:none !important;
}
body.site-page-index .menu-btn{
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  width:48px !important;
  height:48px !important;
  background:#050505 !important;
  border:1px solid rgba(204,31,31,.36) !important;
  color:#fff !important;
  border-radius:0 !important;
}
@media(max-width:1180px){
  body.site-page-index .navbar{gap:16px !important;padding:10px 18px !important;}
  body.site-page-index .nav-logo{flex-basis:154px !important;}
  body.site-page-index .nav-logo img{max-height:50px !important;max-width:126px !important;}
  body.site-page-index .nav-links a{padding:0 16px !important;letter-spacing:1.45px !important;font-size:.82rem !important;}
  body.site-page-index .nav-links .nav-cta{min-width:130px !important;}
}
@media(max-width:900px){
  body.site-page-index .navbar{
    min-height:76px !important;
    padding:9px 14px !important;
    justify-content:space-between !important;
    gap:12px !important;
  }
  body.site-page-index .navbar.scrolled{min-height:76px !important;padding:9px 14px !important;}
  body.site-page-index .nav-logo{
    flex:0 0 142px !important;
    width:142px !important;
    height:56px !important;
    padding:5px 12px !important;
  }
  body.site-page-index .nav-logo img{max-height:46px !important;max-width:118px !important;}
  body.site-page-index .menu-btn{display:flex !important;}
  body.site-page-index .nav-links{display:none !important;}
  body.site-page-index .nav-links.open{
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    top:76px !important;
    left:0 !important;
    right:0 !important;
    max-width:none !important;
    min-height:0 !important;
    padding:12px !important;
    gap:8px !important;
    background:#f7f7f7 !important;
    border:0 !important;
    border-bottom:4px solid var(--red) !important;
    box-shadow:0 22px 36px rgba(0,0,0,.24) !important;
  }
  body.site-page-index .nav-links.open li{width:100% !important;display:block !important;}
  body.site-page-index .nav-links.open a{
    width:100% !important;
    min-height:50px !important;
    justify-content:center !important;
    border-left:none !important;
    border:1px solid rgba(255,255,255,.1) !important;
    background:#050505 !important;
    color:#fff !important;
    border-radius:0 !important;
  }
  body.site-page-index .nav-links.open .nav-cta{background:linear-gradient(180deg,var(--red-light),var(--red)) !important;}
}
@media(max-width:520px){
  body.site-page-index .navbar{min-height:70px !important;padding:7px 10px !important;}
  body.site-page-index .navbar.scrolled{min-height:70px !important;padding:7px 10px !important;}
  body.site-page-index .nav-logo{flex-basis:126px !important;width:126px !important;height:52px !important;}
  body.site-page-index .nav-logo img{max-height:42px !important;max-width:106px !important;}
  body.site-page-index .nav-links.open{top:70px !important;}
}



/* ==========================================================
   CR8 AUTOS — PROFESSIONAL BLACK HEADER / CENTERED NAV UPDATE
   Header polish only. Content, forms, SEO, and page sections untouched.
   ========================================================== */
body.site-page-index .navbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  min-height:86px !important;
  padding:0 34px !important;
  display:grid !important;
  grid-template-columns:190px minmax(0,1fr) 190px !important;
  align-items:center !important;
  background:#000000 !important;
  background-color:#000000 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-bottom:1px solid rgba(204,31,31,.55) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.62) !important;
  transition:min-height .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
body.site-page-index .navbar::after{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-2px !important;
  height:2px !important;
  background:linear-gradient(90deg,transparent 0%,rgba(204,31,31,.35) 20%,rgba(232,51,51,.95) 50%,rgba(204,31,31,.35) 80%,transparent 100%) !important;
  pointer-events:none !important;
}
body.site-page-index .navbar.scrolled{
  min-height:76px !important;
  padding:0 34px !important;
  background:#000000 !important;
  border-bottom-color:rgba(204,31,31,.72) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.72) !important;
}
body.site-page-index .nav-logo{
  grid-column:1 !important;
  justify-self:start !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:72px !important;
  min-width:0 !important;
  padding:0 !important;
  gap:0 !important;
  background:transparent !important;
  border:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
  text-decoration:none !important;
}
body.site-page-index .nav-logo img{
  display:block !important;
  height:64px !important;
  max-height:64px !important;
  width:auto !important;
  max-width:168px !important;
  object-fit:contain !important;
}
body.site-page-index .nav-links{
  grid-column:2 !important;
  justify-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
body.site-page-index .nav-links li{display:flex !important;align-items:center !important;}
body.site-page-index .nav-links a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 17px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.025) !important;
  color:rgba(245,245,245,.88) !important;
  font-family:'Oswald',sans-serif !important;
  font-size:.78rem !important;
  font-weight:600 !important;
  letter-spacing:1.35px !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  clip-path:none !important;
  transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease !important;
}
body.site-page-index .nav-links a::after{display:none !important;content:none !important;}
body.site-page-index .nav-links a:hover,
body.site-page-index .nav-links a.current{
  color:#ffffff !important;
  border-color:rgba(232,51,51,.78) !important;
  background:rgba(204,31,31,.16) !important;
  box-shadow:0 0 0 1px rgba(204,31,31,.18),0 8px 22px rgba(204,31,31,.14) !important;
  transform:translateY(-1px) !important;
}
body.site-page-index .nav-cta{
  border:1px solid rgba(232,51,51,.95) !important;
  background:linear-gradient(180deg,rgba(204,31,31,.95),rgba(154,21,21,.95)) !important;
  color:#ffffff !important;
  box-shadow:0 9px 22px rgba(204,31,31,.22) !important;
}
body.site-page-index .nav-cta:hover{
  background:linear-gradient(180deg,#e83333,#cc1f1f) !important;
  color:#ffffff !important;
  border-color:#ff4a4a !important;
  transform:translateY(-1px) !important;
}
body.site-page-index .menu-btn{
  grid-column:3 !important;
  justify-self:end !important;
  width:46px !important;
  height:42px !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  background:#000000 !important;
  border:1px solid rgba(204,31,31,.65) !important;
  border-radius:999px !important;
  color:#ffffff !important;
  font-size:1.05rem !important;
  cursor:pointer !important;
}
body.site-page-index .menu-btn:hover{background:rgba(204,31,31,.14) !important;border-color:var(--red-light) !important;}

@media(max-width:1180px){
  body.site-page-index .navbar{grid-template-columns:170px minmax(0,1fr) 80px !important;padding:0 22px !important;}
  body.site-page-index .navbar.scrolled{padding:0 22px !important;}
  body.site-page-index .nav-logo img{height:58px !important;max-height:58px !important;max-width:146px !important;}
  body.site-page-index .nav-links{gap:7px !important;}
  body.site-page-index .nav-links a{min-height:40px !important;padding:0 12px !important;font-size:.72rem !important;letter-spacing:1px !important;}
}
@media(max-width:900px){
  body.site-page-index .navbar,
  body.site-page-index .navbar.scrolled{
    min-height:76px !important;
    padding:0 16px !important;
    display:grid !important;
    grid-template-columns:auto auto !important;
    justify-content:space-between !important;
    background:#000000 !important;
    border-bottom:1px solid rgba(204,31,31,.65) !important;
  }
  body.site-page-index .nav-logo{grid-column:1 !important;height:64px !important;justify-self:start !important;}
  body.site-page-index .nav-logo img{height:54px !important;max-height:54px !important;max-width:138px !important;}
  body.site-page-index .menu-btn{grid-column:2 !important;display:flex !important;}
  body.site-page-index .nav-links{display:none !important;}
  body.site-page-index .nav-links.open{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    position:fixed !important;
    top:76px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-height:calc(100vh - 76px) !important;
    overflow:auto !important;
    padding:16px !important;
    gap:10px !important;
    background:#000000 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-bottom:2px solid rgba(204,31,31,.88) !important;
    box-shadow:0 22px 44px rgba(0,0,0,.72) !important;
  }
  body.site-page-index .nav-links.open li{width:100% !important;display:block !important;}
  body.site-page-index .nav-links.open a{
    width:100% !important;
    min-height:52px !important;
    padding:0 18px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:#050505 !important;
    color:#ffffff !important;
    font-size:.86rem !important;
    letter-spacing:1.4px !important;
  }
  body.site-page-index .nav-links.open a:hover,
  body.site-page-index .nav-links.open a.current{background:rgba(204,31,31,.18) !important;border-color:rgba(232,51,51,.82) !important;}
  body.site-page-index .nav-links.open .nav-cta{background:linear-gradient(180deg,var(--red-light),var(--red)) !important;border-color:var(--red-light) !important;}
}
@media(max-width:480px){
  body.site-page-index .navbar,
  body.site-page-index .navbar.scrolled{min-height:72px !important;padding:0 12px !important;}
  body.site-page-index .nav-logo{height:60px !important;}
  body.site-page-index .nav-logo img{height:48px !important;max-height:48px !important;max-width:120px !important;}
  body.site-page-index .menu-btn{width:42px !important;height:40px !important;}
  body.site-page-index .nav-links.open{top:72px !important;max-height:calc(100vh - 72px) !important;padding:12px !important;}
}



/* ==========================================================
   CR8 AUTOS — FINAL NAV CLEANUP
   Removes boxed outlines around nav tabs and keeps Contact Us
   the same size/alignment as every other nav item.
   ========================================================== */
body.site-page-index .nav-links{
  gap:18px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
body.site-page-index .nav-links li{
  display:flex !important;
  align-items:center !important;
}
body.site-page-index .nav-links a,
body.site-page-index .nav-links .nav-cta,
body.site-page-index .nav-cta{
  min-height:42px !important;
  height:42px !important;
  padding:0 15px !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  clip-path:none !important;
  color:rgba(245,245,245,.88) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}
body.site-page-index .nav-links a::after,
body.site-page-index .nav-links .nav-cta::after,
body.site-page-index .nav-cta::after{
  content:'' !important;
  display:block !important;
  position:absolute !important;
  left:15px !important;
  right:15px !important;
  bottom:6px !important;
  width:auto !important;
  height:2px !important;
  background:var(--red) !important;
  transform:scaleX(0) !important;
  transform-origin:center !important;
  transition:transform .22s ease !important;
}
body.site-page-index .nav-links a:hover,
body.site-page-index .nav-links a.current,
body.site-page-index .nav-links .nav-cta:hover,
body.site-page-index .nav-cta:hover{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#ffffff !important;
  transform:none !important;
}
body.site-page-index .nav-links a:hover::after,
body.site-page-index .nav-links a.current::after,
body.site-page-index .nav-links .nav-cta:hover::after,
body.site-page-index .nav-cta:hover::after{
  transform:scaleX(1) !important;
}
body.site-page-index .nav-links .nav-cta,
body.site-page-index .nav-cta{
  font-size:.78rem !important;
  font-weight:600 !important;
  letter-spacing:1.35px !important;
  min-width:auto !important;
  color:#ffffff !important;
}
body.site-page-index .nav-links .nav-cta::before,
body.site-page-index .nav-cta::before{
  content:'' !important;
  position:absolute !important;
  inset:5px 4px !important;
  background:rgba(204,31,31,.92) !important;
  z-index:-1 !important;
  transform:skewX(-10deg) !important;
  transition:background .22s ease !important;
}
body.site-page-index .nav-links .nav-cta:hover::before,
body.site-page-index .nav-cta:hover::before{
  background:var(--red-light) !important;
}
@media(max-width:1180px){
  body.site-page-index .nav-links{gap:10px !important;}
  body.site-page-index .nav-links a,
  body.site-page-index .nav-links .nav-cta,
  body.site-page-index .nav-cta{height:40px !important;min-height:40px !important;padding:0 11px !important;font-size:.72rem !important;letter-spacing:1px !important;}
  body.site-page-index .nav-links a::after,body.site-page-index .nav-links .nav-cta::after,body.site-page-index .nav-cta::after{left:11px !important;right:11px !important;bottom:5px !important;}
}
@media(max-width:900px){
  body.site-page-index .nav-links.open{
    gap:6px !important;
    background:#000000 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-bottom:2px solid rgba(204,31,31,.88) !important;
    box-shadow:0 22px 44px rgba(0,0,0,.72) !important;
  }
  body.site-page-index .nav-links.open a,
  body.site-page-index .nav-links.open .nav-cta,
  body.site-page-index .nav-links.open .nav-cta:hover{
    width:100% !important;
    min-height:50px !important;
    height:50px !important;
    padding:0 18px !important;
    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#ffffff !important;
  }
  body.site-page-index .nav-links.open .nav-cta::before{inset:7px 12px !important;}
}
/* ===== LOCAL SEO SERVICE PAGES SECTION ===== */
body.site-page-index .local-seo-section{
  background:var(--black);
  position:relative;
  padding-top:70px;
  padding-bottom:70px;
}
body.site-page-index .local-seo-section::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(204,31,31,0.45),transparent);
}
body.site-page-index .local-seo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--border);
  margin-top:2.2rem;
  border:1px solid var(--border);
}
body.site-page-index .local-seo-card{
  background:var(--dark);
  padding:2.1rem;
  text-decoration:none;
  color:var(--white);
  position:relative;
  overflow:hidden;
  transition:all .3s ease;
}
body.site-page-index .local-seo-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:3px;
  height:0;
  background:var(--red);
  transition:height .35s ease;
}
body.site-page-index .local-seo-card:hover{
  background:var(--card);
}
body.site-page-index .local-seo-card:hover::before{
  height:100%;
}
body.site-page-index .local-seo-num{
  font-family:'DM Mono',monospace;
  font-size:.7rem;
  color:var(--red);
  letter-spacing:2px;
  margin-bottom:1rem;
}
body.site-page-index .local-seo-card h3{
  font-family:'Oswald',sans-serif;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:1.35rem;
  line-height:1.1;
  margin-bottom:.8rem;
}
body.site-page-index .local-seo-card p{
  color:var(--gray);
  line-height:1.7;
  font-size:.98rem;
  margin-bottom:1.2rem;
}
body.site-page-index .local-seo-card span{
  font-family:'Oswald',sans-serif;
  font-size:.78rem;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--red);
}
@media(max-width:768px){
  body.site-page-index .local-seo-grid{
    grid-template-columns:1fr;
  }
  body.site-page-index .local-seo-card{
    padding:1.7rem;
  }
}
body.site-page-index .blog-link-card{
  display:flex;
  flex-direction:column;
  height:100%;
}

body.site-page-index .blog-link-content{
  display:flex;
  flex-direction:column;
  flex:1;
}

body.site-page-index .blog-link-btn{
  margin-top:auto;
}
body.site-page-index .blog-links-grid{
  margin-bottom:5rem;
}

/* ===== ONLINE ESTIMATE SUBMISSION TOOL ===== */
body.site-page-index .damage-ai-section{background:radial-gradient(circle at 15% 10%,rgba(204,31,31,.16),transparent 28%),linear-gradient(180deg,#0b0b0b 0%,#111 52%,#080808 100%);position:relative;overflow:hidden;border-top:1px solid rgba(204,31,31,.35);border-bottom:1px solid rgba(255,255,255,.06);}
body.site-page-index .damage-ai-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(204,31,31,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(204,31,31,.055) 1px,transparent 1px);background-size:78px 78px;mask-image:radial-gradient(ellipse at 50% 20%,black 10%,transparent 72%);pointer-events:none;}
body.site-page-index .damage-ai-shell{position:relative;z-index:1;max-width:1300px;margin:0 auto;padding:95px 3rem;}
body.site-page-index .damage-ai-header{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:end;margin-bottom:2.2rem;}
body.site-page-index .damage-ai-kicker{display:inline-flex;align-items:center;gap:10px;font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--red);margin-bottom:1rem;}
body.site-page-index .damage-ai-kicker::before{content:'';width:34px;height:1px;background:var(--red);}
body.site-page-index .damage-ai-title{font-family:'Oswald',sans-serif;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.95;text-transform:uppercase;letter-spacing:1px;margin:0 0 1rem;}
body.site-page-index .damage-ai-title span{color:var(--red);}
body.site-page-index .damage-ai-sub{color:var(--gray);font-size:1.15rem;line-height:1.8;font-style:italic;max-width:680px;}
body.site-page-index .damage-ai-badges{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;}
body.site-page-index .damage-ai-badge{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);padding:.85rem 1rem;color:var(--light-gray);font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:.76rem;letter-spacing:1.6px;}
body.site-page-index .damage-ai-badge i{color:var(--red);}
body.site-page-index .damage-ai-card{display:grid;grid-template-columns:minmax(0,1fr) 390px;background:rgba(18,18,18,.96);border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 80px rgba(0,0,0,.35);position:relative;}
body.site-page-index .damage-ai-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),transparent 50%,var(--red));}
body.site-page-index .damage-ai-main{padding:2.1rem;min-width:0;}
body.site-page-index .damage-ai-side{border-left:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(204,31,31,.08),rgba(255,255,255,.025));padding:2.1rem;}
body.site-page-index .damage-ai-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin-bottom:1.8rem;}
body.site-page-index .damage-ai-step-pill{border:1px solid rgba(255,255,255,.1);padding:.7rem .55rem;color:var(--gray);font-family:'DM Mono',monospace;font-size:.66rem;text-transform:uppercase;letter-spacing:1.5px;text-align:center;transition:all .25s ease;}
body.site-page-index .damage-ai-step-pill.active{background:rgba(204,31,31,.16);border-color:rgba(204,31,31,.6);color:var(--white);}
body.site-page-index .damage-step{display:none;animation:damageFade .25s ease;}
body.site-page-index .damage-step.active{display:block;}
@keyframes damageFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body.site-page-index .damage-step-title{font-family:'Oswald',sans-serif;font-size:1.6rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.1rem;}
body.site-page-index .damage-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
body.site-page-index .damage-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.07);}
body.site-page-index .damage-actions .btn{justify-content:center;}
body.site-page-index .damage-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:210px;box-sizing:border-box;border:1px dashed rgba(204,31,31,.55);background:rgba(204,31,31,.055);padding:2rem;text-align:center;cursor:pointer;transition:all .25s ease;}
body.site-page-index .damage-upload-zone:hover,body.site-page-index .damage-upload-zone.dragover{background:rgba(204,31,31,.12);border-color:var(--red);}
body.site-page-index .damage-upload-zone i{font-size:2.5rem;line-height:1;color:var(--red);margin-bottom:.8rem;}
body.site-page-index .damage-upload-title{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1.5px;font-size:1.1rem;margin-bottom:.35rem;}
body.site-page-index .damage-upload-sub{color:var(--gray);font-size:.95rem;line-height:1.5;max-width:680px;}
body.site-page-index .damage-file-input{display:none;}
body.site-page-index .damage-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.75rem;margin-top:1rem;}
body.site-page-index .damage-preview{position:relative;border:1px solid rgba(255,255,255,.1);background:#090909;aspect-ratio:1/1;overflow:hidden;}
body.site-page-index .damage-preview img{width:100%;height:100%;object-fit:cover;display:block;}
body.site-page-index .damage-remove{position:absolute;right:5px;top:5px;width:26px;height:26px;border:none;background:rgba(0,0,0,.78);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;}
body.site-page-index .damage-side-title{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1.5px;font-size:1.2rem;margin-bottom:1rem;}
body.site-page-index .damage-side-list{list-style:none;margin:0 0 1.3rem;padding:0;}
body.site-page-index .damage-side-list li{display:flex;gap:10px;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.07);color:var(--light-gray);font-size:.95rem;line-height:1.5;}
body.site-page-index .damage-side-list i{color:var(--red);margin-top:4px;}
body.site-page-index .damage-mini-note{border-left:3px solid var(--red);background:rgba(204,31,31,.08);padding:1rem;color:var(--gray);font-size:.9rem;line-height:1.65;}
body.site-page-index .damage-loading{display:none;text-align:center;padding:2rem 1rem;}
body.site-page-index .damage-loading.active{display:block;}
body.site-page-index .damage-spinner{width:46px;height:46px;border:3px solid rgba(255,255,255,.18);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem;}
body.site-page-index .damage-results{display:none;}
body.site-page-index .damage-results.active{display:block;}
body.site-page-index .damage-result-hero{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;background:#0b0b0b;border:1px solid rgba(204,31,31,.35);padding:1.2rem;margin-bottom:1rem;}
body.site-page-index .damage-estimate-range{font-family:'Oswald',sans-serif;color:var(--red);font-size:clamp(1.8rem,4vw,2.7rem);line-height:1;text-transform:uppercase;}
body.site-page-index .damage-confidence{font-family:'DM Mono',monospace;font-size:.72rem;letter-spacing:1.4px;text-transform:uppercase;color:var(--gray);text-align:right;}
body.site-page-index .damage-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1rem 0;}
body.site-page-index .damage-result-box{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);padding:1rem;}
body.site-page-index .damage-result-label{font-family:'DM Mono',monospace;color:var(--gray);font-size:.66rem;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.45rem;}
body.site-page-index .damage-result-value{color:var(--white);font-size:1rem;line-height:1.5;}
body.site-page-index .damage-result-box.wide{grid-column:1/-1;}
body.site-page-index .damage-backend-proof{font-family:'DM Mono',monospace;color:var(--gray);font-size:.72rem;letter-spacing:.8px;margin-top:.35rem;}
body.site-page-index .damage-disclaimer{background:rgba(204,31,31,.09);border:1px solid rgba(204,31,31,.24);border-left:3px solid var(--red);padding:1rem;color:var(--light-gray);font-size:.92rem;line-height:1.65;margin:1rem 0;}
body.site-page-index .damage-result-buttons{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem;}
body.site-page-index .damage-error{display:none;margin-top:1rem;color:#ffd0d0;background:rgba(204,31,31,.12);border:1px solid rgba(204,31,31,.35);padding:.9rem;}
body.site-page-index .damage-error.active{display:block;}
body.site-page-index .damage-ai-side code{font-family:'DM Mono',monospace;color:var(--light-gray);font-size:.78rem;word-break:break-word;}
@media(max-width:1024px){body.site-page-index .damage-ai-header,body.site-page-index .damage-ai-card{grid-template-columns:1fr}body.site-page-index .damage-ai-side{border-left:none;border-top:1px solid rgba(255,255,255,.08)}body.site-page-index .damage-ai-badges{max-width:720px}body.site-page-index .damage-ai-shell{padding:80px 2rem}}
@media(max-width:700px){body.site-page-index .damage-ai-shell{padding:70px 1.25rem}body.site-page-index .damage-ai-main,body.site-page-index .damage-ai-side{padding:1.35rem}body.site-page-index .damage-ai-badges,body.site-page-index .damage-form-row,body.site-page-index .damage-result-grid{grid-template-columns:1fr}body.site-page-index .damage-ai-progress{grid-template-columns:1fr 1fr}body.site-page-index .damage-actions{flex-direction:column}body.site-page-index .damage-result-hero{grid-template-columns:1fr}body.site-page-index .damage-confidence{text-align:left}body.site-page-index .damage-result-buttons .btn{width:100%;justify-content:center}}


/* ==========================================================
   FINAL HERO RESPONSIVE PATCH
   ========================================================== */
@media(max-width:700px){
  body.site-page-index .hero{
    min-height:126svh !important;
  }

  body.site-page-index .hero-animation-frame{
    flex:1 1 auto !important;
    min-height:72svh !important;
  }

  body.site-page-index .hero-action-bar{
    box-shadow:0 -8px 28px rgba(0,0,0,.7) !important;
  }

  body.site-page-index .hero-quick-stats{
    grid-template-columns:1fr 1fr !important;
  }

  body.site-page-index .hero-quick-stat{
    padding:16px 10px !important;
  }

  body.site-page-index .hero-quick-stat:last-child{
    grid-column:1 / -1 !important;
  }

  body.site-page-index .hero-action-row{
    padding:22px 22px 26px !important;
    gap:14px !important;
  }

  body.site-page-index .hero-contact-cluster,
  body.site-page-index .hero-cta-cluster{
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:12px !important;
  }

  body.site-page-index .hero-address-link,
  body.site-page-index .hero-phone-link,
  body.site-page-index .hero-action-row .btn{
    width:100% !important;
    min-height:54px !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body.site-page-index .hero-address-link{
    flex-wrap:wrap !important;
    padding:18px 14px !important;
  }

  body.site-page-index .hero-address-link span:first-of-type{
    width:100% !important;
    line-height:1.45 !important;
  }

  body.site-page-index .address-open-maps{
    margin-left:0 !important;
  }
}

@media(max-width:390px){
  body.site-page-index .hero{
    min-height:132svh !important;
  }

  body.site-page-index .hero-animation-frame{
    min-height:75svh !important;
  }

  body.site-page-index .hero-quick-num{
    font-size:1.3rem !important;
  }

  body.site-page-index .hero-quick-label{
    font-size:.58rem !important;
  }
}

/* ==========================================================
   CAR CRAFT-INSPIRED LIGHT REFRESH
   White is the primary surface; black and CR8 red provide structure.
   ========================================================== */
:root{
  --black:#f4f4f2;
  --dark:#ffffff;
  --card:#ffffff;
  --border:#d9d9d5;
  --white:#171717;
  --gray:#5f6368;
  --light-gray:#34373b;
}
body.site-page-index{background:#f4f4f2;color:#171717;}
body.site-page-index ::-webkit-scrollbar-track{background:#efefec;}

body.site-page-index .navbar,
body.site-page-index .navbar.scrolled{
  min-height:88px !important;
  grid-template-columns:210px minmax(0,1fr) 96px !important;
  padding:0 34px !important;
  background:#ffffff !important;
  border-bottom:1px solid #d8d8d4 !important;
  box-shadow:0 8px 28px rgba(0,0,0,.09) !important;
}
body.site-page-index .nav-logo{width:188px !important;height:88px !important;justify-content:center !important;position:relative !important;overflow:hidden !important;background:#050505 !important;}
body.site-page-index .nav-logo::after{display:none !important;}
body.site-page-index .nav-logo img{width:180px !important;height:180px !important;max-width:none !important;max-height:none !important;object-fit:cover !important;flex:0 0 auto !important;}
body.site-page-index .nav-links a,body.site-page-index .nav-links .nav-cta{color:#191919 !important;}
body.site-page-index .nav-links a:hover,body.site-page-index .nav-links a.current{color:#a91419 !important;}
body.site-page-index .nav-links .nav-cta{color:#ffffff !important;}
body.site-page-index .menu-btn{background:#171717 !important;color:#ffffff !important;border-color:#171717 !important;}

body.site-page-index .home-hero{
  min-height:auto !important;
  padding-top:88px !important;
  display:grid !important;
  width:min(100%,1240px) !important;
  margin:0 auto !important;
  grid-template-columns:375px minmax(0,1fr) !important;
  grid-template-rows:500px auto !important;
  align-items:stretch !important;
  background:#ffffff !important;
  overflow:hidden !important;
  border-right:1px solid #deded9;
  border-left:1px solid #deded9;
}
body.site-page-index .home-hero-media{position:relative;min-width:0;overflow:hidden;background:#e8e9e6;border-right:8px solid #cc1f1f;}
body.site-page-index .home-hero-media::after{display:none;}
body.site-page-index .home-hero-media img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;filter:saturate(.92) contrast(1.03);}
body.site-page-index .home-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,4.4vw,62px);color:#171717;position:relative;background:#ffffff;}
body.site-page-index .home-hero-copy::before{content:'';width:72px;height:6px;background:#cc1f1f;margin-bottom:20px;transform:skewX(-24deg);transform-origin:left;}
body.site-page-index .home-hero-kicker{margin:0 0 12px;font-family:'DM Mono',monospace;font-size:.68rem;font-weight:500;letter-spacing:2.6px;text-transform:uppercase;color:#ff5a5f;}
body.site-page-index .home-hero-copy h1{margin:0;max-width:720px;font-family:'Oswald',sans-serif;font-size:clamp(2.65rem,3.65vw,4.15rem);font-weight:700;letter-spacing:-.5px;line-height:.96;text-transform:uppercase;color:#171717;}
body.site-page-index .home-hero-copy h1 span{color:#ef3339;}
body.site-page-index .home-hero-lead{max-width:620px;margin:18px 0 20px;color:#5f6368;font-size:clamp(.98rem,1.05vw,1.08rem);line-height:1.55;font-style:italic;}
body.site-page-index .home-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;}
body.site-page-index .btn-dark{background:#171717;color:#ffffff;border:1px solid #171717;}
body.site-page-index .btn-dark:hover{background:#303230;color:#ffffff;transform:translateY(-3px);}
body.site-page-index .home-hero-note{margin:14px 0 0;color:#5f6368;font-family:'DM Mono',monospace;font-size:.66rem;letter-spacing:.35px;}
body.site-page-index .home-hero-note i{margin-right:8px;color:#ef3339;}

body.site-page-index .hero-action-bar{grid-column:1/-1;background:#ffffff !important;border-top:6px solid #cc1f1f !important;box-shadow:0 -8px 30px rgba(0,0,0,.12) !important;}
body.site-page-index .hero-quick-stats{border-bottom:1px solid #deded9 !important;}
body.site-page-index .hero-quick-stat{border-right:1px solid #deded9 !important;}
body.site-page-index .hero-quick-label{color:#5f6368 !important;}
body.site-page-index .hero-phone-link{color:#191919 !important;border-color:#cfcfca !important;}
body.site-page-index .hero-address-link{background:#f2f2ef !important;color:#191919 !important;border-color:#d4d4cf !important;}
body.site-page-index .hero-action-row .btn-outline{color:#191919 !important;border-color:#b9b9b4 !important;}
body.site-page-index .hero-action-row{grid-template-columns:1fr !important;padding:14px 24px 18px !important;}
body.site-page-index .hero-contact-cluster{width:min(100%,820px) !important;margin:0 auto !important;grid-template-columns:minmax(0,1.55fr) minmax(210px,.65fr) !important;justify-content:center !important;}

body.site-page-index .shop-intro{padding:clamp(70px,9vw,120px) 3rem;background:#ffffff;border-bottom:1px solid #d9d9d5;}
body.site-page-index .shop-intro-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:clamp(46px,8vw,112px);align-items:center;}
body.site-page-index .shop-intro-photo{margin:0;position:relative;min-height:570px;background:#e8e8e4;overflow:hidden;box-shadow:18px 18px 0 #171717;}
body.site-page-index .shop-intro-photo::before{content:'';position:absolute;z-index:1;left:0;top:0;width:76px;height:8px;background:#cc1f1f;}
body.site-page-index .shop-intro-photo img{display:block;width:100%;height:570px;object-fit:cover;}
body.site-page-index .shop-intro-photo figcaption{position:absolute;z-index:2;left:0;bottom:0;background:#171717;color:#ffffff;padding:14px 20px;font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:1.3px;text-transform:uppercase;}
body.site-page-index .shop-intro-copy .section-tag{margin:0 0 22px;}
body.site-page-index .shop-intro-copy h2{margin:0 0 28px;font-family:'Oswald',sans-serif;font-size:clamp(3rem,5vw,5.2rem);line-height:.96;text-transform:uppercase;}
body.site-page-index .shop-intro-copy h2 span{color:#cc1f1f;}
body.site-page-index .shop-intro-copy>p:not(.section-tag){max-width:650px;color:#5f6368;font-size:1.16rem;line-height:1.8;font-style:italic;}
body.site-page-index .shop-intro-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:34px;}
body.site-page-index .text-link{color:#171717;font-family:'Oswald',sans-serif;font-size:.86rem;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;text-decoration:none;border-bottom:2px solid #cc1f1f;padding-bottom:5px;}

body.site-page-index .section,body.site-page-index .damage-ai-section,body.site-page-index .estimate-section,body.site-page-index .story-section,body.site-page-index .jobs-section{background:#f4f4f2 !important;}
body.site-page-index .services,body.site-page-index .shop-intro+.damage-ai-section{border-top:0;}
body.site-page-index .section-title,body.site-page-index .damage-ai-header h2,body.site-page-index .service-name,body.site-page-index .damage-step-title,body.site-page-index .damage-side-title{color:#171717 !important;}
body.site-page-index .section-sub,body.site-page-index .service-desc,body.site-page-index .damage-ai-header p,body.site-page-index .damage-ai-sub,body.site-page-index .damage-side-list span{color:#5f6368 !important;}
body.site-page-index .services-category-header,body.site-page-index .service-card,body.site-page-index .damage-ai-card,body.site-page-index .damage-ai-main,body.site-page-index .damage-ai-side,body.site-page-index .blog-link-card,body.site-page-index .estimate-card,body.site-page-index .process-step,body.site-page-index .testimonial-card{
  background:#ffffff !important;border-color:#d9d9d5 !important;color:#171717 !important;box-shadow:0 12px 34px rgba(0,0,0,.045);
}
body.site-page-index .services-category-header{border-left-color:#cc1f1f !important;}
body.site-page-index .form-input,body.site-page-index .form-select,body.site-page-index .form-textarea,body.site-page-index .damage-upload-zone{
  background:#fafaf8 !important;border-color:#cfcfca !important;color:#171717 !important;
}
body.site-page-index .damage-upload-zone:hover{border-color:#cc1f1f !important;background:#fff7f7 !important;}
body.site-page-index .damage-ai-progress{background:#eeeeea !important;}
body.site-page-index .damage-ai-step-pill{color:#5f6368 !important;}
body.site-page-index .damage-ai-step-pill.active{background:#cc1f1f !important;color:#ffffff !important;}
body.site-page-index .damage-result-box{background:#f7f7f4 !important;border-color:#d9d9d5 !important;}
body.site-page-index .btn-outline{color:#171717;border-color:#aaa !important;}
body.site-page-index .btn-outline:hover{color:#cc1f1f !important;border-color:#cc1f1f !important;}
body.site-page-index .footer{background:#111111 !important;color:#ffffff;}

@media(max-width:900px){
  body.site-page-index .navbar,body.site-page-index .navbar.scrolled{min-height:76px !important;padding:0 16px !important;grid-template-columns:auto auto !important;background:#ffffff !important;}
  body.site-page-index .nav-logo{width:154px !important;height:76px !important;}
  body.site-page-index .nav-logo::after{display:none;}
  body.site-page-index .nav-logo img{width:150px !important;height:150px !important;max-width:none !important;max-height:none !important;}
  body.site-page-index .nav-links.open{top:76px !important;background:#ffffff !important;border-top:1px solid #deded9 !important;border-bottom:4px solid #cc1f1f !important;box-shadow:0 22px 44px rgba(0,0,0,.18) !important;}
  body.site-page-index .nav-links.open a,body.site-page-index .nav-links.open .nav-cta{color:#171717 !important;border-bottom:1px solid #e4e4e0 !important;}
  body.site-page-index .nav-links.open .nav-cta{color:#ffffff !important;}
  body.site-page-index .home-hero{padding-top:76px !important;width:100% !important;grid-template-columns:1fr !important;grid-template-rows:min(133vw,510px) auto auto !important;border-right:0;border-left:0;}
  body.site-page-index .home-hero-media{grid-row:1;}
  body.site-page-index .home-hero-media{border-right:0;border-bottom:7px solid #cc1f1f;}
  body.site-page-index .home-hero-copy{grid-row:2;padding:34px 24px 38px;}
  body.site-page-index .home-hero-copy h1{font-size:clamp(2.5rem,10vw,3.8rem);}
  body.site-page-index .hero-action-bar{grid-row:3;}
  body.site-page-index .shop-intro{padding:72px 22px 88px;}
  body.site-page-index .shop-intro-inner{grid-template-columns:1fr;gap:54px;}
  body.site-page-index .shop-intro-photo,body.site-page-index .shop-intro-photo img{min-height:0;height:min(130vw,620px);}
  body.site-page-index .shop-intro-photo{box-shadow:10px 10px 0 #171717;}
}
@media(max-width:620px){
  body.site-page-index .home-hero{min-height:auto !important;}
  body.site-page-index .home-hero-buttons{display:grid;grid-template-columns:1fr;}
  body.site-page-index .home-hero-buttons .btn{width:100%;justify-content:center;}
  body.site-page-index .hero-quick-stats{grid-template-columns:repeat(3,1fr) !important;}
  body.site-page-index .hero-quick-stat{border-bottom:0 !important;padding:16px 6px !important;}
  body.site-page-index .hero-quick-stat:nth-child(2){border-right:1px solid #deded9 !important;}
  body.site-page-index .hero-quick-stat:last-child{grid-column:auto !important;}
  body.site-page-index .hero-action-row{padding:14px !important;gap:8px !important;}
  body.site-page-index .hero-contact-cluster{grid-template-columns:1fr !important;width:100% !important;gap:8px;}
  body.site-page-index .hero-action-row .btn,body.site-page-index .hero-address-link,body.site-page-index .hero-phone-link{min-height:40px !important;padding:8px 10px !important;font-size:.7rem !important;}
  body.site-page-index .shop-intro{padding-left:18px;padding-right:18px;}
}
@media(max-width:390px){
  body.site-page-index .home-hero{min-height:auto !important;}
  body.site-page-index .home-hero-copy{padding:30px 18px 34px;}
  body.site-page-index .home-hero-copy h1{font-size:2.4rem;}
  body.site-page-index .home-hero-lead{font-size:.98rem;margin:16px 0 18px;}
  body.site-page-index .hero-contact-cluster,body.site-page-index .hero-cta-cluster{grid-template-columns:1fr;}
}

/* Classes generated from former inline style attributes. */
body.site-page-index .index-utility-1{margin:0;}
body.site-page-index .index-utility-2{display:none;}
body.site-page-index .index-utility-3{margin:0 auto;}
body.site-page-index .index-utility-4{margin-top:4rem;}
body.site-page-index .index-utility-5{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--red);margin-bottom:0.3rem;}
body.site-page-index .index-utility-6{font-family:'Oswald',sans-serif;font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--white);}
body.site-page-index .index-utility-7{color:var(--gray);font-size:0.95rem;margin-top:0.3rem;font-style:italic;}
body.site-page-index .index-utility-8{margin-top:5rem;}
body.site-page-index .index-utility-9{display:flex;align-items:center;gap:10px;cursor:pointer;}
body.site-page-index .index-utility-10{height:48px;width:auto;}
body.site-page-index .index-utility-11{font-style:normal;}
body.site-page-index .index-utility-12{margin-top:0.8rem;font-size:0.8rem;color:var(--gray);line-height:1.6;}
body.site-page-index .index-utility-13{font-size:0.8rem;}
body.site-page-index .index-utility-14{color:var(--red);text-decoration:none;}
body.site-page-index .index-utility-15{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:2px;color:var(--red);margin-bottom:0.3rem;}
body.site-page-index .index-utility-16{font-family:'Oswald',sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;}
body.site-page-index .index-utility-17{width:100%;justify-content:center;}


/* ==========================================================================
   Booking page — scoped to body.site-page-booking
   ========================================================================== */
/* Booking page layout and form styles. */
:root {
  --black: #0a0a0a;
  --dark: #111111;
  --card: #161616;
  --border: #222222;
  --red: #cc1f1f;
  --red-light: #e83333;
  --red-dark: #9a1515;
  --white: #f5f5f5;
  --gray: #888888;
  --light-gray: #cccccc;
}
body.site-page-booking *{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.site-page-booking{font-family:'Crimson Pro',serif;background:var(--black);color:var(--white);overflow-x:hidden;}

body.site-page-booking ::-webkit-scrollbar{width:4px;}
body.site-page-booking ::-webkit-scrollbar-track{background:var(--black);}
body.site-page-booking ::-webkit-scrollbar-thumb{background:var(--red);}

body.site-page-booking .navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 3rem;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,10,0.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(204,31,31,0.2);transition:all 0.3s;}
body.site-page-booking .navbar.scrolled{padding:0.7rem 3rem;border-bottom-color:rgba(204,31,31,0.4);}
body.site-page-booking .nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer;}
body.site-page-booking .logo-text{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;color:var(--white);}
body.site-page-booking .logo-text span{color:var(--red);}
body.site-page-booking .nav-links{display:flex;gap:2.5rem;list-style:none;align-items:center;}
body.site-page-booking .nav-links a{color:var(--light-gray);text-decoration:none;font-family:'Oswald',sans-serif;font-size:0.85rem;letter-spacing:2px;text-transform:uppercase;font-weight:400;transition:color 0.3s;position:relative;}
body.site-page-booking .nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--red);transition:width 0.3s;}
body.site-page-booking .nav-links a:hover{color:var(--white);}
body.site-page-booking .nav-links a:hover::after{width:100%;}
body.site-page-booking .nav-cta{background:var(--red)!important;color:white!important;padding:0.5rem 1.5rem;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:2px;font-size:0.8rem;border:none;cursor:pointer;text-transform:uppercase;transition:all 0.3s;text-decoration:none;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
body.site-page-booking .nav-cta:hover{background:var(--red-light)!important;transform:translateY(-2px);}
body.site-page-booking .nav-cta::after{display:none!important;}
body.site-page-booking .menu-btn{display:none;background:none;border:none;color:var(--white);font-size:1.4rem;cursor:pointer;}

body.site-page-booking .btn{display:inline-flex;align-items:center;gap:8px;padding:0.9rem 2rem;font-family:'Oswald',sans-serif;font-weight:500;font-size:0.85rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;text-decoration:none;transition:all 0.3s;}
body.site-page-booking .btn-red{background:var(--red);color:white;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);}
body.site-page-booking .btn-red:hover{background:var(--red-light);transform:translateY(-3px);}
body.site-page-booking .btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.2);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);}
body.site-page-booking .btn-outline:hover{border-color:var(--red);color:var(--red);}

body.site-page-booking .booking-hero{padding:140px 3rem 60px;background:var(--dark);position:relative;overflow:hidden;}
body.site-page-booking .booking-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--red),transparent);}
body.site-page-booking .booking-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(204,31,31,0.06) 0%,transparent 50%);pointer-events:none;}
body.site-page-booking .booking-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(204,31,31,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(204,31,31,0.05) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 50% 0%,black 20%,transparent 70%);}
body.site-page-booking .booking-hero-inner{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1;}
body.site-page-booking .booking-hero-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:1.2rem;justify-content:center;}
body.site-page-booking .booking-hero-tag span{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--red);}
body.site-page-booking .booking-hero-tag::before,body.site-page-booking .booking-hero-tag::after{content:'';width:40px;height:1px;background:var(--red);}
body.site-page-booking .booking-hero h1{font-family:'Oswald',sans-serif;font-size:clamp(2.8rem,5vw,4.5rem);font-weight:700;text-transform:uppercase;letter-spacing:1px;line-height:1;margin-bottom:1rem;}
body.site-page-booking .booking-hero h1 span{color:var(--red);}
body.site-page-booking .booking-hero p{font-size:1.1rem;color:var(--gray);line-height:1.8;font-style:italic;max-width:580px;margin:0 auto;}

body.site-page-booking .booking-section{padding:60px 3rem 100px;background:var(--black);position:relative;}
body.site-page-booking .booking-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(204,31,31,0.3),transparent);}
body.site-page-booking .booking-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;align-items:start;}

body.site-page-booking .booking-sidebar{}
body.site-page-booking .sidebar-block{margin-bottom:2.5rem;}
body.site-page-booking .sidebar-label{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--red);margin-bottom:1rem;display:flex;align-items:center;gap:8px;}
body.site-page-booking .sidebar-label::after{content:'';flex:1;height:1px;background:rgba(204,31,31,0.2);}
body.site-page-booking .contact-row{display:flex;align-items:center;gap:12px;padding:0.8rem 0;border-bottom:1px solid var(--border);}
body.site-page-booking .contact-row:last-child{border-bottom:none;}
body.site-page-booking .contact-icon{width:36px;height:36px;background:rgba(204,31,31,0.1);border:1px solid rgba(204,31,31,0.2);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:0.85rem;flex-shrink:0;}
body.site-page-booking .contact-label{font-family:'Oswald',sans-serif;font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:2px;}
body.site-page-booking .contact-val{color:var(--white);font-size:0.95rem;}
body.site-page-booking .contact-val a{color:var(--white);text-decoration:none;transition:color 0.2s;}
body.site-page-booking .contact-val a:hover{color:var(--red);}
body.site-page-booking .hours-row{display:flex;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid rgba(255,255,255,0.05);font-size:0.9rem;}
body.site-page-booking .hours-row:last-child{border-bottom:none;}
body.site-page-booking .hours-row .day{color:var(--gray);}
body.site-page-booking .hours-row .time{color:var(--white);}
body.site-page-booking .policy-note{background:rgba(204,31,31,0.06);border:1px solid rgba(204,31,31,0.15);border-left:3px solid var(--red);padding:1rem 1.2rem;font-size:0.88rem;color:var(--gray);line-height:1.7;}
body.site-page-booking .policy-note strong{color:var(--light-gray);}

body.site-page-booking .booking-form-card{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--red);position:relative;}
body.site-page-booking .booking-form-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(204,31,31,0.03) 0%,transparent 30%);pointer-events:none;}
body.site-page-booking .form-header{padding:2rem 2rem 0;border-bottom:1px solid var(--border);padding-bottom:1.5rem;}
body.site-page-booking .step-label{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:2px;color:var(--red);margin-bottom:0.3rem;}
body.site-page-booking .step-title{font-family:'Oswald',sans-serif;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;}

body.site-page-booking .book-progress{height:3px;background:rgba(255,255,255,0.08);margin:1.5rem 2rem 0;border-radius:2px;}
body.site-page-booking .book-progress-bar{height:100%;background:var(--red);border-radius:2px;transition:width 0.4s ease;}

body.site-page-booking .form-body{padding:1.5rem 2rem 2rem;}

body.site-page-booking .form-group{margin-bottom:1.2rem;}
body.site-page-booking .form-label{display:block;font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:0.5rem;}
body.site-page-booking .form-input,body.site-page-booking .form-select,body.site-page-booking .form-textarea{width:100%;background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--white);font-family:'Crimson Pro',serif;font-size:1rem;padding:0.8rem 1rem;outline:none;transition:border-color 0.3s;}
body.site-page-booking .form-input:focus,body.site-page-booking .form-select:focus,body.site-page-booking .form-textarea:focus{border-color:var(--red);}
body.site-page-booking .form-input::placeholder,body.site-page-booking .form-textarea::placeholder{color:rgba(255,255,255,0.2);}
body.site-page-booking .form-select option{background:var(--dark);}
body.site-page-booking .form-textarea{resize:vertical;min-height:100px;}
body.site-page-booking .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
body.site-page-booking .form-success{text-align:center;padding:2.5rem 1rem;color:var(--red);}
body.site-page-booking .form-success i{font-size:3rem;display:block;margin-bottom:1rem;}
body.site-page-booking .form-success p{color:var(--light-gray);font-size:1.1rem;line-height:1.7;}
body.site-page-booking .form-success .appt-details{margin:1.5rem auto 0;background:rgba(204,31,31,0.08);border:1px solid rgba(204,31,31,0.2);padding:1rem 1.5rem;max-width:380px;font-size:1rem;color:var(--white);}

body.site-page-booking .cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
body.site-page-booking .cal-nav-btn{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:var(--white);width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
body.site-page-booking .cal-nav-btn:hover{border-color:var(--red);color:var(--red);}
body.site-page-booking .cal-month-label{font-family:'Oswald',sans-serif;font-size:1.1rem;letter-spacing:2px;text-transform:uppercase;color:var(--white);}

body.site-page-booking .cal-grid-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:0.4rem;}
body.site-page-booking .cal-grid-header span{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:1px;color:var(--gray);padding:4px 0;}
body.site-page-booking .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:1.2rem;}
body.site-page-booking .cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:0.85rem;cursor:pointer;border:1px solid transparent;transition:all 0.2s;border-radius:2px;color:var(--light-gray);}
body.site-page-booking .cal-day:hover:not(.cal-day-disabled):not(.cal-day-empty){border-color:var(--red);color:var(--red);}
body.site-page-booking .cal-day-today{border-color:rgba(255,255,255,0.2);color:var(--white);}
body.site-page-booking .cal-day-selected{background:var(--red);color:white!important;border-color:var(--red)!important;}
body.site-page-booking .cal-day-disabled{color:rgba(255,255,255,0.15);cursor:default;pointer-events:none;}
body.site-page-booking .cal-day-empty{cursor:default;pointer-events:none;}

body.site-page-booking .cal-time-title{font-family:'DM Mono',monospace;font-size:0.75rem;letter-spacing:2px;color:var(--red);text-transform:uppercase;margin-bottom:0.8rem;}
body.site-page-booking .cal-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1.5rem;}
body.site-page-booking .cal-time-slot{padding:0.55rem 0.3rem;text-align:center;font-family:'DM Mono',monospace;font-size:0.78rem;border:1px solid rgba(255,255,255,0.12);color:var(--light-gray);cursor:pointer;transition:all 0.2s;background:transparent;}
body.site-page-booking .cal-time-slot:hover:not(.cal-time-booked){border-color:var(--red);color:var(--red);}
body.site-page-booking .cal-time-slot.cal-time-selected{background:var(--red);border-color:var(--red);color:white;}
body.site-page-booking .cal-time-slot.cal-time-booked{color:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.06);cursor:not-allowed;text-decoration:line-through;}

body.site-page-booking .cal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:0.5rem;border-top:1px solid rgba(255,255,255,0.06);}

body.site-page-booking .footer{background:var(--dark);border-top:1px solid var(--border);padding:60px 3rem 30px;}
body.site-page-booking .footer-inner{max-width:1300px;margin:0 auto;}
body.site-page-booking .footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;}
body.site-page-booking .footer-brand p{color:var(--gray);font-size:0.95rem;line-height:1.8;margin-top:1rem;}
body.site-page-booking .footer-col-title{font-family:'Oswald',sans-serif;font-size:0.85rem;letter-spacing:3px;text-transform:uppercase;color:var(--white);margin-bottom:1.2rem;}
body.site-page-booking .footer-col ul{list-style:none;}
body.site-page-booking .footer-col ul li{margin-bottom:0.7rem;}
body.site-page-booking .footer-col ul li a{color:var(--gray);text-decoration:none;font-size:0.95rem;transition:color 0.2s;}
body.site-page-booking .footer-col ul li a:hover{color:var(--red);}
body.site-page-booking .footer-bottom{border-top:1px solid var(--border);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;color:var(--gray);font-size:0.85rem;}

body.site-page-booking .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

@media(max-width:900px){
  body.site-page-booking .booking-inner{grid-template-columns:1fr;gap:2.5rem;}
  body.site-page-booking .booking-sidebar{order:2;}
  body.site-page-booking .booking-form-card{order:1;}
}
@media(max-width:768px){
  body.site-page-booking .navbar{padding:1rem 1.5rem;}
  body.site-page-booking .nav-links{display:none;}
  body.site-page-booking .menu-btn{display:block;}
  body.site-page-booking .nav-links.open{display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;background:rgba(10,10,10,0.98);padding:2rem;gap:1.5rem;border-bottom:1px solid var(--border);}
  body.site-page-booking .booking-hero{padding:120px 1.5rem 50px;}
  body.site-page-booking .booking-section{padding:40px 1.5rem 80px;}
  body.site-page-booking .form-row{grid-template-columns:1fr;}
  body.site-page-booking .footer-top{grid-template-columns:1fr 1fr;}
  body.site-page-booking .footer-bottom{flex-direction:column;gap:1rem;text-align:center;}
  body.site-page-booking .cal-time-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:480px){
  body.site-page-booking .footer-top{grid-template-columns:1fr;}
  body.site-page-booking .cal-time-grid{grid-template-columns:repeat(2,1fr);}
}


/* ===== PUBLIC SITE NAV REFRESH — PEP BOYS INSPIRED ===== */
body.site-page-booking .navbar{min-height:86px !important;padding:0 2.8rem !important;background:#ffffff !important;border-bottom:4px solid var(--red) !important;box-shadow:0 10px 30px rgba(0,0,0,.18) !important;backdrop-filter:none !important;gap:24px !important;}
body.site-page-booking .navbar.scrolled{padding:0 2.8rem !important;border-bottom-color:var(--red) !important;}
body.site-page-booking .nav-logo{align-self:stretch !important;min-width:210px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 22px !important;background:#070707 !important;border-right:4px solid var(--red) !important;}
body.site-page-booking .nav-logo img{height:74px !important;width:auto !important;max-width:180px !important;object-fit:contain !important;}
body.site-page-booking .nav-links{flex:1 !important;justify-content:center !important;gap:0 !important;background:#050505 !important;border:1px solid rgba(0,0,0,.88) !important;border-radius:0 !important;overflow:hidden !important;box-shadow:0 10px 22px rgba(0,0,0,.12) !important;}
body.site-page-booking .nav-links li{display:flex !important;}
body.site-page-booking .nav-links a{min-height:58px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 28px !important;color:#ffffff !important;font-size:1rem !important;letter-spacing:1.4px !important;font-weight:700 !important;border-left:1px solid rgba(255,255,255,.22) !important;white-space:nowrap !important;}
body.site-page-booking .nav-links li:first-child a{border-left:none !important;}
body.site-page-booking .nav-links a::after{display:none !important;}
body.site-page-booking .nav-links a:hover{background:#191919 !important;color:#ffffff !important;}
body.site-page-booking .nav-links .nav-cta,body.site-page-booking .nav-cta{min-height:58px !important;clip-path:none !important;background:linear-gradient(180deg,var(--red-light),var(--red)) !important;color:#ffffff !important;box-shadow:none !important;}
body.site-page-booking .menu-btn{color:#111111 !important;border:1px solid rgba(0,0,0,.15) !important;width:46px !important;height:46px !important;border-radius:8px !important;align-items:center !important;justify-content:center !important;}
@media(max-width:1100px){body.site-page-booking .navbar{padding:0 1.5rem !important;}body.site-page-booking .nav-logo{min-width:170px !important;padding:0 14px !important;}body.site-page-booking .nav-logo img{height:64px !important;max-width:150px !important;}body.site-page-booking .nav-links a{padding:0 16px !important;font-size:.88rem !important;letter-spacing:1px !important;}}
@media(max-width:900px){body.site-page-booking .navbar{min-height:76px !important;padding:.6rem 1rem !important;}body.site-page-booking .nav-logo{min-width:auto !important;align-self:auto !important;height:58px !important;border-right:none !important;border-radius:8px !important;}body.site-page-booking .nav-logo img{height:52px !important;}body.site-page-booking .menu-btn{display:flex !important;}body.site-page-booking .nav-links.open{display:flex !important;flex-direction:column !important;position:fixed !important;top:76px !important;left:0 !important;right:0 !important;background:#ffffff !important;padding:12px !important;gap:8px !important;border-bottom:4px solid var(--red) !important;box-shadow:0 18px 35px rgba(0,0,0,.18) !important;}body.site-page-booking .nav-links.open li{width:100% !important;}body.site-page-booking .nav-links.open a{width:100% !important;min-height:50px !important;border-left:none !important;border-radius:8px !important;background:#050505 !important;}body.site-page-booking .nav-links.open .nav-cta{background:linear-gradient(180deg,var(--red-light),var(--red)) !important;}}



/* ===== PROFESSIONAL HEADER / NAV POLISH ===== */
body.site-page-booking .navbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  z-index:1000 !important;
  min-height:88px !important;
  padding:10px clamp(18px,3vw,48px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:24px !important;
  background:#f7f7f7 !important;
  border-bottom:4px solid var(--red) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.18) !important;
  backdrop-filter:none !important;
}
body.site-page-booking .navbar.scrolled{
  min-height:88px !important;
  padding:10px clamp(18px,3vw,48px) !important;
  background:#f7f7f7 !important;
  border-bottom:4px solid var(--red) !important;
}
body.site-page-booking .nav-logo{
  flex:0 0 178px !important;
  height:68px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 16px !important;
  background:#050505 !important;
  border:1px solid rgba(204,31,31,.28) !important;
  border-radius:0 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
  text-decoration:none !important;
}
body.site-page-booking .nav-logo img{
  display:block !important;
  height:auto !important;
  max-height:56px !important;
  width:auto !important;
  max-width:148px !important;
  object-fit:contain !important;
}
body.site-page-booking .nav-links{
  flex:1 1 auto !important;
  max-width:990px !important;
  min-height:58px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:0 !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#050505 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
}
body.site-page-booking .nav-links li{
  display:flex !important;
  min-width:0 !important;
}
body.site-page-booking .nav-links a{
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 clamp(18px,2vw,31px) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-family:'Oswald',sans-serif !important;
  font-size:clamp(.86rem,1.05vw,1rem) !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  border-left:1px solid rgba(255,255,255,.22) !important;
  border-radius:0 !important;
  background:transparent !important;
  transition:background .2s ease,color .2s ease,transform .2s ease !important;
  white-space:nowrap !important;
}
body.site-page-booking .nav-links li:first-child a{border-left:none !important;}
body.site-page-booking .nav-links a::after{display:none !important;}
body.site-page-booking .nav-links a:hover,
body.site-page-booking .nav-links a.current{
  background:#171717 !important;
  color:#fff !important;
}
body.site-page-booking .nav-links .nav-cta{
  background:linear-gradient(180deg,var(--red-light),var(--red)) !important;
  color:#fff !important;
  min-width:152px !important;
  box-shadow:none !important;
  clip-path:none !important;
}
body.site-page-booking .nav-links .nav-cta:hover{
  background:linear-gradient(180deg,#ff3c3c,var(--red-dark)) !important;
  color:#fff !important;
  transform:none !important;
}
body.site-page-booking .menu-btn{
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  width:48px !important;
  height:48px !important;
  background:#050505 !important;
  border:1px solid rgba(204,31,31,.36) !important;
  color:#fff !important;
  border-radius:0 !important;
}
@media(max-width:1180px){
  body.site-page-booking .navbar{gap:16px !important;padding:10px 18px !important;}
  body.site-page-booking .nav-logo{flex-basis:154px !important;}
  body.site-page-booking .nav-logo img{max-height:50px !important;max-width:126px !important;}
  body.site-page-booking .nav-links a{padding:0 16px !important;letter-spacing:1.45px !important;font-size:.82rem !important;}
  body.site-page-booking .nav-links .nav-cta{min-width:130px !important;}
}
@media(max-width:900px){
  body.site-page-booking .navbar{
    min-height:76px !important;
    padding:9px 14px !important;
    justify-content:space-between !important;
    gap:12px !important;
  }
  body.site-page-booking .navbar.scrolled{min-height:76px !important;padding:9px 14px !important;}
  body.site-page-booking .nav-logo{
    flex:0 0 142px !important;
    width:142px !important;
    height:56px !important;
    padding:5px 12px !important;
  }
  body.site-page-booking .nav-logo img{max-height:46px !important;max-width:118px !important;}
  body.site-page-booking .menu-btn{display:flex !important;}
  body.site-page-booking .nav-links{display:none !important;}
  body.site-page-booking .nav-links.open{
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    top:76px !important;
    left:0 !important;
    right:0 !important;
    max-width:none !important;
    min-height:0 !important;
    padding:12px !important;
    gap:8px !important;
    background:#f7f7f7 !important;
    border:0 !important;
    border-bottom:4px solid var(--red) !important;
    box-shadow:0 22px 36px rgba(0,0,0,.24) !important;
  }
  body.site-page-booking .nav-links.open li{width:100% !important;display:block !important;}
  body.site-page-booking .nav-links.open a{
    width:100% !important;
    min-height:50px !important;
    justify-content:center !important;
    border-left:none !important;
    border:1px solid rgba(255,255,255,.1) !important;
    background:#050505 !important;
    color:#fff !important;
    border-radius:0 !important;
  }
  body.site-page-booking .nav-links.open .nav-cta{background:linear-gradient(180deg,var(--red-light),var(--red)) !important;}
}
@media(max-width:520px){
  body.site-page-booking .navbar{min-height:70px !important;padding:7px 10px !important;}
  body.site-page-booking .navbar.scrolled{min-height:70px !important;padding:7px 10px !important;}
  body.site-page-booking .nav-logo{flex-basis:126px !important;width:126px !important;height:52px !important;}
  body.site-page-booking .nav-logo img{max-height:42px !important;max-width:106px !important;}
  body.site-page-booking .nav-links.open{top:70px !important;}
}



/* ==========================================================
   CR8 AUTOS — PROFESSIONAL BLACK HEADER / CENTERED NAV UPDATE
   Header polish only. Content, forms, SEO, and page sections untouched.
   ========================================================== */
body.site-page-booking .navbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  min-height:86px !important;
  padding:0 34px !important;
  display:grid !important;
  grid-template-columns:190px minmax(0,1fr) 190px !important;
  align-items:center !important;
  background:#000000 !important;
  background-color:#000000 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-bottom:1px solid rgba(204,31,31,.55) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.62) !important;
  transition:min-height .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
body.site-page-booking .navbar::after{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-2px !important;
  height:2px !important;
  background:linear-gradient(90deg,transparent 0%,rgba(204,31,31,.35) 20%,rgba(232,51,51,.95) 50%,rgba(204,31,31,.35) 80%,transparent 100%) !important;
  pointer-events:none !important;
}
body.site-page-booking .navbar.scrolled{
  min-height:76px !important;
  padding:0 34px !important;
  background:#000000 !important;
  border-bottom-color:rgba(204,31,31,.72) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.72) !important;
}
body.site-page-booking .nav-logo{
  grid-column:1 !important;
  justify-self:start !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:72px !important;
  min-width:0 !important;
  padding:0 !important;
  gap:0 !important;
  background:transparent !important;
  border:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
  text-decoration:none !important;
}
body.site-page-booking .nav-logo img{
  display:block !important;
  height:64px !important;
  max-height:64px !important;
  width:auto !important;
  max-width:168px !important;
  object-fit:contain !important;
}
body.site-page-booking .nav-links{
  grid-column:2 !important;
  justify-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
body.site-page-booking .nav-links li{display:flex !important;align-items:center !important;}
body.site-page-booking .nav-links a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 17px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.025) !important;
  color:rgba(245,245,245,.88) !important;
  font-family:'Oswald',sans-serif !important;
  font-size:.78rem !important;
  font-weight:600 !important;
  letter-spacing:1.35px !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  clip-path:none !important;
  transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease !important;
}
body.site-page-booking .nav-links a::after{display:none !important;content:none !important;}
body.site-page-booking .nav-links a:hover,
body.site-page-booking .nav-links a.current{
  color:#ffffff !important;
  border-color:rgba(232,51,51,.78) !important;
  background:rgba(204,31,31,.16) !important;
  box-shadow:0 0 0 1px rgba(204,31,31,.18),0 8px 22px rgba(204,31,31,.14) !important;
  transform:translateY(-1px) !important;
}
body.site-page-booking .nav-cta{
  border:1px solid rgba(232,51,51,.95) !important;
  background:linear-gradient(180deg,rgba(204,31,31,.95),rgba(154,21,21,.95)) !important;
  color:#ffffff !important;
  box-shadow:0 9px 22px rgba(204,31,31,.22) !important;
}
body.site-page-booking .nav-cta:hover{
  background:linear-gradient(180deg,#e83333,#cc1f1f) !important;
  color:#ffffff !important;
  border-color:#ff4a4a !important;
  transform:translateY(-1px) !important;
}
body.site-page-booking .menu-btn{
  grid-column:3 !important;
  justify-self:end !important;
  width:46px !important;
  height:42px !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  background:#000000 !important;
  border:1px solid rgba(204,31,31,.65) !important;
  border-radius:999px !important;
  color:#ffffff !important;
  font-size:1.05rem !important;
  cursor:pointer !important;
}
body.site-page-booking .menu-btn:hover{background:rgba(204,31,31,.14) !important;border-color:var(--red-light) !important;}

@media(max-width:1180px){
  body.site-page-booking .navbar{grid-template-columns:170px minmax(0,1fr) 80px !important;padding:0 22px !important;}
  body.site-page-booking .navbar.scrolled{padding:0 22px !important;}
  body.site-page-booking .nav-logo img{height:58px !important;max-height:58px !important;max-width:146px !important;}
  body.site-page-booking .nav-links{gap:7px !important;}
  body.site-page-booking .nav-links a{min-height:40px !important;padding:0 12px !important;font-size:.72rem !important;letter-spacing:1px !important;}
}
@media(max-width:900px){
  body.site-page-booking .navbar,
  body.site-page-booking .navbar.scrolled{
    min-height:76px !important;
    padding:0 16px !important;
    display:grid !important;
    grid-template-columns:auto auto !important;
    justify-content:space-between !important;
    background:#000000 !important;
    border-bottom:1px solid rgba(204,31,31,.65) !important;
  }
  body.site-page-booking .nav-logo{grid-column:1 !important;height:64px !important;justify-self:start !important;}
  body.site-page-booking .nav-logo img{height:54px !important;max-height:54px !important;max-width:138px !important;}
  body.site-page-booking .menu-btn{grid-column:2 !important;display:flex !important;}
  body.site-page-booking .nav-links{display:none !important;}
  body.site-page-booking .nav-links.open{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    position:fixed !important;
    top:76px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-height:calc(100vh - 76px) !important;
    overflow:auto !important;
    padding:16px !important;
    gap:10px !important;
    background:#000000 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-bottom:2px solid rgba(204,31,31,.88) !important;
    box-shadow:0 22px 44px rgba(0,0,0,.72) !important;
  }
  body.site-page-booking .nav-links.open li{width:100% !important;display:block !important;}
  body.site-page-booking .nav-links.open a{
    width:100% !important;
    min-height:52px !important;
    padding:0 18px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:#050505 !important;
    color:#ffffff !important;
    font-size:.86rem !important;
    letter-spacing:1.4px !important;
  }
  body.site-page-booking .nav-links.open a:hover,
  body.site-page-booking .nav-links.open a.current{background:rgba(204,31,31,.18) !important;border-color:rgba(232,51,51,.82) !important;}
  body.site-page-booking .nav-links.open .nav-cta{background:linear-gradient(180deg,var(--red-light),var(--red)) !important;border-color:var(--red-light) !important;}
}
@media(max-width:480px){
  body.site-page-booking .navbar,
  body.site-page-booking .navbar.scrolled{min-height:72px !important;padding:0 12px !important;}
  body.site-page-booking .nav-logo{height:60px !important;}
  body.site-page-booking .nav-logo img{height:48px !important;max-height:48px !important;max-width:120px !important;}
  body.site-page-booking .menu-btn{width:42px !important;height:40px !important;}
  body.site-page-booking .nav-links.open{top:72px !important;max-height:calc(100vh - 72px) !important;padding:12px !important;}
}



/* ==========================================================
   CR8 AUTOS — FINAL NAV CLEANUP
   Removes boxed outlines around nav tabs and keeps Contact Us
   the same size/alignment as every other nav item.
   ========================================================== */
body.site-page-booking .nav-links{
  gap:18px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
body.site-page-booking .nav-links li{
  display:flex !important;
  align-items:center !important;
}
body.site-page-booking .nav-links a,
body.site-page-booking .nav-links .nav-cta,
body.site-page-booking .nav-cta{
  min-height:42px !important;
  height:42px !important;
  padding:0 15px !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  clip-path:none !important;
  color:rgba(245,245,245,.88) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}
body.site-page-booking .nav-links a::after,
body.site-page-booking .nav-links .nav-cta::after,
body.site-page-booking .nav-cta::after{
  content:'' !important;
  display:block !important;
  position:absolute !important;
  left:15px !important;
  right:15px !important;
  bottom:6px !important;
  width:auto !important;
  height:2px !important;
  background:var(--red) !important;
  transform:scaleX(0) !important;
  transform-origin:center !important;
  transition:transform .22s ease !important;
}
body.site-page-booking .nav-links a:hover,
body.site-page-booking .nav-links a.current,
body.site-page-booking .nav-links .nav-cta:hover,
body.site-page-booking .nav-cta:hover{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#ffffff !important;
  transform:none !important;
}
body.site-page-booking .nav-links a:hover::after,
body.site-page-booking .nav-links a.current::after,
body.site-page-booking .nav-links .nav-cta:hover::after,
body.site-page-booking .nav-cta:hover::after{
  transform:scaleX(1) !important;
}
body.site-page-booking .nav-links .nav-cta,
body.site-page-booking .nav-cta{
  font-size:.78rem !important;
  font-weight:600 !important;
  letter-spacing:1.35px !important;
  min-width:auto !important;
  color:#ffffff !important;
}
body.site-page-booking .nav-links .nav-cta::before,
body.site-page-booking .nav-cta::before{
  content:'' !important;
  position:absolute !important;
  inset:5px 4px !important;
  background:rgba(204,31,31,.92) !important;
  z-index:-1 !important;
  transform:skewX(-10deg) !important;
  transition:background .22s ease !important;
}
body.site-page-booking .nav-links .nav-cta:hover::before,
body.site-page-booking .nav-cta:hover::before{
  background:var(--red-light) !important;
}
@media(max-width:1180px){
  body.site-page-booking .nav-links{gap:10px !important;}
  body.site-page-booking .nav-links a,
  body.site-page-booking .nav-links .nav-cta,
  body.site-page-booking .nav-cta{height:40px !important;min-height:40px !important;padding:0 11px !important;font-size:.72rem !important;letter-spacing:1px !important;}
  body.site-page-booking .nav-links a::after,body.site-page-booking .nav-links .nav-cta::after,body.site-page-booking .nav-cta::after{left:11px !important;right:11px !important;bottom:5px !important;}
}
@media(max-width:900px){
  body.site-page-booking .nav-links.open{
    gap:6px !important;
    background:#000000 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-bottom:2px solid rgba(204,31,31,.88) !important;
    box-shadow:0 22px 44px rgba(0,0,0,.72) !important;
  }
  body.site-page-booking .nav-links.open a,
  body.site-page-booking .nav-links.open .nav-cta,
  body.site-page-booking .nav-links.open .nav-cta:hover{
    width:100% !important;
    min-height:50px !important;
    height:50px !important;
    padding:0 18px !important;
    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#ffffff !important;
  }
  body.site-page-booking .nav-links.open .nav-cta::before{inset:7px 12px !important;}
}

/* Classes generated from former inline style attributes. */
body.site-page-booking .booking-utility-1{color:var(--red);}
body.site-page-booking .booking-utility-2{color:var(--gray);font-size:0.9rem;line-height:1.8;}
body.site-page-booking .booking-utility-3{width:50%}
body.site-page-booking .booking-utility-4{width:100%;justify-content:center;}
body.site-page-booking .booking-utility-5{margin-left:8px;}
body.site-page-booking .booking-utility-6{display:none;}
body.site-page-booking .booking-utility-7{padding:0.6rem 1.5rem;}
body.site-page-booking .booking-utility-8{padding:0.6rem 1.5rem;display:none;}
body.site-page-booking .booking-utility-9{margin-top:2rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
body.site-page-booking .booking-utility-10{display:flex;align-items:center;gap:10px;}
body.site-page-booking .booking-utility-11{height:48px;width:auto;}
body.site-page-booking .booking-utility-12{font-style:normal;}
body.site-page-booking .booking-utility-13{font-size:0.8rem;}
body.site-page-booking .booking-utility-14{color:var(--red);text-decoration:none;}


/* ==========================================================================
   Why Us page — scoped to body.site-page-whyus
   ========================================================================== */
/* Why CR8 Autos page styles. */
:root {
  --black: #0a0a0a;
  --dark: #111111;
  --card: #161616;
  --border: #222222;
  --red: #cc1f1f;
  --red-light: #e83333;
  --red-dark: #9a1515;
  --white: #f5f5f5;
  --gray: #888888;
  --light-gray: #cccccc;
}
body.site-page-whyus *{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.site-page-whyus{font-family:'Crimson Pro',serif;background:var(--black);color:var(--white);overflow-x:hidden;}

/* ===== SCROLLBAR ===== */
body.site-page-whyus ::-webkit-scrollbar{width:4px;}
body.site-page-whyus ::-webkit-scrollbar-track{background:var(--black);}
body.site-page-whyus ::-webkit-scrollbar-thumb{background:var(--red);}

/* ===== NAVBAR ===== */
body.site-page-whyus .navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 3rem;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,10,0.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(204,31,31,0.2);transition:all 0.3s;}
body.site-page-whyus .navbar.scrolled{padding:0.7rem 3rem;border-bottom-color:rgba(204,31,31,0.4);}
body.site-page-whyus .nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer;}
body.site-page-whyus .logo-circle{width:48px;height:48px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-weight:700;font-size:14px;color:white;letter-spacing:1px;flex-shrink:0;position:relative;overflow:hidden;}
body.site-page-whyus .logo-circle::before{content:'';position:absolute;inset:2px;border-radius:50%;border:1px solid rgba(255,255,255,0.3);}
body.site-page-whyus .logo-text{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;color:var(--white);}
body.site-page-whyus .logo-text span{color:var(--red);}
body.site-page-whyus .nav-links{display:flex;gap:2.5rem;list-style:none;align-items:center;}
body.site-page-whyus .nav-links a{color:var(--light-gray);text-decoration:none;font-family:'Oswald',sans-serif;font-size:0.85rem;letter-spacing:2px;text-transform:uppercase;font-weight:400;transition:color 0.3s;position:relative;}
body.site-page-whyus .nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--red);transition:width 0.3s;}
body.site-page-whyus .nav-links a:hover{color:var(--white);}
body.site-page-whyus .nav-links a:hover::after{width:100%;}
body.site-page-whyus .nav-cta{background:var(--red)!important;color:white!important;padding:0.5rem 1.5rem;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:2px;font-size:0.8rem;border:none;cursor:pointer;text-transform:uppercase;transition:all 0.3s;text-decoration:none;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
body.site-page-whyus .nav-cta:hover{background:var(--red-light)!important;transform:translateY(-2px);}
body.site-page-whyus .nav-cta::after{display:none!important;}
body.site-page-whyus .menu-btn{display:none;background:none;border:none;color:var(--white);font-size:1.4rem;cursor:pointer;}

/* ===== PAGES ===== */
body.site-page-whyus .page{display:none;min-height:100vh;}
body.site-page-whyus .page.active{display:block;}

/* ===== HERO ===== */
body.site-page-whyus .hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--black);}
body.site-page-whyus .hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(204,31,31,0.08) 0%,transparent 50%),linear-gradient(225deg,rgba(204,31,31,0.04) 0%,transparent 60%);}
body.site-page-whyus .hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(204,31,31,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(204,31,31,0.06) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 30% 50%,black 20%,transparent 70%);}
body.site-page-whyus .hero-stripe{position:absolute;top:0;right:0;width:45%;height:100%;background:linear-gradient(180deg,var(--dark) 0%,#0d0d0d 100%);clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);}
body.site-page-whyus .hero-stripe::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,var(--red),transparent);}
body.site-page-whyus .hero-inner{max-width:900px;margin:0 auto;padding:0 3rem;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding-top:80px;}
body.site-page-whyus .hero-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:1.5rem;justify-content:center;}
body.site-page-whyus .hero-tag span{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--red);}
body.site-page-whyus .hero-tag::before{content:'';width:40px;height:1px;background:var(--red);}
body.site-page-whyus .hero-title{font-family:'Oswald',sans-serif;font-size:clamp(3.5rem,6vw,5.5rem);font-weight:700;line-height:0.95;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;}
body.site-page-whyus .hero-title .line2{color:var(--red);display:block;}
body.site-page-whyus .hero-title .line3{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:300;color:var(--gray);letter-spacing:4px;display:block;margin-top:0.5rem;}
body.site-page-whyus .hero-sub{font-size:1.15rem;color:var(--gray);line-height:1.8;max-width:600px;margin-bottom:2.5rem;font-style:italic;}
body.site-page-whyus .hero-btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:3rem;}
body.site-page-whyus .btn{display:inline-flex;align-items:center;gap:8px;padding:0.9rem 2rem;font-family:'Oswald',sans-serif;font-weight:500;font-size:0.85rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;text-decoration:none;transition:all 0.3s;}
body.site-page-whyus .btn-red{background:var(--red);color:white;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);}
body.site-page-whyus .btn-red:hover{background:var(--red-light);transform:translateY(-3px);}
body.site-page-whyus .btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.2);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);}
body.site-page-whyus .btn-outline:hover{border-color:var(--red);color:var(--red);}
body.site-page-whyus .hero-stats{display:flex;gap:2.5rem;justify-content:center;}
body.site-page-whyus .hero-stat-num{font-family:'Oswald',sans-serif;font-size:2rem;font-weight:700;color:var(--red);}
body.site-page-whyus .hero-stat-label{font-size:0.85rem;color:var(--gray);letter-spacing:1px;}
body.site-page-whyus .hero-visual{position:relative;display:flex;align-items:center;justify-content:center;}
body.site-page-whyus .hero-logo-big{width:320px;height:320px;background:radial-gradient(circle,rgba(204,31,31,0.15) 0%,transparent 70%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;}
body.site-page-whyus .hero-logo-big::before{content:'';position:absolute;inset:20px;border-radius:50%;border:1px solid rgba(204,31,31,0.2);animation:rotateBorder 20s linear infinite;}
body.site-page-whyus .hero-logo-big::after{content:'';position:absolute;inset:40px;border-radius:50%;border:1px dashed rgba(204,31,31,0.1);animation:rotateBorder 15s linear infinite reverse;}
@keyframes rotateBorder{to{transform:rotate(360deg);}}
body.site-page-whyus .logo-center{text-align:center;}
body.site-page-whyus .logo-car{font-size:4rem;margin-bottom:0.5rem;filter:drop-shadow(0 0 20px rgba(204,31,31,0.5));}
body.site-page-whyus .logo-brand{font-family:'Oswald',sans-serif;font-weight:700;font-size:2.5rem;letter-spacing:4px;text-transform:uppercase;}
body.site-page-whyus .logo-brand span{color:var(--red);}
body.site-page-whyus .logo-tagline{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:4px;color:var(--gray);text-transform:uppercase;margin-top:0.3rem;}
body.site-page-whyus .hero-address{display:flex;align-items:center;gap:10px;color:var(--gray);font-size:0.9rem;margin-top:2rem;justify-content:center;}
body.site-page-whyus .hero-address i{color:var(--red);}

/* ===== SECTION COMMONS ===== */
body.site-page-whyus .section{padding:100px 3rem;}
body.site-page-whyus .section-inner{max-width:1300px;margin:0 auto;}
body.site-page-whyus .section-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:1rem;}
body.site-page-whyus .section-tag span{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--red);}
body.site-page-whyus .section-tag::before{content:'';width:30px;height:1px;background:var(--red);}
body.site-page-whyus .section-title{font-family:'Oswald',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;text-transform:uppercase;letter-spacing:1px;line-height:1;}
body.site-page-whyus .section-sub{color:var(--gray);font-size:1.1rem;line-height:1.8;margin-top:0.8rem;max-width:600px;font-style:italic;}

/* ===== SERVICES ===== */
body.site-page-whyus .services{background:var(--dark);}
body.site-page-whyus .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;margin-top:4rem;background:var(--border);}
body.site-page-whyus .service-card{background:var(--dark);padding:2.5rem;transition:all 0.3s;position:relative;overflow:hidden;cursor:default;}
body.site-page-whyus .service-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--red);transition:height 0.4s;}
body.site-page-whyus .service-card:hover{background:var(--card);}
body.site-page-whyus .service-card:hover::before{height:100%;}
body.site-page-whyus .service-num{font-family:'DM Mono',monospace;font-size:0.7rem;color:var(--red);letter-spacing:2px;margin-bottom:1rem;opacity:0.6;}
body.site-page-whyus .service-icon{font-size:2rem;margin-bottom:1rem;color:var(--red);}
body.site-page-whyus .service-name{font-family:'Oswald',sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:0.8rem;}
body.site-page-whyus .service-desc{color:var(--gray);font-size:0.95rem;line-height:1.7;}

/* ===== ESTIMATE SECTION ===== */
body.site-page-whyus .estimate-section{background:var(--black);position:relative;overflow:hidden;}
body.site-page-whyus .estimate-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);}
body.site-page-whyus .estimate-inner{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
body.site-page-whyus .estimate-text h2{font-family:'Oswald',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;text-transform:uppercase;line-height:1;margin-bottom:1rem;}
body.site-page-whyus .estimate-text h2 span{color:var(--red);}
body.site-page-whyus .estimate-text p{color:var(--gray);line-height:1.8;font-size:1.1rem;font-style:italic;margin-bottom:2rem;}
body.site-page-whyus .contact-info{margin-top:2rem;}
body.site-page-whyus .contact-row{display:flex;align-items:center;gap:14px;padding:1rem 0;border-bottom:1px solid var(--border);}
body.site-page-whyus .contact-row:last-child{border-bottom:none;}
body.site-page-whyus .contact-icon{width:40px;height:40px;background:rgba(204,31,31,0.1);border:1px solid rgba(204,31,31,0.2);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:0.9rem;flex-shrink:0;}
body.site-page-whyus .contact-label{font-family:'Oswald',sans-serif;font-size:0.75rem;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:2px;}
body.site-page-whyus .contact-val{color:var(--white);font-size:1rem;}
body.site-page-whyus .contact-val a{color:var(--white);text-decoration:none;}
body.site-page-whyus .contact-val a:hover{color:var(--red);}

/* ===== FORM CARD ===== */
body.site-page-whyus .form-card{background:var(--card);border:1px solid var(--border);padding:2.5rem;position:relative;}
body.site-page-whyus .form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--red-dark));}
body.site-page-whyus .form-title{font-family:'Oswald',sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border);}
body.site-page-whyus .form-group{margin-bottom:1.2rem;}
body.site-page-whyus .form-label{display:block;font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:0.5rem;}
body.site-page-whyus .form-input,body.site-page-whyus .form-select,body.site-page-whyus .form-textarea{width:100%;background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--white);font-family:'Crimson Pro',serif;font-size:1rem;padding:0.8rem 1rem;outline:none;transition:border-color 0.3s;}
body.site-page-whyus .form-input:focus,body.site-page-whyus .form-select:focus,body.site-page-whyus .form-textarea:focus{border-color:var(--red);}
body.site-page-whyus .form-input::placeholder,body.site-page-whyus .form-textarea::placeholder{color:rgba(255,255,255,0.2);}
body.site-page-whyus .form-select option{background:var(--dark);}
body.site-page-whyus .form-textarea{resize:vertical;min-height:120px;}
body.site-page-whyus .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
body.site-page-whyus .form-success{display:none;text-align:center;padding:2rem;color:var(--red);}
body.site-page-whyus .form-success i{font-size:2.5rem;display:block;margin-bottom:0.8rem;}
body.site-page-whyus .form-success p{color:var(--light-gray);font-size:1.1rem;}

/* ===== WHY US PAGE ===== */
body.site-page-whyus .why-hero{padding:140px 3rem 80px;background:var(--dark);position:relative;overflow:hidden;}
body.site-page-whyus .why-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);}
body.site-page-whyus .why-hero-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
body.site-page-whyus .mission-block{background:var(--black);border:1px solid var(--border);padding:3rem;position:relative;}
body.site-page-whyus .mission-block::before{content:'"';position:absolute;top:-20px;left:20px;font-family:'Oswald',sans-serif;font-size:6rem;color:var(--red);opacity:0.3;line-height:1;}
body.site-page-whyus .mission-text{font-size:1.3rem;line-height:1.8;color:var(--light-gray);font-style:italic;}
body.site-page-whyus .values-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:4rem;}
body.site-page-whyus .value-card{background:var(--card);border:1px solid var(--border);padding:2rem;position:relative;overflow:hidden;transition:all 0.3s;}
body.site-page-whyus .value-card:hover{border-color:rgba(204,31,31,0.4);transform:translateY(-4px);}
body.site-page-whyus .value-icon{font-size:1.8rem;color:var(--red);margin-bottom:1rem;}
body.site-page-whyus .value-name{font-family:'Oswald',sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:0.5rem;}
body.site-page-whyus .value-desc{color:var(--gray);font-size:0.95rem;line-height:1.6;}
body.site-page-whyus .story-section{padding:100px 3rem;background:var(--black);}
body.site-page-whyus .story-inner{max-width:900px;margin:0 auto;}
body.site-page-whyus .story-visual{position:sticky;top:120px;}
body.site-page-whyus .story-img-placeholder{background:var(--card);border:1px solid var(--border);aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
body.site-page-whyus .story-img-placeholder::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(204,31,31,0.1),transparent);}
body.site-page-whyus .story-icon{font-size:5rem;opacity:0.2;}
body.site-page-whyus .story-badge{position:absolute;bottom:2rem;left:2rem;right:2rem;background:rgba(10,10,10,0.9);border:1px solid var(--border);padding:1.2rem;border-left:3px solid var(--red);}
body.site-page-whyus .story-badge-title{font-family:'Oswald',sans-serif;font-size:1rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:0.3rem;}
body.site-page-whyus .story-badge-sub{color:var(--gray);font-size:0.85rem;}
body.site-page-whyus .story-content h3{font-family:'Oswald',sans-serif;font-size:2.5rem;font-weight:700;text-transform:uppercase;line-height:1;margin-bottom:2rem;}
body.site-page-whyus .story-content h3 span{color:var(--red);}
body.site-page-whyus .story-content p{color:var(--gray);font-size:1.1rem;line-height:1.9;margin-bottom:1.5rem;font-style:italic;}

/* ===== CAREERS PAGE ===== */
body.site-page-whyus .careers-hero{padding:140px 3rem 80px;background:var(--dark);position:relative;}
body.site-page-whyus .jobs-section{padding:80px 3rem;background:var(--black);}
body.site-page-whyus .jobs-inner{max-width:1300px;margin:0 auto;}
body.site-page-whyus .job-card{background:var(--card);border:1px solid var(--border);padding:2.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;transition:all 0.3s;cursor:pointer;}
body.site-page-whyus .job-card:hover{border-color:rgba(204,31,31,0.4);background:#1a1a1a;}
body.site-page-whyus .job-type{display:inline-flex;align-items:center;gap:6px;font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border:1px solid;margin-bottom:0.8rem;}
body.site-page-whyus .job-type.full{color:var(--red);border-color:rgba(204,31,31,0.4);}
body.site-page-whyus .job-type.part{color:#888;border-color:#333;}
body.site-page-whyus .job-title{font-family:'Oswald',sans-serif;font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:0.5rem;}
body.site-page-whyus .job-location{color:var(--gray);font-size:0.95rem;display:flex;align-items:center;gap:6px;}
body.site-page-whyus .job-location i{color:var(--red);}
body.site-page-whyus .job-perks{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap;}
body.site-page-whyus .perk{background:rgba(204,31,31,0.08);border:1px solid rgba(204,31,31,0.15);color:var(--light-gray);padding:4px 12px;font-size:0.8rem;font-family:'DM Mono',monospace;letter-spacing:1px;}

/* ===== APPLICATION MODAL ===== */
body.site-page-whyus .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.9);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity 0.3s;}
body.site-page-whyus .modal-overlay.active{opacity:1;pointer-events:all;}
body.site-page-whyus .modal{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--red);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;transform:translateY(20px);transition:transform 0.3s;scrollbar-width:thin;scrollbar-color:var(--red) transparent;}
body.site-page-whyus .modal-overlay.active .modal{transform:translateY(0);}
body.site-page-whyus .modal-header{padding:2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:start;position:sticky;top:0;background:var(--card);z-index:1;}
body.site-page-whyus .modal-close{background:none;border:1px solid var(--border);color:var(--gray);width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;font-size:1rem;}
body.site-page-whyus .modal-close:hover{border-color:var(--red);color:var(--red);}
body.site-page-whyus .modal-body{padding:2rem;}
body.site-page-whyus .radio-group{display:flex;gap:0.8rem;flex-wrap:wrap;}
body.site-page-whyus .radio-opt{flex:1;min-width:120px;}
body.site-page-whyus .radio-opt input{display:none;}
body.site-page-whyus .radio-opt label{display:block;padding:0.7rem;border:1px solid var(--border);text-align:center;cursor:pointer;font-family:'DM Mono',monospace;font-size:0.75rem;letter-spacing:1px;text-transform:uppercase;color:var(--gray);transition:all 0.2s;}
body.site-page-whyus .radio-opt input:checked+label{border-color:var(--red);color:var(--red);background:rgba(204,31,31,0.08);}

/* ===== ADMIN ===== */
body.site-page-whyus .badge{display:inline-block;padding:2px 8px;font-size:0.7rem;font-family:'DM Mono',monospace;letter-spacing:1px;text-transform:uppercase;}
body.site-page-whyus .badge-red{background:rgba(204,31,31,0.15);color:var(--red);border:1px solid rgba(204,31,31,0.3);}
body.site-page-whyus .badge-gray{background:rgba(255,255,255,0.05);color:var(--gray);border:1px solid var(--border);}
body.site-page-whyus .logout-btn{background:none;border:1px solid var(--border);color:var(--gray);padding:0.5rem 1rem;font-family:'Oswald',sans-serif;font-size:0.8rem;letter-spacing:1px;cursor:pointer;text-transform:uppercase;transition:all 0.2s;}
body.site-page-whyus .logout-btn:hover{border-color:var(--red);color:var(--red);}
body.site-page-whyus .empty-state{text-align:center;padding:4rem;color:var(--gray);}
body.site-page-whyus .empty-state i{font-size:3rem;color:var(--border);display:block;margin-bottom:1rem;}

/* ===== FOOTER ===== */
body.site-page-whyus .footer{background:var(--dark);border-top:1px solid var(--border);padding:60px 3rem 30px;}
body.site-page-whyus .footer-inner{max-width:1300px;margin:0 auto;}
body.site-page-whyus .footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;}
body.site-page-whyus .footer-brand p{color:var(--gray);font-size:0.95rem;line-height:1.8;margin-top:1rem;}
body.site-page-whyus .footer-col-title{font-family:'Oswald',sans-serif;font-size:0.85rem;letter-spacing:3px;text-transform:uppercase;color:var(--white);margin-bottom:1.2rem;}
body.site-page-whyus .footer-col ul{list-style:none;}
body.site-page-whyus .footer-col ul li{margin-bottom:0.7rem;}
body.site-page-whyus .footer-col ul li a{color:var(--gray);text-decoration:none;font-size:0.95rem;transition:color 0.2s;}
body.site-page-whyus .footer-col ul li a:hover{color:var(--red);}
body.site-page-whyus .footer-bottom{border-top:1px solid var(--border);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;color:var(--gray);font-size:0.85rem;}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  body.site-page-whyus .hero-inner,body.site-page-whyus .why-hero-inner,body.site-page-whyus .estimate-inner,body.site-page-whyus .story-inner{grid-template-columns:1fr;gap:3rem;}
  body.site-page-whyus .hero-stripe{display:none;}
  body.site-page-whyus .footer-top{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  body.site-page-whyus .navbar{padding:1rem 1.5rem;}
  body.site-page-whyus .nav-links{display:none;}
  body.site-page-whyus .menu-btn{display:block;}
  body.site-page-whyus .nav-links.open{display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;background:rgba(10,10,10,0.98);padding:2rem;gap:1.5rem;border-bottom:1px solid var(--border);}
  body.site-page-whyus .section{padding:70px 1.5rem;}
  body.site-page-whyus .form-row{grid-template-columns:1fr;}
  body.site-page-whyus .job-card{flex-direction:column;align-items:start;}
  body.site-page-whyus .values-grid{grid-template-columns:1fr;}
  body.site-page-whyus .footer-top{grid-template-columns:1fr;}
  body.site-page-whyus .footer-bottom{flex-direction:column;gap:1rem;text-align:center;}
}

/* ===== ANIMATIONS ===== */
body.site-page-whyus .fade-up{opacity:0;transform:translateY(30px);transition:opacity 0.7s,transform 0.7s;}
body.site-page-whyus .fade-up.visible{opacity:1;transform:none;}
body.site-page-whyus .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* Red diagonal accent bars (like logo) */
body.site-page-whyus .accent-bars{display:flex;gap:4px;align-items:center;}
body.site-page-whyus .acc{width:12px;height:18px;background:var(--red);clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);opacity:0.7;}
body.site-page-whyus .acc:nth-child(2){opacity:0.5;}
body.site-page-whyus .acc:nth-child(3){opacity:0.3;}

body.site-page-whyus .hero-address-block{display:flex;align-items:center;gap:12px;margin-top:2rem;justify-content:center;flex-wrap:wrap;}
body.site-page-whyus .hero-address-link{display:inline-flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;background:rgba(204,31,31,0.12);border:1px solid rgba(204,31,31,0.35);padding:0.7rem 1.4rem;font-size:1rem;font-family:'Oswald',sans-serif;letter-spacing:1px;transition:all 0.3s;}
body.site-page-whyus .hero-address-link:hover{background:rgba(204,31,31,0.22);border-color:var(--red);color:var(--white);}
body.site-page-whyus .hero-address-link i:first-child{color:var(--red);font-size:1rem;}
body.site-page-whyus .address-open-maps{font-size:0.75rem;color:var(--red);letter-spacing:1px;margin-left:6px;font-family:'DM Mono',monospace;text-transform:uppercase;}
body.site-page-whyus .address-copy-btn{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);color:var(--light-gray);padding:0.7rem 1.2rem;font-family:'DM Mono',monospace;font-size:0.75rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all 0.3s;display:inline-flex;align-items:center;gap:6px;}
body.site-page-whyus .address-copy-btn:hover{border-color:var(--red);color:var(--red);}
body.site-page-whyus .address-copy-btn.copied{border-color:var(--red);color:var(--red);}

/* ── Booking progress bar ── */
body.site-page-whyus .book-progress{height:3px;background:rgba(255,255,255,0.08);margin-bottom:1.5rem;border-radius:2px;}
body.site-page-whyus .book-progress-bar{height:100%;background:var(--red);border-radius:2px;transition:width 0.4s ease;}

/* ── Calendar nav ── */
body.site-page-whyus .cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
body.site-page-whyus .cal-nav-btn{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:var(--white);width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
body.site-page-whyus .cal-nav-btn:hover{border-color:var(--red);color:var(--red);}
body.site-page-whyus .cal-month-label{font-family:'Oswald',sans-serif;font-size:1.1rem;letter-spacing:2px;text-transform:uppercase;color:var(--white);}

/* ── Calendar grid ── */
body.site-page-whyus .cal-grid-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:0.4rem;}
body.site-page-whyus .cal-grid-header span{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:1px;color:var(--gray);padding:4px 0;}
body.site-page-whyus .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:1.2rem;}
body.site-page-whyus .cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:0.85rem;cursor:pointer;border:1px solid transparent;transition:all 0.2s;border-radius:2px;color:var(--light-gray);}
body.site-page-whyus .cal-day:hover:not(.cal-day-disabled):not(.cal-day-empty){border-color:var(--red);color:var(--red);}
body.site-page-whyus .cal-day-today{border-color:rgba(255,255,255,0.2);color:var(--white);}
body.site-page-whyus .cal-day-selected{background:var(--red);color:white!important;border-color:var(--red)!important;}
body.site-page-whyus .cal-day-disabled{color:rgba(255,255,255,0.15);cursor:default;pointer-events:none;}
body.site-page-whyus .cal-day-empty{cursor:default;pointer-events:none;}

/* ── Time slots ── */
body.site-page-whyus .cal-time-title{font-family:'DM Mono',monospace;font-size:0.75rem;letter-spacing:2px;color:var(--red);text-transform:uppercase;margin-bottom:0.8rem;}
body.site-page-whyus .cal-time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:1.5rem;}
body.site-page-whyus .cal-time-slot{padding:0.5rem 0.3rem;text-align:center;font-family:'DM Mono',monospace;font-size:0.8rem;border:1px solid rgba(255,255,255,0.12);color:var(--light-gray);cursor:pointer;transition:all 0.2s;background:transparent;}
body.site-page-whyus .cal-time-slot:hover:not(.cal-time-booked){border-color:var(--red);color:var(--red);}
body.site-page-whyus .cal-time-slot.cal-time-selected{background:var(--red);border-color:var(--red);color:white;}
body.site-page-whyus .cal-time-slot.cal-time-booked{color:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.06);cursor:not-allowed;text-decoration:line-through;}

/* ── Calendar footer ── */
body.site-page-whyus .cal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:0.5rem;border-top:1px solid rgba(255,255,255,0.06);}
body.site-page-whyus .delete-btn{background:none;border:1px solid rgba(204,31,31,0.3);color:rgba(204,31,31,0.6);padding:4px 10px;font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:1px;cursor:pointer;transition:all 0.2s;text-transform:uppercase;margin-top:6px;display:inline-block;}
body.site-page-whyus .delete-btn:hover{background:rgba(204,31,31,0.1);border-color:var(--red);color:var(--red);}


/* ===== PUBLIC SITE NAV REFRESH — PEP BOYS INSPIRED ===== */
body.site-page-whyus .navbar{min-height:86px !important;padding:0 2.8rem !important;background:#ffffff !important;border-bottom:4px solid var(--red) !important;box-shadow:0 10px 30px rgba(0,0,0,.18) !important;backdrop-filter:none !important;gap:24px !important;}
body.site-page-whyus .navbar.scrolled{padding:0 2.8rem !important;border-bottom-color:var(--red) !important;}
body.site-page-whyus .nav-logo{align-self:stretch !important;min-width:210px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 22px !important;background:#070707 !important;border-right:4px solid var(--red) !important;}
body.site-page-whyus .nav-logo img{height:74px !important;width:auto !important;max-width:180px !important;object-fit:contain !important;}
body.site-page-whyus .nav-links{flex:1 !important;justify-content:center !important;gap:0 !important;background:#050505 !important;border:1px solid rgba(0,0,0,.88) !important;border-radius:0 !important;overflow:hidden !important;box-shadow:0 10px 22px rgba(0,0,0,.12) !important;}
body.site-page-whyus .nav-links li{display:flex !important;}
body.site-page-whyus .nav-links a{min-height:58px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 28px !important;color:#ffffff !important;font-size:1rem !important;letter-spacing:1.4px !important;font-weight:700 !important;border-left:1px solid rgba(255,255,255,.22) !important;white-space:nowrap !important;}
body.site-page-whyus .nav-links li:first-child a{border-left:none !important;}
body.site-page-whyus .nav-links a::after{display:none !important;}
body.site-page-whyus .nav-links a:hover{background:#191919 !important;color:#ffffff !important;}
body.site-page-whyus .nav-links .nav-cta,body.site-page-whyus .nav-cta{min-height:58px !important;clip-path:none !important;background:linear-gradient(180deg,var(--red-light),var(--red)) !important;color:#ffffff !important;box-shadow:none !important;}
body.site-page-whyus .menu-btn{color:#111111 !important;border:1px solid rgba(0,0,0,.15) !important;width:46px !important;height:46px !important;border-radius:8px !important;align-items:center !important;justify-content:center !important;}
@media(max-width:1100px){body.site-page-whyus .navbar{padding:0 1.5rem !important;}body.site-page-whyus .nav-logo{min-width:170px !important;padding:0 14px !important;}body.site-page-whyus .nav-logo img{height:64px !important;max-width:150px !important;}body.site-page-whyus .nav-links a{padding:0 16px !important;font-size:.88rem !important;letter-spacing:1px !important;}}
@media(max-width:900px){body.site-page-whyus .navbar{min-height:76px !important;padding:.6rem 1rem !important;}body.site-page-whyus .nav-logo{min-width:auto !important;align-self:auto !important;height:58px !important;border-right:none !important;border-radius:8px !important;}body.site-page-whyus .nav-logo img{height:52px !important;}body.site-page-whyus .menu-btn{display:flex !important;}body.site-page-whyus .nav-links.open{display:flex !important;flex-direction:column !important;position:fixed !important;top:76px !important;left:0 !important;right:0 !important;background:#ffffff !important;padding:12px !important;gap:8px !important;border-bottom:4px solid var(--red) !important;box-shadow:0 18px 35px rgba(0,0,0,.18) !important;}body.site-page-whyus .nav-links.open li{width:100% !important;}body.site-page-whyus .nav-links.open a{width:100% !important;min-height:50px !important;border-left:none !important;border-radius:8px !important;background:#050505 !important;}body.site-page-whyus .nav-links.open .nav-cta{background:linear-gradient(180deg,var(--red-light),var(--red)) !important;}}



/* ===== PROFESSIONAL HEADER / NAV POLISH ===== */
body.site-page-whyus .navbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  z-index:1000 !important;
  min-height:88px !important;
  padding:10px clamp(18px,3vw,48px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:24px !important;
  background:#f7f7f7 !important;
  border-bottom:4px solid var(--red) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.18) !important;
  backdrop-filter:none !important;
}
body.site-page-whyus .navbar.scrolled{
  min-height:88px !important;
  padding:10px clamp(18px,3vw,48px) !important;
  background:#f7f7f7 !important;
  border-bottom:4px solid var(--red) !important;
}
body.site-page-whyus .nav-logo{
  flex:0 0 178px !important;
  height:68px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 16px !important;
  background:#050505 !important;
  border:1px solid rgba(204,31,31,.28) !important;
  border-radius:0 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
  text-decoration:none !important;
}
body.site-page-whyus .nav-logo img{
  display:block !important;
  height:auto !important;
  max-height:56px !important;
  width:auto !important;
  max-width:148px !important;
  object-fit:contain !important;
}
body.site-page-whyus .nav-links{
  flex:1 1 auto !important;
  max-width:990px !important;
  min-height:58px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:0 !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#050505 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
}
body.site-page-whyus .nav-links li{
  display:flex !important;
  min-width:0 !important;
}
body.site-page-whyus .nav-links a{
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 clamp(18px,2vw,31px) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-family:'Oswald',sans-serif !important;
  font-size:clamp(.86rem,1.05vw,1rem) !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  border-left:1px solid rgba(255,255,255,.22) !important;
  border-radius:0 !important;
  background:transparent !important;
  transition:background .2s ease,color .2s ease,transform .2s ease !important;
  white-space:nowrap !important;
}
body.site-page-whyus .nav-links li:first-child a{border-left:none !important;}
body.site-page-whyus .nav-links a::after{display:none !important;}
body.site-page-whyus .nav-links a:hover,
body.site-page-whyus .nav-links a.current{
  background:#171717 !important;
  color:#fff !important;
}
body.site-page-whyus .nav-links .nav-cta{
  background:linear-gradient(180deg,var(--red-light),var(--red)) !important;
  color:#fff !important;
  min-width:152px !important;
  box-shadow:none !important;
  clip-path:none !important;
}
body.site-page-whyus .nav-links .nav-cta:hover{
  background:linear-gradient(180deg,#ff3c3c,var(--red-dark)) !important;
  color:#fff !important;
  transform:none !important;
}
body.site-page-whyus .menu-btn{
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  width:48px !important;
  height:48px !important;
  background:#050505 !important;
  border:1px solid rgba(204,31,31,.36) !important;
  color:#fff !important;
  border-radius:0 !important;
}
@media(max-width:1180px){
  body.site-page-whyus .navbar{gap:16px !important;padding:10px 18px !important;}
  body.site-page-whyus .nav-logo{flex-basis:154px !important;}
  body.site-page-whyus .nav-logo img{max-height:50px !important;max-width:126px !important;}
  body.site-page-whyus .nav-links a{padding:0 16px !important;letter-spacing:1.45px !important;font-size:.82rem !important;}
  body.site-page-whyus .nav-links .nav-cta{min-width:130px !important;}
}
@media(max-width:900px){
  body.site-page-whyus .navbar{
    min-height:76px !important;
    padding:9px 14px !important;
    justify-content:space-between !important;
    gap:12px !important;
  }
  body.site-page-whyus .navbar.scrolled{min-height:76px !important;padding:9px 14px !important;}
  body.site-page-whyus .nav-logo{
    flex:0 0 142px !important;
    width:142px !important;
    height:56px !important;
    padding:5px 12px !important;
  }
  body.site-page-whyus .nav-logo img{max-height:46px !important;max-width:118px !important;}
  body.site-page-whyus .menu-btn{display:flex !important;}
  body.site-page-whyus .nav-links{display:none !important;}
  body.site-page-whyus .nav-links.open{
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    top:76px !important;
    left:0 !important;
    right:0 !important;
    max-width:none !important;
    min-height:0 !important;
    padding:12px !important;
    gap:8px !important;
    background:#f7f7f7 !important;
    border:0 !important;
    border-bottom:4px solid var(--red) !important;
    box-shadow:0 22px 36px rgba(0,0,0,.24) !important;
  }
  body.site-page-whyus .nav-links.open li{width:100% !important;display:block !important;}
  body.site-page-whyus .nav-links.open a{
    width:100% !important;
    min-height:50px !important;
    justify-content:center !important;
    border-left:none !important;
    border:1px solid rgba(255,255,255,.1) !important;
    background:#050505 !important;
    color:#fff !important;
    border-radius:0 !important;
  }
  body.site-page-whyus .nav-links.open .nav-cta{background:linear-gradient(180deg,var(--red-light),var(--red)) !important;}
}
@media(max-width:520px){
  body.site-page-whyus .navbar{min-height:70px !important;padding:7px 10px !important;}
  body.site-page-whyus .navbar.scrolled{min-height:70px !important;padding:7px 10px !important;}
  body.site-page-whyus .nav-logo{flex-basis:126px !important;width:126px !important;height:52px !important;}
  body.site-page-whyus .nav-logo img{max-height:42px !important;max-width:106px !important;}
  body.site-page-whyus .nav-links.open{top:70px !important;}
}



/* ==========================================================
   CR8 AUTOS — PROFESSIONAL BLACK HEADER / CENTERED NAV UPDATE
   Header polish only. Content, forms, SEO, and page sections untouched.
   ========================================================== */
body.site-page-whyus .navbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  min-height:86px !important;
  padding:0 34px !important;
  display:grid !important;
  grid-template-columns:190px minmax(0,1fr) 190px !important;
  align-items:center !important;
  background:#000000 !important;
  background-color:#000000 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-bottom:1px solid rgba(204,31,31,.55) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.62) !important;
  transition:min-height .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
body.site-page-whyus .navbar::after{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-2px !important;
  height:2px !important;
  background:linear-gradient(90deg,transparent 0%,rgba(204,31,31,.35) 20%,rgba(232,51,51,.95) 50%,rgba(204,31,31,.35) 80%,transparent 100%) !important;
  pointer-events:none !important;
}
body.site-page-whyus .navbar.scrolled{
  min-height:76px !important;
  padding:0 34px !important;
  background:#000000 !important;
  border-bottom-color:rgba(204,31,31,.72) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.72) !important;
}
body.site-page-whyus .nav-logo{
  grid-column:1 !important;
  justify-self:start !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:72px !important;
  min-width:0 !important;
  padding:0 !important;
  gap:0 !important;
  background:transparent !important;
  border:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
  text-decoration:none !important;
}
body.site-page-whyus .nav-logo img{
  display:block !important;
  height:64px !important;
  max-height:64px !important;
  width:auto !important;
  max-width:168px !important;
  object-fit:contain !important;
}
body.site-page-whyus .nav-links{
  grid-column:2 !important;
  justify-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
body.site-page-whyus .nav-links li{display:flex !important;align-items:center !important;}
body.site-page-whyus .nav-links a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 17px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.025) !important;
  color:rgba(245,245,245,.88) !important;
  font-family:'Oswald',sans-serif !important;
  font-size:.78rem !important;
  font-weight:600 !important;
  letter-spacing:1.35px !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  clip-path:none !important;
  transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease !important;
}
body.site-page-whyus .nav-links a::after{display:none !important;content:none !important;}
body.site-page-whyus .nav-links a:hover,
body.site-page-whyus .nav-links a.current{
  color:#ffffff !important;
  border-color:rgba(232,51,51,.78) !important;
  background:rgba(204,31,31,.16) !important;
  box-shadow:0 0 0 1px rgba(204,31,31,.18),0 8px 22px rgba(204,31,31,.14) !important;
  transform:translateY(-1px) !important;
}
body.site-page-whyus .nav-cta{
  border:1px solid rgba(232,51,51,.95) !important;
  background:linear-gradient(180deg,rgba(204,31,31,.95),rgba(154,21,21,.95)) !important;
  color:#ffffff !important;
  box-shadow:0 9px 22px rgba(204,31,31,.22) !important;
}
body.site-page-whyus .nav-cta:hover{
  background:linear-gradient(180deg,#e83333,#cc1f1f) !important;
  color:#ffffff !important;
  border-color:#ff4a4a !important;
  transform:translateY(-1px) !important;
}
body.site-page-whyus .menu-btn{
  grid-column:3 !important;
  justify-self:end !important;
  width:46px !important;
  height:42px !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  background:#000000 !important;
  border:1px solid rgba(204,31,31,.65) !important;
  border-radius:999px !important;
  color:#ffffff !important;
  font-size:1.05rem !important;
  cursor:pointer !important;
}
body.site-page-whyus .menu-btn:hover{background:rgba(204,31,31,.14) !important;border-color:var(--red-light) !important;}

@media(max-width:1180px){
  body.site-page-whyus .navbar{grid-template-columns:170px minmax(0,1fr) 80px !important;padding:0 22px !important;}
  body.site-page-whyus .navbar.scrolled{padding:0 22px !important;}
  body.site-page-whyus .nav-logo img{height:58px !important;max-height:58px !important;max-width:146px !important;}
  body.site-page-whyus .nav-links{gap:7px !important;}
  body.site-page-whyus .nav-links a{min-height:40px !important;padding:0 12px !important;font-size:.72rem !important;letter-spacing:1px !important;}
}
@media(max-width:900px){
  body.site-page-whyus .navbar,
  body.site-page-whyus .navbar.scrolled{
    min-height:76px !important;
    padding:0 16px !important;
    display:grid !important;
    grid-template-columns:auto auto !important;
    justify-content:space-between !important;
    background:#000000 !important;
    border-bottom:1px solid rgba(204,31,31,.65) !important;
  }
  body.site-page-whyus .nav-logo{grid-column:1 !important;height:64px !important;justify-self:start !important;}
  body.site-page-whyus .nav-logo img{height:54px !important;max-height:54px !important;max-width:138px !important;}
  body.site-page-whyus .menu-btn{grid-column:2 !important;display:flex !important;}
  body.site-page-whyus .nav-links{display:none !important;}
  body.site-page-whyus .nav-links.open{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    position:fixed !important;
    top:76px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-height:calc(100vh - 76px) !important;
    overflow:auto !important;
    padding:16px !important;
    gap:10px !important;
    background:#000000 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-bottom:2px solid rgba(204,31,31,.88) !important;
    box-shadow:0 22px 44px rgba(0,0,0,.72) !important;
  }
  body.site-page-whyus .nav-links.open li{width:100% !important;display:block !important;}
  body.site-page-whyus .nav-links.open a{
    width:100% !important;
    min-height:52px !important;
    padding:0 18px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:#050505 !important;
    color:#ffffff !important;
    font-size:.86rem !important;
    letter-spacing:1.4px !important;
  }
  body.site-page-whyus .nav-links.open a:hover,
  body.site-page-whyus .nav-links.open a.current{background:rgba(204,31,31,.18) !important;border-color:rgba(232,51,51,.82) !important;}
  body.site-page-whyus .nav-links.open .nav-cta{background:linear-gradient(180deg,var(--red-light),var(--red)) !important;border-color:var(--red-light) !important;}
}
@media(max-width:480px){
  body.site-page-whyus .navbar,
  body.site-page-whyus .navbar.scrolled{min-height:72px !important;padding:0 12px !important;}
  body.site-page-whyus .nav-logo{height:60px !important;}
  body.site-page-whyus .nav-logo img{height:48px !important;max-height:48px !important;max-width:120px !important;}
  body.site-page-whyus .menu-btn{width:42px !important;height:40px !important;}
  body.site-page-whyus .nav-links.open{top:72px !important;max-height:calc(100vh - 72px) !important;padding:12px !important;}
}



/* ==========================================================
   CR8 AUTOS — FINAL NAV CLEANUP
   Removes boxed outlines around nav tabs and keeps Contact Us
   the same size/alignment as every other nav item.
   ========================================================== */
body.site-page-whyus .nav-links{
  gap:18px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
body.site-page-whyus .nav-links li{
  display:flex !important;
  align-items:center !important;
}
body.site-page-whyus .nav-links a,
body.site-page-whyus .nav-links .nav-cta,
body.site-page-whyus .nav-cta{
  min-height:42px !important;
  height:42px !important;
  padding:0 15px !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  clip-path:none !important;
  color:rgba(245,245,245,.88) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}
body.site-page-whyus .nav-links a::after,
body.site-page-whyus .nav-links .nav-cta::after,
body.site-page-whyus .nav-cta::after{
  content:'' !important;
  display:block !important;
  position:absolute !important;
  left:15px !important;
  right:15px !important;
  bottom:6px !important;
  width:auto !important;
  height:2px !important;
  background:var(--red) !important;
  transform:scaleX(0) !important;
  transform-origin:center !important;
  transition:transform .22s ease !important;
}
body.site-page-whyus .nav-links a:hover,
body.site-page-whyus .nav-links a.current,
body.site-page-whyus .nav-links .nav-cta:hover,
body.site-page-whyus .nav-cta:hover{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#ffffff !important;
  transform:none !important;
}
body.site-page-whyus .nav-links a:hover::after,
body.site-page-whyus .nav-links a.current::after,
body.site-page-whyus .nav-links .nav-cta:hover::after,
body.site-page-whyus .nav-cta:hover::after{
  transform:scaleX(1) !important;
}
body.site-page-whyus .nav-links .nav-cta,
body.site-page-whyus .nav-cta{
  font-size:.78rem !important;
  font-weight:600 !important;
  letter-spacing:1.35px !important;
  min-width:auto !important;
  color:#ffffff !important;
}
body.site-page-whyus .nav-links .nav-cta::before,
body.site-page-whyus .nav-cta::before{
  content:'' !important;
  position:absolute !important;
  inset:5px 4px !important;
  background:rgba(204,31,31,.92) !important;
  z-index:-1 !important;
  transform:skewX(-10deg) !important;
  transition:background .22s ease !important;
}
body.site-page-whyus .nav-links .nav-cta:hover::before,
body.site-page-whyus .nav-cta:hover::before{
  background:var(--red-light) !important;
}
@media(max-width:1180px){
  body.site-page-whyus .nav-links{gap:10px !important;}
  body.site-page-whyus .nav-links a,
  body.site-page-whyus .nav-links .nav-cta,
  body.site-page-whyus .nav-cta{height:40px !important;min-height:40px !important;padding:0 11px !important;font-size:.72rem !important;letter-spacing:1px !important;}
  body.site-page-whyus .nav-links a::after,body.site-page-whyus .nav-links .nav-cta::after,body.site-page-whyus .nav-cta::after{left:11px !important;right:11px !important;bottom:5px !important;}
}
@media(max-width:900px){
  body.site-page-whyus .nav-links.open{
    gap:6px !important;
    background:#000000 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-bottom:2px solid rgba(204,31,31,.88) !important;
    box-shadow:0 22px 44px rgba(0,0,0,.72) !important;
  }
  body.site-page-whyus .nav-links.open a,
  body.site-page-whyus .nav-links.open .nav-cta,
  body.site-page-whyus .nav-links.open .nav-cta:hover{
    width:100% !important;
    min-height:50px !important;
    height:50px !important;
    padding:0 18px !important;
    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#ffffff !important;
  }
  body.site-page-whyus .nav-links.open .nav-cta::before{inset:7px 12px !important;}
}

/* Classes generated from former inline style attributes. */
body.site-page-whyus .whyus-utility-1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem;}
body.site-page-whyus .whyus-utility-2{color:var(--red)}
body.site-page-whyus .whyus-utility-3{color:var(--gray);font-size:1.15rem;line-height:1.9;font-style:italic;margin-bottom:2rem;}
body.site-page-whyus .whyus-utility-4{display:flex;gap:1rem;flex-wrap:wrap;}
body.site-page-whyus .whyus-utility-5{margin-top:1.5rem;display:flex;align-items:center;gap:10px;}
body.site-page-whyus .whyus-utility-6{width:40px;height:2px;background:var(--red);}
body.site-page-whyus .whyus-utility-7{font-family:'Oswald',sans-serif;font-size:0.85rem;letter-spacing:2px;text-transform:uppercase;color:var(--red);}
body.site-page-whyus .whyus-utility-8{background:var(--black);}
body.site-page-whyus .whyus-utility-9{margin-top:3rem;}
body.site-page-whyus .whyus-utility-10{transition-delay:0.2s;}
body.site-page-whyus .whyus-utility-11{margin-top:2rem;padding:1.5rem;border-left:3px solid var(--red);background:rgba(204,31,31,0.05);}
body.site-page-whyus .whyus-utility-12{color:var(--light-gray);font-style:italic;margin:0;}
body.site-page-whyus .whyus-utility-13{margin-top:0.8rem;font-family:'Oswald',sans-serif;font-size:0.85rem;letter-spacing:1px;color:var(--red);}
body.site-page-whyus .whyus-utility-14{display:flex;align-items:center;gap:10px;cursor:pointer;}
body.site-page-whyus .whyus-utility-15{height:48px;width:auto;}
body.site-page-whyus .whyus-utility-16{font-style:normal;}
body.site-page-whyus .whyus-utility-17{margin-top:0.8rem;font-size:0.8rem;color:var(--gray);line-height:1.6;}
body.site-page-whyus .whyus-utility-18{font-size:0.8rem;}
body.site-page-whyus .whyus-utility-19{color:var(--red);text-decoration:none;}
body.site-page-whyus .whyus-utility-20{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:2px;color:var(--red);margin-bottom:0.3rem;}
body.site-page-whyus .whyus-utility-21{font-family:'Oswald',sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;}
body.site-page-whyus .whyus-utility-22{width:100%;justify-content:center;}
body.site-page-whyus .whyus-utility-23{max-width:640px;}
body.site-page-whyus .whyus-utility-24{width:50%}
body.site-page-whyus .whyus-utility-25{margin-left:8px;}
body.site-page-whyus .whyus-utility-26{display:none;}
body.site-page-whyus .whyus-utility-27{padding:0.6rem 1.5rem;}
body.site-page-whyus .whyus-utility-28{padding:0.6rem 1.5rem;display:none;}


/* ==========================================================================
   Careers page — scoped to body.site-page-careers
   ========================================================================== */
/* Careers page styles. */
:root {
  --black: #0a0a0a;
  --dark: #111111;
  --card: #161616;
  --border: #222222;
  --red: #cc1f1f;
  --red-light: #e83333;
  --red-dark: #9a1515;
  --white: #f5f5f5;
  --gray: #888888;
  --light-gray: #cccccc;
}
body.site-page-careers *{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.site-page-careers{font-family:'Crimson Pro',serif;background:var(--black);color:var(--white);overflow-x:hidden;}

/* ===== SCROLLBAR ===== */
body.site-page-careers ::-webkit-scrollbar{width:4px;}
body.site-page-careers ::-webkit-scrollbar-track{background:var(--black);}
body.site-page-careers ::-webkit-scrollbar-thumb{background:var(--red);}

/* ===== NAVBAR ===== */
body.site-page-careers .navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 3rem;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,10,0.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(204,31,31,0.2);transition:all 0.3s;}
body.site-page-careers .navbar.scrolled{padding:0.7rem 3rem;border-bottom-color:rgba(204,31,31,0.4);}
body.site-page-careers .nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer;}
body.site-page-careers .logo-circle{width:48px;height:48px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-weight:700;font-size:14px;color:white;letter-spacing:1px;flex-shrink:0;position:relative;overflow:hidden;}
body.site-page-careers .logo-circle::before{content:'';position:absolute;inset:2px;border-radius:50%;border:1px solid rgba(255,255,255,0.3);}
body.site-page-careers .logo-text{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;color:var(--white);}
body.site-page-careers .logo-text span{color:var(--red);}
body.site-page-careers .nav-links{display:flex;gap:2.5rem;list-style:none;align-items:center;}
body.site-page-careers .nav-links a{color:var(--light-gray);text-decoration:none;font-family:'Oswald',sans-serif;font-size:0.85rem;letter-spacing:2px;text-transform:uppercase;font-weight:400;transition:color 0.3s;position:relative;}
body.site-page-careers .nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--red);transition:width 0.3s;}
body.site-page-careers .nav-links a:hover{color:var(--white);}
body.site-page-careers .nav-links a:hover::after{width:100%;}
body.site-page-careers .nav-cta{background:var(--red)!important;color:white!important;padding:0.5rem 1.5rem;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:2px;font-size:0.8rem;border:none;cursor:pointer;text-transform:uppercase;transition:all 0.3s;text-decoration:none;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
body.site-page-careers .nav-cta:hover{background:var(--red-light)!important;transform:translateY(-2px);}
body.site-page-careers .nav-cta::after{display:none!important;}
body.site-page-careers .menu-btn{display:none;background:none;border:none;color:var(--white);font-size:1.4rem;cursor:pointer;}

/* ===== PAGES ===== */
body.site-page-careers .page{display:none;min-height:100vh;}
body.site-page-careers .page.active{display:block;}

/* ===== HERO ===== */
body.site-page-careers .hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--black);}
body.site-page-careers .hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(204,31,31,0.08) 0%,transparent 50%),linear-gradient(225deg,rgba(204,31,31,0.04) 0%,transparent 60%);}
body.site-page-careers .hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(204,31,31,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(204,31,31,0.06) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 30% 50%,black 20%,transparent 70%);}
body.site-page-careers .hero-stripe{position:absolute;top:0;right:0;width:45%;height:100%;background:linear-gradient(180deg,var(--dark) 0%,#0d0d0d 100%);clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);}
body.site-page-careers .hero-stripe::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,var(--red),transparent);}
body.site-page-careers .hero-inner{max-width:900px;margin:0 auto;padding:0 3rem;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding-top:80px;}
body.site-page-careers .hero-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:1.5rem;justify-content:center;}
body.site-page-careers .hero-tag span{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--red);}
body.site-page-careers .hero-tag::before{content:'';width:40px;height:1px;background:var(--red);}
body.site-page-careers .hero-title{font-family:'Oswald',sans-serif;font-size:clamp(3.5rem,6vw,5.5rem);font-weight:700;line-height:0.95;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;}
body.site-page-careers .hero-title .line2{color:var(--red);display:block;}
body.site-page-careers .hero-title .line3{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:300;color:var(--gray);letter-spacing:4px;display:block;margin-top:0.5rem;}
body.site-page-careers .hero-sub{font-size:1.15rem;color:var(--gray);line-height:1.8;max-width:600px;margin-bottom:2.5rem;font-style:italic;}
body.site-page-careers .hero-btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:3rem;}
body.site-page-careers .btn{display:inline-flex;align-items:center;gap:8px;padding:0.9rem 2rem;font-family:'Oswald',sans-serif;font-weight:500;font-size:0.85rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;text-decoration:none;transition:all 0.3s;}
body.site-page-careers .btn-red{background:var(--red);color:white;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);}
body.site-page-careers .btn-red:hover{background:var(--red-light);transform:translateY(-3px);}
body.site-page-careers .btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.2);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);}
body.site-page-careers .btn-outline:hover{border-color:var(--red);color:var(--red);}
body.site-page-careers .hero-stats{display:flex;gap:2.5rem;justify-content:center;}
body.site-page-careers .hero-stat-num{font-family:'Oswald',sans-serif;font-size:2rem;font-weight:700;color:var(--red);}
body.site-page-careers .hero-stat-label{font-size:0.85rem;color:var(--gray);letter-spacing:1px;}
body.site-page-careers .hero-visual{position:relative;display:flex;align-items:center;justify-content:center;}
body.site-page-careers .hero-logo-big{width:320px;height:320px;background:radial-gradient(circle,rgba(204,31,31,0.15) 0%,transparent 70%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;}
body.site-page-careers .hero-logo-big::before{content:'';position:absolute;inset:20px;border-radius:50%;border:1px solid rgba(204,31,31,0.2);animation:rotateBorder 20s linear infinite;}
body.site-page-careers .hero-logo-big::after{content:'';position:absolute;inset:40px;border-radius:50%;border:1px dashed rgba(204,31,31,0.1);animation:rotateBorder 15s linear infinite reverse;}
@keyframes rotateBorder{to{transform:rotate(360deg);}}
body.site-page-careers .logo-center{text-align:center;}
body.site-page-careers .logo-car{font-size:4rem;margin-bottom:0.5rem;filter:drop-shadow(0 0 20px rgba(204,31,31,0.5));}
body.site-page-careers .logo-brand{font-family:'Oswald',sans-serif;font-weight:700;font-size:2.5rem;letter-spacing:4px;text-transform:uppercase;}
body.site-page-careers .logo-brand span{color:var(--red);}
body.site-page-careers .logo-tagline{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:4px;color:var(--gray);text-transform:uppercase;margin-top:0.3rem;}
body.site-page-careers .hero-address{display:flex;align-items:center;gap:10px;color:var(--gray);font-size:0.9rem;margin-top:2rem;justify-content:center;}
body.site-page-careers .hero-address i{color:var(--red);}

/* ===== SECTION COMMONS ===== */
body.site-page-careers .section{padding:100px 3rem;}
body.site-page-careers .section-inner{max-width:1300px;margin:0 auto;}
body.site-page-careers .section-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:1rem;}
body.site-page-careers .section-tag span{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--red);}
body.site-page-careers .section-tag::before{content:'';width:30px;height:1px;background:var(--red);}
body.site-page-careers .section-title{font-family:'Oswald',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;text-transform:uppercase;letter-spacing:1px;line-height:1;}
body.site-page-careers .section-sub{color:var(--gray);font-size:1.1rem;line-height:1.8;margin-top:0.8rem;max-width:600px;font-style:italic;}

/* ===== SERVICES ===== */
body.site-page-careers .services{background:var(--dark);}
body.site-page-careers .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;margin-top:4rem;background:var(--border);}
body.site-page-careers .service-card{background:var(--dark);padding:2.5rem;transition:all 0.3s;position:relative;overflow:hidden;cursor:default;}
body.site-page-careers .service-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--red);transition:height 0.4s;}
body.site-page-careers .service-card:hover{background:var(--card);}
body.site-page-careers .service-card:hover::before{height:100%;}
body.site-page-careers .service-num{font-family:'DM Mono',monospace;font-size:0.7rem;color:var(--red);letter-spacing:2px;margin-bottom:1rem;opacity:0.6;}
body.site-page-careers .service-icon{font-size:2rem;margin-bottom:1rem;color:var(--red);}
body.site-page-careers .service-name{font-family:'Oswald',sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:0.8rem;}
body.site-page-careers .service-desc{color:var(--gray);font-size:0.95rem;line-height:1.7;}

/* ===== ESTIMATE SECTION ===== */
body.site-page-careers .estimate-section{background:var(--black);position:relative;overflow:hidden;}
body.site-page-careers .estimate-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);}
body.site-page-careers .estimate-inner{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
body.site-page-careers .estimate-text h2{font-family:'Oswald',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;text-transform:uppercase;line-height:1;margin-bottom:1rem;}
body.site-page-careers .estimate-text h2 span{color:var(--red);}
body.site-page-careers .estimate-text p{color:var(--gray);line-height:1.8;font-size:1.1rem;font-style:italic;margin-bottom:2rem;}
body.site-page-careers .contact-info{margin-top:2rem;}
body.site-page-careers .contact-row{display:flex;align-items:center;gap:14px;padding:1rem 0;border-bottom:1px solid var(--border);}
body.site-page-careers .contact-row:last-child{border-bottom:none;}
body.site-page-careers .contact-icon{width:40px;height:40px;background:rgba(204,31,31,0.1);border:1px solid rgba(204,31,31,0.2);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:0.9rem;flex-shrink:0;}
body.site-page-careers .contact-label{font-family:'Oswald',sans-serif;font-size:0.75rem;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:2px;}
body.site-page-careers .contact-val{color:var(--white);font-size:1rem;}
body.site-page-careers .contact-val a{color:var(--white);text-decoration:none;}
body.site-page-careers .contact-val a:hover{color:var(--red);}

/* ===== FORM CARD ===== */
body.site-page-careers .form-card{background:var(--card);border:1px solid var(--border);padding:2.5rem;position:relative;}
body.site-page-careers .form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--red-dark));}
body.site-page-careers .form-title{font-family:'Oswald',sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border);}
body.site-page-careers .form-group{margin-bottom:1.2rem;}
body.site-page-careers .form-label{display:block;font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:0.5rem;}
body.site-page-careers .form-input,body.site-page-careers .form-select,body.site-page-careers .form-textarea{width:100%;background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--white);font-family:'Crimson Pro',serif;font-size:1rem;padding:0.8rem 1rem;outline:none;transition:border-color 0.3s;}
body.site-page-careers .form-input:focus,body.site-page-careers .form-select:focus,body.site-page-careers .form-textarea:focus{border-color:var(--red);}
body.site-page-careers .form-input::placeholder,body.site-page-careers .form-textarea::placeholder{color:rgba(255,255,255,0.2);}
body.site-page-careers .form-select option{background:var(--dark);}
body.site-page-careers .form-textarea{resize:vertical;min-height:120px;}
body.site-page-careers .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
body.site-page-careers .form-success{display:none;text-align:center;padding:2rem;color:var(--red);}
body.site-page-careers .form-success i{font-size:2.5rem;display:block;margin-bottom:0.8rem;}
body.site-page-careers .form-success p{color:var(--light-gray);font-size:1.1rem;}

/* ===== WHY US PAGE ===== */
body.site-page-careers .why-hero{padding:140px 3rem 80px;background:var(--dark);position:relative;overflow:hidden;}
body.site-page-careers .why-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);}
body.site-page-careers .why-hero-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
body.site-page-careers .mission-block{background:var(--black);border:1px solid var(--border);padding:3rem;position:relative;}
body.site-page-careers .mission-block::before{content:'"';position:absolute;top:-20px;left:20px;font-family:'Oswald',sans-serif;font-size:6rem;color:var(--red);opacity:0.3;line-height:1;}
body.site-page-careers .mission-text{font-size:1.3rem;line-height:1.8;color:var(--light-gray);font-style:italic;}
body.site-page-careers .values-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:4rem;}
body.site-page-careers .value-card{background:var(--card);border:1px solid var(--border);padding:2rem;position:relative;overflow:hidden;transition:all 0.3s;}
body.site-page-careers .value-card:hover{border-color:rgba(204,31,31,0.4);transform:translateY(-4px);}
body.site-page-careers .value-icon{font-size:1.8rem;color:var(--red);margin-bottom:1rem;}
body.site-page-careers .value-name{font-family:'Oswald',sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:0.5rem;}
body.site-page-careers .value-desc{color:var(--gray);font-size:0.95rem;line-height:1.6;}
body.site-page-careers .story-section{padding:100px 3rem;background:var(--black);}
body.site-page-careers .story-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:6rem;align-items:start;}
body.site-page-careers .story-visual{position:sticky;top:120px;}
body.site-page-careers .story-img-placeholder{background:var(--card);border:1px solid var(--border);aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
body.site-page-careers .story-img-placeholder::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(204,31,31,0.1),transparent);}
body.site-page-careers .story-icon{font-size:5rem;opacity:0.2;}
body.site-page-careers .story-badge{position:absolute;bottom:2rem;left:2rem;right:2rem;background:rgba(10,10,10,0.9);border:1px solid var(--border);padding:1.2rem;border-left:3px solid var(--red);}
body.site-page-careers .story-badge-title{font-family:'Oswald',sans-serif;font-size:1rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:0.3rem;}
body.site-page-careers .story-badge-sub{color:var(--gray);font-size:0.85rem;}
body.site-page-careers .story-content h3{font-family:'Oswald',sans-serif;font-size:2.5rem;font-weight:700;text-transform:uppercase;line-height:1;margin-bottom:2rem;}
body.site-page-careers .story-content h3 span{color:var(--red);}
body.site-page-careers .story-content p{color:var(--gray);font-size:1.1rem;line-height:1.9;margin-bottom:1.5rem;font-style:italic;}

/* ===== CAREERS PAGE ===== */
body.site-page-careers .careers-hero{padding:140px 3rem 80px;background:var(--dark);position:relative;}
body.site-page-careers .jobs-section{padding:80px 3rem;background:var(--black);}
body.site-page-careers .jobs-inner{max-width:1300px;margin:0 auto;}
body.site-page-careers .job-card{background:var(--card);border:1px solid var(--border);padding:2.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;transition:all 0.3s;cursor:pointer;}
body.site-page-careers .job-card:hover{border-color:rgba(204,31,31,0.4);background:#1a1a1a;}
body.site-page-careers .job-type{display:inline-flex;align-items:center;gap:6px;font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border:1px solid;margin-bottom:0.8rem;}
body.site-page-careers .job-type.full{color:var(--red);border-color:rgba(204,31,31,0.4);}
body.site-page-careers .job-type.part{color:#888;border-color:#333;}
body.site-page-careers .job-title{font-family:'Oswald',sans-serif;font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:0.5rem;}
body.site-page-careers .job-location{color:var(--gray);font-size:0.95rem;display:flex;align-items:center;gap:6px;}
body.site-page-careers .job-location i{color:var(--red);}
body.site-page-careers .job-perks{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap;}
body.site-page-careers .perk{background:rgba(204,31,31,0.08);border:1px solid rgba(204,31,31,0.15);color:var(--light-gray);padding:4px 12px;font-size:0.8rem;font-family:'DM Mono',monospace;letter-spacing:1px;}

/* ===== APPLICATION MODAL ===== */
body.site-page-careers .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.9);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity 0.3s;}
body.site-page-careers .modal-overlay.active{opacity:1;pointer-events:all;}
body.site-page-careers .modal{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--red);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;transform:translateY(20px);transition:transform 0.3s;scrollbar-width:thin;scrollbar-color:var(--red) transparent;}
body.site-page-careers .modal-overlay.active .modal{transform:translateY(0);}
body.site-page-careers .modal-header{padding:2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:start;position:sticky;top:0;background:var(--card);z-index:1;}
body.site-page-careers .modal-close{background:none;border:1px solid var(--border);color:var(--gray);width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;font-size:1rem;}
body.site-page-careers .modal-close:hover{border-color:var(--red);color:var(--red);}
body.site-page-careers .modal-body{padding:2rem;}
body.site-page-careers .radio-group{display:flex;gap:0.8rem;flex-wrap:wrap;}
body.site-page-careers .radio-opt{flex:1;min-width:120px;}
body.site-page-careers .radio-opt input{display:none;}
body.site-page-careers .radio-opt label{display:block;padding:0.7rem;border:1px solid var(--border);text-align:center;cursor:pointer;font-family:'DM Mono',monospace;font-size:0.75rem;letter-spacing:1px;text-transform:uppercase;color:var(--gray);transition:all 0.2s;}
body.site-page-careers .radio-opt input:checked+label{border-color:var(--red);color:var(--red);background:rgba(204,31,31,0.08);}

/* ===== ADMIN ===== */
body.site-page-careers .badge{display:inline-block;padding:2px 8px;font-size:0.7rem;font-family:'DM Mono',monospace;letter-spacing:1px;text-transform:uppercase;}
body.site-page-careers .badge-red{background:rgba(204,31,31,0.15);color:var(--red);border:1px solid rgba(204,31,31,0.3);}
body.site-page-careers .badge-gray{background:rgba(255,255,255,0.05);color:var(--gray);border:1px solid var(--border);}
body.site-page-careers .logout-btn{background:none;border:1px solid var(--border);color:var(--gray);padding:0.5rem 1rem;font-family:'Oswald',sans-serif;font-size:0.8rem;letter-spacing:1px;cursor:pointer;text-transform:uppercase;transition:all 0.2s;}
body.site-page-careers .logout-btn:hover{border-color:var(--red);color:var(--red);}
body.site-page-careers .empty-state{text-align:center;padding:4rem;color:var(--gray);}
body.site-page-careers .empty-state i{font-size:3rem;color:var(--border);display:block;margin-bottom:1rem;}

/* ===== FOOTER ===== */
body.site-page-careers .footer{background:var(--dark);border-top:1px solid var(--border);padding:60px 3rem 30px;}
body.site-page-careers .footer-inner{max-width:1300px;margin:0 auto;}
body.site-page-careers .footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;}
body.site-page-careers .footer-brand p{color:var(--gray);font-size:0.95rem;line-height:1.8;margin-top:1rem;}
body.site-page-careers .footer-col-title{font-family:'Oswald',sans-serif;font-size:0.85rem;letter-spacing:3px;text-transform:uppercase;color:var(--white);margin-bottom:1.2rem;}
body.site-page-careers .footer-col ul{list-style:none;}
body.site-page-careers .footer-col ul li{margin-bottom:0.7rem;}
body.site-page-careers .footer-col ul li a{color:var(--gray);text-decoration:none;font-size:0.95rem;transition:color 0.2s;}
body.site-page-careers .footer-col ul li a:hover{color:var(--red);}
body.site-page-careers .footer-bottom{border-top:1px solid var(--border);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;color:var(--gray);font-size:0.85rem;}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  body.site-page-careers .hero-inner,body.site-page-careers .why-hero-inner,body.site-page-careers .estimate-inner,body.site-page-careers .story-inner{grid-template-columns:1fr;gap:3rem;}
  body.site-page-careers .hero-stripe{display:none;}
  body.site-page-careers .footer-top{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  body.site-page-careers .navbar{padding:1rem 1.5rem;}
  body.site-page-careers .nav-links{display:none;}
  body.site-page-careers .menu-btn{display:block;}
  body.site-page-careers .nav-links.open{display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;background:rgba(10,10,10,0.98);padding:2rem;gap:1.5rem;border-bottom:1px solid var(--border);}
  body.site-page-careers .section{padding:70px 1.5rem;}
  body.site-page-careers .form-row{grid-template-columns:1fr;}
  body.site-page-careers .job-card{flex-direction:column;align-items:start;}
  body.site-page-careers .values-grid{grid-template-columns:1fr;}
  body.site-page-careers .footer-top{grid-template-columns:1fr;}
  body.site-page-careers .footer-bottom{flex-direction:column;gap:1rem;text-align:center;}
}

/* ===== ANIMATIONS ===== */
body.site-page-careers .fade-up{opacity:0;transform:translateY(30px);transition:opacity 0.7s,transform 0.7s;}
body.site-page-careers .fade-up.visible{opacity:1;transform:none;}
body.site-page-careers .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* Red diagonal accent bars (like logo) */
body.site-page-careers .accent-bars{display:flex;gap:4px;align-items:center;}
body.site-page-careers .acc{width:12px;height:18px;background:var(--red);clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);opacity:0.7;}
body.site-page-careers .acc:nth-child(2){opacity:0.5;}
body.site-page-careers .acc:nth-child(3){opacity:0.3;}

body.site-page-careers .hero-address-block{display:flex;align-items:center;gap:12px;margin-top:2rem;justify-content:center;flex-wrap:wrap;}
body.site-page-careers .hero-address-link{display:inline-flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;background:rgba(204,31,31,0.12);border:1px solid rgba(204,31,31,0.35);padding:0.7rem 1.4rem;font-size:1rem;font-family:'Oswald',sans-serif;letter-spacing:1px;transition:all 0.3s;}
body.site-page-careers .hero-address-link:hover{background:rgba(204,31,31,0.22);border-color:var(--red);color:var(--white);}
body.site-page-careers .hero-address-link i:first-child{color:var(--red);font-size:1rem;}
body.site-page-careers .address-open-maps{font-size:0.75rem;color:var(--red);letter-spacing:1px;margin-left:6px;font-family:'DM Mono',monospace;text-transform:uppercase;}
body.site-page-careers .address-copy-btn{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);color:var(--light-gray);padding:0.7rem 1.2rem;font-family:'DM Mono',monospace;font-size:0.75rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all 0.3s;display:inline-flex;align-items:center;gap:6px;}
body.site-page-careers .address-copy-btn:hover{border-color:var(--red);color:var(--red);}
body.site-page-careers .address-copy-btn.copied{border-color:var(--red);color:var(--red);}

/* ── Booking progress bar ── */
body.site-page-careers .book-progress{height:3px;background:rgba(255,255,255,0.08);margin-bottom:1.5rem;border-radius:2px;}
body.site-page-careers .book-progress-bar{height:100%;background:var(--red);border-radius:2px;transition:width 0.4s ease;}

/* ── Calendar nav ── */
body.site-page-careers .cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
body.site-page-careers .cal-nav-btn{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:var(--white);width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
body.site-page-careers .cal-nav-btn:hover{border-color:var(--red);color:var(--red);}
body.site-page-careers .cal-month-label{font-family:'Oswald',sans-serif;font-size:1.1rem;letter-spacing:2px;text-transform:uppercase;color:var(--white);}

/* ── Calendar grid ── */
body.site-page-careers .cal-grid-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:0.4rem;}
body.site-page-careers .cal-grid-header span{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:1px;color:var(--gray);padding:4px 0;}
body.site-page-careers .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:1.2rem;}
body.site-page-careers .cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:0.85rem;cursor:pointer;border:1px solid transparent;transition:all 0.2s;border-radius:2px;color:var(--light-gray);}
body.site-page-careers .cal-day:hover:not(.cal-day-disabled):not(.cal-day-empty){border-color:var(--red);color:var(--red);}
body.site-page-careers .cal-day-today{border-color:rgba(255,255,255,0.2);color:var(--white);}
body.site-page-careers .cal-day-selected{background:var(--red);color:white!important;border-color:var(--red)!important;}
body.site-page-careers .cal-day-disabled{color:rgba(255,255,255,0.15);cursor:default;pointer-events:none;}
body.site-page-careers .cal-day-empty{cursor:default;pointer-events:none;}

/* ── Time slots ── */
body.site-page-careers .cal-time-title{font-family:'DM Mono',monospace;font-size:0.75rem;letter-spacing:2px;color:var(--red);text-transform:uppercase;margin-bottom:0.8rem;}
body.site-page-careers .cal-time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:1.5rem;}
body.site-page-careers .cal-time-slot{padding:0.5rem 0.3rem;text-align:center;font-family:'DM Mono',monospace;font-size:0.8rem;border:1px solid rgba(255,255,255,0.12);color:var(--light-gray);cursor:pointer;transition:all 0.2s;background:transparent;}
body.site-page-careers .cal-time-slot:hover:not(.cal-time-booked){border-color:var(--red);color:var(--red);}
body.site-page-careers .cal-time-slot.cal-time-selected{background:var(--red);border-color:var(--red);color:white;}
body.site-page-careers .cal-time-slot.cal-time-booked{color:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.06);cursor:not-allowed;text-decoration:line-through;}

/* ── Calendar footer ── */
body.site-page-careers .cal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:0.5rem;border-top:1px solid rgba(255,255,255,0.06);}
body.site-page-careers .delete-btn{background:none;border:1px solid rgba(204,31,31,0.3);color:rgba(204,31,31,0.6);padding:4px 10px;font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:1px;cursor:pointer;transition:all 0.2s;text-transform:uppercase;margin-top:6px;display:inline-block;}
body.site-page-careers .delete-btn:hover{background:rgba(204,31,31,0.1);border-color:var(--red);color:var(--red);}


/* ===== PUBLIC SITE NAV REFRESH — PEP BOYS INSPIRED ===== */
body.site-page-careers .navbar{min-height:86px !important;padding:0 2.8rem !important;background:#ffffff !important;border-bottom:4px solid var(--red) !important;box-shadow:0 10px 30px rgba(0,0,0,.18) !important;backdrop-filter:none !important;gap:24px !important;}
body.site-page-careers .navbar.scrolled{padding:0 2.8rem !important;border-bottom-color:var(--red) !important;}
body.site-page-careers .nav-logo{align-self:stretch !important;min-width:210px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 22px !important;background:#070707 !important;border-right:4px solid var(--red) !important;}
body.site-page-careers .nav-logo img{height:74px !important;width:auto !important;max-width:180px !important;object-fit:contain !important;}
body.site-page-careers .nav-links{flex:1 !important;justify-content:center !important;gap:0 !important;background:#050505 !important;border:1px solid rgba(0,0,0,.88) !important;border-radius:0 !important;overflow:hidden !important;box-shadow:0 10px 22px rgba(0,0,0,.12) !important;}
body.site-page-careers .nav-links li{display:flex !important;}
body.site-page-careers .nav-links a{min-height:58px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 28px !important;color:#ffffff !important;font-size:1rem !important;letter-spacing:1.4px !important;font-weight:700 !important;border-left:1px solid rgba(255,255,255,.22) !important;white-space:nowrap !important;}
body.site-page-careers .nav-links li:first-child a{border-left:none !important;}
body.site-page-careers .nav-links a::after{display:none !important;}
body.site-page-careers .nav-links a:hover{background:#191919 !important;color:#ffffff !important;}
body.site-page-careers .nav-links .nav-cta,body.site-page-careers .nav-cta{min-height:58px !important;clip-path:none !important;background:linear-gradient(180deg,var(--red-light),var(--red)) !important;color:#ffffff !important;box-shadow:none !important;}
body.site-page-careers .menu-btn{color:#111111 !important;border:1px solid rgba(0,0,0,.15) !important;width:46px !important;height:46px !important;border-radius:8px !important;align-items:center !important;justify-content:center !important;}
@media(max-width:1100px){body.site-page-careers .navbar{padding:0 1.5rem !important;}body.site-page-careers .nav-logo{min-width:170px !important;padding:0 14px !important;}body.site-page-careers .nav-logo img{height:64px !important;max-width:150px !important;}body.site-page-careers .nav-links a{padding:0 16px !important;font-size:.88rem !important;letter-spacing:1px !important;}}
@media(max-width:900px){body.site-page-careers .navbar{min-height:76px !important;padding:.6rem 1rem !important;}body.site-page-careers .nav-logo{min-width:auto !important;align-self:auto !important;height:58px !important;border-right:none !important;border-radius:8px !important;}body.site-page-careers .nav-logo img{height:52px !important;}body.site-page-careers .menu-btn{display:flex !important;}body.site-page-careers .nav-links.open{display:flex !important;flex-direction:column !important;position:fixed !important;top:76px !important;left:0 !important;right:0 !important;background:#ffffff !important;padding:12px !important;gap:8px !important;border-bottom:4px solid var(--red) !important;box-shadow:0 18px 35px rgba(0,0,0,.18) !important;}body.site-page-careers .nav-links.open li{width:100% !important;}body.site-page-careers .nav-links.open a{width:100% !important;min-height:50px !important;border-left:none !important;border-radius:8px !important;background:#050505 !important;}body.site-page-careers .nav-links.open .nav-cta{background:linear-gradient(180deg,var(--red-light),var(--red)) !important;}}



/* ===== PROFESSIONAL HEADER / NAV POLISH ===== */
body.site-page-careers .navbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  z-index:1000 !important;
  min-height:88px !important;
  padding:10px clamp(18px,3vw,48px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:24px !important;
  background:#f7f7f7 !important;
  border-bottom:4px solid var(--red) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.18) !important;
  backdrop-filter:none !important;
}
body.site-page-careers .navbar.scrolled{
  min-height:88px !important;
  padding:10px clamp(18px,3vw,48px) !important;
  background:#f7f7f7 !important;
  border-bottom:4px solid var(--red) !important;
}
body.site-page-careers .nav-logo{
  flex:0 0 178px !important;
  height:68px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 16px !important;
  background:#050505 !important;
  border:1px solid rgba(204,31,31,.28) !important;
  border-radius:0 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
  text-decoration:none !important;
}
body.site-page-careers .nav-logo img{
  display:block !important;
  height:auto !important;
  max-height:56px !important;
  width:auto !important;
  max-width:148px !important;
  object-fit:contain !important;
}
body.site-page-careers .nav-links{
  flex:1 1 auto !important;
  max-width:990px !important;
  min-height:58px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:0 !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#050505 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
}
body.site-page-careers .nav-links li{
  display:flex !important;
  min-width:0 !important;
}
body.site-page-careers .nav-links a{
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 clamp(18px,2vw,31px) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-family:'Oswald',sans-serif !important;
  font-size:clamp(.86rem,1.05vw,1rem) !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  border-left:1px solid rgba(255,255,255,.22) !important;
  border-radius:0 !important;
  background:transparent !important;
  transition:background .2s ease,color .2s ease,transform .2s ease !important;
  white-space:nowrap !important;
}
body.site-page-careers .nav-links li:first-child a{border-left:none !important;}
body.site-page-careers .nav-links a::after{display:none !important;}
body.site-page-careers .nav-links a:hover,
body.site-page-careers .nav-links a.current{
  background:#171717 !important;
  color:#fff !important;
}
body.site-page-careers .nav-links .nav-cta{
  background:linear-gradient(180deg,var(--red-light),var(--red)) !important;
  color:#fff !important;
  min-width:152px !important;
  box-shadow:none !important;
  clip-path:none !important;
}
body.site-page-careers .nav-links .nav-cta:hover{
  background:linear-gradient(180deg,#ff3c3c,var(--red-dark)) !important;
  color:#fff !important;
  transform:none !important;
}
body.site-page-careers .menu-btn{
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  width:48px !important;
  height:48px !important;
  background:#050505 !important;
  border:1px solid rgba(204,31,31,.36) !important;
  color:#fff !important;
  border-radius:0 !important;
}
@media(max-width:1180px){
  body.site-page-careers .navbar{gap:16px !important;padding:10px 18px !important;}
  body.site-page-careers .nav-logo{flex-basis:154px !important;}
  body.site-page-careers .nav-logo img{max-height:50px !important;max-width:126px !important;}
  body.site-page-careers .nav-links a{padding:0 16px !important;letter-spacing:1.45px !important;font-size:.82rem !important;}
  body.site-page-careers .nav-links .nav-cta{min-width:130px !important;}
}
@media(max-width:900px){
  body.site-page-careers .navbar{
    min-height:76px !important;
    padding:9px 14px !important;
    justify-content:space-between !important;
    gap:12px !important;
  }
  body.site-page-careers .navbar.scrolled{min-height:76px !important;padding:9px 14px !important;}
  body.site-page-careers .nav-logo{
    flex:0 0 142px !important;
    width:142px !important;
    height:56px !important;
    padding:5px 12px !important;
  }
  body.site-page-careers .nav-logo img{max-height:46px !important;max-width:118px !important;}
  body.site-page-careers .menu-btn{display:flex !important;}
  body.site-page-careers .nav-links{display:none !important;}
  body.site-page-careers .nav-links.open{
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    top:76px !important;
    left:0 !important;
    right:0 !important;
    max-width:none !important;
    min-height:0 !important;
    padding:12px !important;
    gap:8px !important;
    background:#f7f7f7 !important;
    border:0 !important;
    border-bottom:4px solid var(--red) !important;
    box-shadow:0 22px 36px rgba(0,0,0,.24) !important;
  }
  body.site-page-careers .nav-links.open li{width:100% !important;display:block !important;}
  body.site-page-careers .nav-links.open a{
    width:100% !important;
    min-height:50px !important;
    justify-content:center !important;
    border-left:none !important;
    border:1px solid rgba(255,255,255,.1) !important;
    background:#050505 !important;
    color:#fff !important;
    border-radius:0 !important;
  }
  body.site-page-careers .nav-links.open .nav-cta{background:linear-gradient(180deg,var(--red-light),var(--red)) !important;}
}
@media(max-width:520px){
  body.site-page-careers .navbar{min-height:70px !important;padding:7px 10px !important;}
  body.site-page-careers .navbar.scrolled{min-height:70px !important;padding:7px 10px !important;}
  body.site-page-careers .nav-logo{flex-basis:126px !important;width:126px !important;height:52px !important;}
  body.site-page-careers .nav-logo img{max-height:42px !important;max-width:106px !important;}
  body.site-page-careers .nav-links.open{top:70px !important;}
}



/* ==========================================================
   CR8 AUTOS — PROFESSIONAL BLACK HEADER / CENTERED NAV UPDATE
   Header polish only. Content, forms, SEO, and page sections untouched.
   ========================================================== */
body.site-page-careers .navbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  min-height:86px !important;
  padding:0 34px !important;
  display:grid !important;
  grid-template-columns:190px minmax(0,1fr) 190px !important;
  align-items:center !important;
  background:#000000 !important;
  background-color:#000000 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-bottom:1px solid rgba(204,31,31,.55) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.62) !important;
  transition:min-height .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
body.site-page-careers .navbar::after{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-2px !important;
  height:2px !important;
  background:linear-gradient(90deg,transparent 0%,rgba(204,31,31,.35) 20%,rgba(232,51,51,.95) 50%,rgba(204,31,31,.35) 80%,transparent 100%) !important;
  pointer-events:none !important;
}
body.site-page-careers .navbar.scrolled{
  min-height:76px !important;
  padding:0 34px !important;
  background:#000000 !important;
  border-bottom-color:rgba(204,31,31,.72) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.72) !important;
}
body.site-page-careers .nav-logo{
  grid-column:1 !important;
  justify-self:start !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:72px !important;
  min-width:0 !important;
  padding:0 !important;
  gap:0 !important;
  background:transparent !important;
  border:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
  text-decoration:none !important;
}
body.site-page-careers .nav-logo img{
  display:block !important;
  height:64px !important;
  max-height:64px !important;
  width:auto !important;
  max-width:168px !important;
  object-fit:contain !important;
}
body.site-page-careers .nav-links{
  grid-column:2 !important;
  justify-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
body.site-page-careers .nav-links li{display:flex !important;align-items:center !important;}
body.site-page-careers .nav-links a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 17px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.025) !important;
  color:rgba(245,245,245,.88) !important;
  font-family:'Oswald',sans-serif !important;
  font-size:.78rem !important;
  font-weight:600 !important;
  letter-spacing:1.35px !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  clip-path:none !important;
  transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease !important;
}
body.site-page-careers .nav-links a::after{display:none !important;content:none !important;}
body.site-page-careers .nav-links a:hover,
body.site-page-careers .nav-links a.current{
  color:#ffffff !important;
  border-color:rgba(232,51,51,.78) !important;
  background:rgba(204,31,31,.16) !important;
  box-shadow:0 0 0 1px rgba(204,31,31,.18),0 8px 22px rgba(204,31,31,.14) !important;
  transform:translateY(-1px) !important;
}
body.site-page-careers .nav-cta{
  border:1px solid rgba(232,51,51,.95) !important;
  background:linear-gradient(180deg,rgba(204,31,31,.95),rgba(154,21,21,.95)) !important;
  color:#ffffff !important;
  box-shadow:0 9px 22px rgba(204,31,31,.22) !important;
}
body.site-page-careers .nav-cta:hover{
  background:linear-gradient(180deg,#e83333,#cc1f1f) !important;
  color:#ffffff !important;
  border-color:#ff4a4a !important;
  transform:translateY(-1px) !important;
}
body.site-page-careers .menu-btn{
  grid-column:3 !important;
  justify-self:end !important;
  width:46px !important;
  height:42px !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  background:#000000 !important;
  border:1px solid rgba(204,31,31,.65) !important;
  border-radius:999px !important;
  color:#ffffff !important;
  font-size:1.05rem !important;
  cursor:pointer !important;
}
body.site-page-careers .menu-btn:hover{background:rgba(204,31,31,.14) !important;border-color:var(--red-light) !important;}

@media(max-width:1180px){
  body.site-page-careers .navbar{grid-template-columns:170px minmax(0,1fr) 80px !important;padding:0 22px !important;}
  body.site-page-careers .navbar.scrolled{padding:0 22px !important;}
  body.site-page-careers .nav-logo img{height:58px !important;max-height:58px !important;max-width:146px !important;}
  body.site-page-careers .nav-links{gap:7px !important;}
  body.site-page-careers .nav-links a{min-height:40px !important;padding:0 12px !important;font-size:.72rem !important;letter-spacing:1px !important;}
}
@media(max-width:900px){
  body.site-page-careers .navbar,
  body.site-page-careers .navbar.scrolled{
    min-height:76px !important;
    padding:0 16px !important;
    display:grid !important;
    grid-template-columns:auto auto !important;
    justify-content:space-between !important;
    background:#000000 !important;
    border-bottom:1px solid rgba(204,31,31,.65) !important;
  }
  body.site-page-careers .nav-logo{grid-column:1 !important;height:64px !important;justify-self:start !important;}
  body.site-page-careers .nav-logo img{height:54px !important;max-height:54px !important;max-width:138px !important;}
  body.site-page-careers .menu-btn{grid-column:2 !important;display:flex !important;}
  body.site-page-careers .nav-links{display:none !important;}
  body.site-page-careers .nav-links.open{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    position:fixed !important;
    top:76px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-height:calc(100vh - 76px) !important;
    overflow:auto !important;
    padding:16px !important;
    gap:10px !important;
    background:#000000 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-bottom:2px solid rgba(204,31,31,.88) !important;
    box-shadow:0 22px 44px rgba(0,0,0,.72) !important;
  }
  body.site-page-careers .nav-links.open li{width:100% !important;display:block !important;}
  body.site-page-careers .nav-links.open a{
    width:100% !important;
    min-height:52px !important;
    padding:0 18px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:#050505 !important;
    color:#ffffff !important;
    font-size:.86rem !important;
    letter-spacing:1.4px !important;
  }
  body.site-page-careers .nav-links.open a:hover,
  body.site-page-careers .nav-links.open a.current{background:rgba(204,31,31,.18) !important;border-color:rgba(232,51,51,.82) !important;}
  body.site-page-careers .nav-links.open .nav-cta{background:linear-gradient(180deg,var(--red-light),var(--red)) !important;border-color:var(--red-light) !important;}
}
@media(max-width:480px){
  body.site-page-careers .navbar,
  body.site-page-careers .navbar.scrolled{min-height:72px !important;padding:0 12px !important;}
  body.site-page-careers .nav-logo{height:60px !important;}
  body.site-page-careers .nav-logo img{height:48px !important;max-height:48px !important;max-width:120px !important;}
  body.site-page-careers .menu-btn{width:42px !important;height:40px !important;}
  body.site-page-careers .nav-links.open{top:72px !important;max-height:calc(100vh - 72px) !important;padding:12px !important;}
}



/* ==========================================================
   CR8 AUTOS — FINAL NAV CLEANUP
   Removes boxed outlines around nav tabs and keeps Contact Us
   the same size/alignment as every other nav item.
   ========================================================== */
body.site-page-careers .nav-links{
  gap:18px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
body.site-page-careers .nav-links li{
  display:flex !important;
  align-items:center !important;
}
body.site-page-careers .nav-links a,
body.site-page-careers .nav-links .nav-cta,
body.site-page-careers .nav-cta{
  min-height:42px !important;
  height:42px !important;
  padding:0 15px !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  clip-path:none !important;
  color:rgba(245,245,245,.88) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}
body.site-page-careers .nav-links a::after,
body.site-page-careers .nav-links .nav-cta::after,
body.site-page-careers .nav-cta::after{
  content:'' !important;
  display:block !important;
  position:absolute !important;
  left:15px !important;
  right:15px !important;
  bottom:6px !important;
  width:auto !important;
  height:2px !important;
  background:var(--red) !important;
  transform:scaleX(0) !important;
  transform-origin:center !important;
  transition:transform .22s ease !important;
}
body.site-page-careers .nav-links a:hover,
body.site-page-careers .nav-links a.current,
body.site-page-careers .nav-links .nav-cta:hover,
body.site-page-careers .nav-cta:hover{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#ffffff !important;
  transform:none !important;
}
body.site-page-careers .nav-links a:hover::after,
body.site-page-careers .nav-links a.current::after,
body.site-page-careers .nav-links .nav-cta:hover::after,
body.site-page-careers .nav-cta:hover::after{
  transform:scaleX(1) !important;
}
body.site-page-careers .nav-links .nav-cta,
body.site-page-careers .nav-cta{
  font-size:.78rem !important;
  font-weight:600 !important;
  letter-spacing:1.35px !important;
  min-width:auto !important;
  color:#ffffff !important;
}
body.site-page-careers .nav-links .nav-cta::before,
body.site-page-careers .nav-cta::before{
  content:'' !important;
  position:absolute !important;
  inset:5px 4px !important;
  background:rgba(204,31,31,.92) !important;
  z-index:-1 !important;
  transform:skewX(-10deg) !important;
  transition:background .22s ease !important;
}
body.site-page-careers .nav-links .nav-cta:hover::before,
body.site-page-careers .nav-cta:hover::before{
  background:var(--red-light) !important;
}
@media(max-width:1180px){
  body.site-page-careers .nav-links{gap:10px !important;}
  body.site-page-careers .nav-links a,
  body.site-page-careers .nav-links .nav-cta,
  body.site-page-careers .nav-cta{height:40px !important;min-height:40px !important;padding:0 11px !important;font-size:.72rem !important;letter-spacing:1px !important;}
  body.site-page-careers .nav-links a::after,body.site-page-careers .nav-links .nav-cta::after,body.site-page-careers .nav-cta::after{left:11px !important;right:11px !important;bottom:5px !important;}
}
@media(max-width:900px){
  body.site-page-careers .nav-links.open{
    gap:6px !important;
    background:#000000 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-bottom:2px solid rgba(204,31,31,.88) !important;
    box-shadow:0 22px 44px rgba(0,0,0,.72) !important;
  }
  body.site-page-careers .nav-links.open a,
  body.site-page-careers .nav-links.open .nav-cta,
  body.site-page-careers .nav-links.open .nav-cta:hover{
    width:100% !important;
    min-height:50px !important;
    height:50px !important;
    padding:0 18px !important;
    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#ffffff !important;
  }
  body.site-page-careers .nav-links.open .nav-cta::before{inset:7px 12px !important;}
}

/* Classes generated from former inline style attributes. */
body.site-page-careers .careers-utility-1{background:var(--dark);}
body.site-page-careers .careers-utility-2{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem;}
body.site-page-careers .careers-utility-3{color:var(--red)}
body.site-page-careers .careers-utility-4{color:var(--gray);font-size:1.15rem;line-height:1.8;max-width:600px;font-style:italic;}
body.site-page-careers .careers-utility-5{margin-bottom:2rem;}
body.site-page-careers .careers-utility-6{font-size:6px;}
body.site-page-careers .careers-utility-7{flex-shrink:0;}
body.site-page-careers .careers-utility-8{transition-delay:0.15s;}
body.site-page-careers .careers-utility-9{margin-top:4rem;padding:3rem;background:var(--card);border:1px solid var(--border);border-left:3px solid var(--red);}
body.site-page-careers .careers-utility-10{font-family:'Oswald',sans-serif;font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;}
body.site-page-careers .careers-utility-11{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem;}
body.site-page-careers .careers-utility-12{display:flex;gap:10px;align-items:start;}
body.site-page-careers .careers-utility-13{color:var(--red);margin-top:4px;flex-shrink:0;}
body.site-page-careers .careers-utility-14{color:var(--gray);}
body.site-page-careers .careers-utility-15{display:flex;align-items:center;gap:10px;cursor:pointer;}
body.site-page-careers .careers-utility-16{height:48px;width:auto;}
body.site-page-careers .careers-utility-17{font-style:normal;}
body.site-page-careers .careers-utility-18{margin-top:0.8rem;font-size:0.8rem;color:var(--gray);line-height:1.6;}
body.site-page-careers .careers-utility-19{font-size:0.8rem;}
body.site-page-careers .careers-utility-20{color:var(--red);text-decoration:none;}
body.site-page-careers .careers-utility-21{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:2px;color:var(--red);margin-bottom:0.3rem;}
body.site-page-careers .careers-utility-22{font-family:'Oswald',sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;}
body.site-page-careers .careers-utility-23{width:100%;justify-content:center;}
body.site-page-careers .careers-utility-24{max-width:640px;}
body.site-page-careers .careers-utility-25{width:50%}
body.site-page-careers .careers-utility-26{margin-left:8px;}
body.site-page-careers .careers-utility-27{display:none;}
body.site-page-careers .careers-utility-28{padding:0.6rem 1.5rem;}
body.site-page-careers .careers-utility-29{padding:0.6rem 1.5rem;display:none;}


/* ==========================================================================
   Watervliet auto body landing page — scoped to body.site-page-auto-body-work-watervliet-ny
   ========================================================================== */
/* Watervliet auto body service landing page styles. */
:root {
  --black:#0a0a0a;
  --dark:#111111;
  --card:#161616;
  --border:#222222;
  --red:#cc1f1f;
  --red-light:#e83333;
  --red-dark:#9a1515;
  --white:#f5f5f5;
  --gray:#888888;
  --light-gray:#cccccc;
}
body.site-page-auto-body-work-watervliet-ny *{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.site-page-auto-body-work-watervliet-ny{font-family:'Crimson Pro',serif;background:var(--black);color:var(--white);overflow-x:hidden;}
body.site-page-auto-body-work-watervliet-ny a{color:inherit;}
body.site-page-auto-body-work-watervliet-ny ::-webkit-scrollbar{width:4px;}
body.site-page-auto-body-work-watervliet-ny ::-webkit-scrollbar-track{background:var(--black);}
body.site-page-auto-body-work-watervliet-ny ::-webkit-scrollbar-thumb{background:var(--red);}
body.site-page-auto-body-work-watervliet-ny .navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 3rem;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,10,0.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(204,31,31,0.2);transition:all 0.3s;}
body.site-page-auto-body-work-watervliet-ny .nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer;}
body.site-page-auto-body-work-watervliet-ny .nav-logo img{height:54px;width:auto;display:block;}
body.site-page-auto-body-work-watervliet-ny .nav-links{display:flex;gap:2rem;list-style:none;align-items:center;}
body.site-page-auto-body-work-watervliet-ny .nav-links a{color:var(--light-gray);text-decoration:none;font-family:'Oswald',sans-serif;font-size:0.82rem;letter-spacing:2px;text-transform:uppercase;font-weight:400;transition:color 0.3s;position:relative;}
body.site-page-auto-body-work-watervliet-ny .nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--red);transition:width 0.3s;}
body.site-page-auto-body-work-watervliet-ny .nav-links a:hover{color:var(--white);}
body.site-page-auto-body-work-watervliet-ny .nav-links a:hover::after{width:100%;}
body.site-page-auto-body-work-watervliet-ny .nav-cta{background:var(--red)!important;color:white!important;padding:0.55rem 1.3rem;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:2px;font-size:0.78rem;border:none;text-transform:uppercase;text-decoration:none;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
body.site-page-auto-body-work-watervliet-ny .btn{display:inline-flex;align-items:center;gap:8px;padding:0.9rem 2rem;font-family:'Oswald',sans-serif;font-weight:500;font-size:0.85rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;text-decoration:none;transition:all 0.3s;}
body.site-page-auto-body-work-watervliet-ny .btn-red{background:var(--red);color:white;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);}
body.site-page-auto-body-work-watervliet-ny .btn-red:hover{background:var(--red-light);transform:translateY(-3px);}
body.site-page-auto-body-work-watervliet-ny .btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.2);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);}
body.site-page-auto-body-work-watervliet-ny .btn-outline:hover{border-color:var(--red);color:var(--red);}
body.site-page-auto-body-work-watervliet-ny .seo-hero{min-height:78vh;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--black);padding:140px 3rem 80px;}
body.site-page-auto-body-work-watervliet-ny .seo-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(204,31,31,0.10) 0%,transparent 48%),linear-gradient(225deg,rgba(204,31,31,0.04) 0%,transparent 60%);}
body.site-page-auto-body-work-watervliet-ny .seo-hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(204,31,31,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(204,31,31,0.06) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 30% 40%,black 22%,transparent 72%);}
body.site-page-auto-body-work-watervliet-ny .seo-hero-inner{max-width:1050px;margin:0 auto;text-align:center;position:relative;z-index:1;}
body.site-page-auto-body-work-watervliet-ny .seo-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:1.5rem;justify-content:center;}
body.site-page-auto-body-work-watervliet-ny .seo-tag span{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--red);}
body.site-page-auto-body-work-watervliet-ny .seo-tag::before,body.site-page-auto-body-work-watervliet-ny .seo-tag::after{content:'';width:40px;height:1px;background:var(--red);}
body.site-page-auto-body-work-watervliet-ny .seo-title{font-family:'Oswald',sans-serif;font-size:clamp(3.2rem,7vw,6.2rem);font-weight:700;line-height:.93;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;}
body.site-page-auto-body-work-watervliet-ny .seo-title span{color:var(--red);display:block;}
body.site-page-auto-body-work-watervliet-ny .seo-sub{font-size:1.18rem;color:var(--gray);line-height:1.8;max-width:760px;margin:0 auto 2.3rem;font-style:italic;}
body.site-page-auto-body-work-watervliet-ny .hero-btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;}
body.site-page-auto-body-work-watervliet-ny .section{padding:90px 3rem;position:relative;}
body.site-page-auto-body-work-watervliet-ny .section-dark{background:var(--dark);}
body.site-page-auto-body-work-watervliet-ny .section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(204,31,31,0.25),transparent);}
body.site-page-auto-body-work-watervliet-ny .section-inner{max-width:1300px;margin:0 auto;}
body.site-page-auto-body-work-watervliet-ny .section-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:1rem;}
body.site-page-auto-body-work-watervliet-ny .section-tag span{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--red);}
body.site-page-auto-body-work-watervliet-ny .section-tag::before{content:'';width:30px;height:1px;background:var(--red);}
body.site-page-auto-body-work-watervliet-ny .section-title{font-family:'Oswald',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;text-transform:uppercase;letter-spacing:1px;line-height:1;}
body.site-page-auto-body-work-watervliet-ny .section-title span{color:var(--red);}
body.site-page-auto-body-work-watervliet-ny .section-sub{color:var(--gray);font-size:1.1rem;line-height:1.8;margin-top:0.8rem;max-width:720px;font-style:italic;}
body.site-page-auto-body-work-watervliet-ny .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem;}
body.site-page-auto-body-work-watervliet-ny .info-card{background:var(--black);padding:2.4rem;position:relative;overflow:hidden;transition:all .3s ease;}
body.site-page-auto-body-work-watervliet-ny .info-card:hover{background:var(--card);}
body.site-page-auto-body-work-watervliet-ny .info-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--red);transition:height .35s ease;}
body.site-page-auto-body-work-watervliet-ny .info-card:hover::before{height:100%;}
body.site-page-auto-body-work-watervliet-ny .info-card h3{font-family:'Oswald',sans-serif;font-size:1.45rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;}
body.site-page-auto-body-work-watervliet-ny .info-card p{color:var(--gray);font-size:1rem;line-height:1.78;margin-bottom:1rem;}
body.site-page-auto-body-work-watervliet-ny .service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem;}
body.site-page-auto-body-work-watervliet-ny .service-card{background:var(--dark);padding:2rem;min-height:210px;position:relative;transition:all .3s ease;}
body.site-page-auto-body-work-watervliet-ny .service-card:hover{background:var(--card);transform:translateY(-2px);}
body.site-page-auto-body-work-watervliet-ny .service-num{font-family:'DM Mono',monospace;font-size:.7rem;color:var(--red);letter-spacing:2px;margin-bottom:1rem;opacity:.7;}
body.site-page-auto-body-work-watervliet-ny .service-card i{color:var(--red);font-size:1.65rem;margin-bottom:1rem;}
body.site-page-auto-body-work-watervliet-ny .service-card h3{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:1.15rem;margin-bottom:.7rem;}
body.site-page-auto-body-work-watervliet-ny .service-card p{color:var(--gray);font-size:.96rem;line-height:1.65;}
body.site-page-auto-body-work-watervliet-ny .area-cloud{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem;}
body.site-page-auto-body-work-watervliet-ny .area-cloud span{border:1px solid rgba(255,255,255,.12);padding:.65rem .9rem;color:var(--light-gray);font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:1.4px;text-transform:uppercase;background:rgba(255,255,255,.03);}
body.site-page-auto-body-work-watervliet-ny .cta-panel{background:linear-gradient(135deg,rgba(204,31,31,.16),rgba(17,17,17,1) 55%);border:1px solid var(--border);padding:3rem;margin-top:3rem;position:relative;overflow:hidden;}
body.site-page-auto-body-work-watervliet-ny .cta-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),transparent);}
body.site-page-auto-body-work-watervliet-ny .cta-panel h2{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:clamp(2rem,4vw,3.5rem);line-height:1;margin-bottom:1rem;}
body.site-page-auto-body-work-watervliet-ny .cta-panel h2 span{color:var(--red);}
body.site-page-auto-body-work-watervliet-ny .cta-panel p{color:var(--gray);line-height:1.8;font-size:1.08rem;max-width:850px;}
body.site-page-auto-body-work-watervliet-ny .faq-list{margin-top:3rem;border-top:1px solid var(--border);}
body.site-page-auto-body-work-watervliet-ny .faq-item{border-bottom:1px solid var(--border);padding:1.5rem 0;}
body.site-page-auto-body-work-watervliet-ny .faq-item h3{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:1.08rem;margin-bottom:.55rem;color:var(--white);}
body.site-page-auto-body-work-watervliet-ny .faq-item p{color:var(--gray);line-height:1.75;max-width:950px;}
body.site-page-auto-body-work-watervliet-ny .footer{background:var(--black);border-top:1px solid var(--border);padding:2.4rem 3rem;text-align:center;}
body.site-page-auto-body-work-watervliet-ny .footer p{color:var(--gray);line-height:1.7;}
body.site-page-auto-body-work-watervliet-ny .footer a{color:var(--red);text-decoration:none;}
@media(max-width:900px){
  body.site-page-auto-body-work-watervliet-ny .navbar{padding:1rem 1.3rem;}
  body.site-page-auto-body-work-watervliet-ny .nav-links{display:none;}
  body.site-page-auto-body-work-watervliet-ny .seo-hero,body.site-page-auto-body-work-watervliet-ny .section{padding-left:1.3rem;padding-right:1.3rem;}
  body.site-page-auto-body-work-watervliet-ny .content-grid{grid-template-columns:1fr;}
  body.site-page-auto-body-work-watervliet-ny .seo-title{font-size:clamp(2.8rem,13vw,4.4rem);}
  body.site-page-auto-body-work-watervliet-ny .service-grid{grid-template-columns:1fr;}
  body.site-page-auto-body-work-watervliet-ny .cta-panel{padding:2rem;}
}

/* Classes generated from former inline style attributes. */
body.site-page-auto-body-work-watervliet-ny .auto-body-work-watervliet-ny-utility-1{justify-content:flex-start;margin-top:2rem;}


/* ==========================================================================
   Minor bumper damage article — scoped to body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored
   ========================================================================== */
:root{--black:#0a0a0a;--dark:#111111;--card:#161616;--border:#222222;--red:#cc1f1f;--red-light:#e83333;--white:#f5f5f5;--gray:#888888;--light-gray:#cccccc}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored *{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored{font-family:'Crimson Pro',serif;background:var(--black);color:var(--white);overflow-x:hidden;line-height:1.8}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored a{color:inherit}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 3rem;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,10,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(204,31,31,.2)}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .logo-text{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;color:var(--white)}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .logo-text span{color:var(--red)}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-links{display:flex;gap:2rem;list-style:none;align-items:center}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-links a{color:var(--light-gray);text-decoration:none;font-family:'Oswald',sans-serif;font-size:.82rem;letter-spacing:2px;text-transform:uppercase}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-links a:hover{color:var(--white)}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-cta{background:var(--red)!important;color:white!important;padding:.55rem 1.3rem;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:2px;font-size:.78rem;text-transform:uppercase;text-decoration:none;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .blog-hero{padding:150px 3rem 70px;background:var(--dark);position:relative;overflow:hidden}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .blog-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(204,31,31,.10) 0%,transparent 48%),linear-gradient(225deg,rgba(204,31,31,.04) 0%,transparent 60%)}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .blog-hero-inner{max-width:1050px;margin:0 auto;text-align:center;position:relative;z-index:1}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .blog-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:1.4rem;color:var(--red);font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:3px;text-transform:uppercase}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .blog-tag:before,body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .blog-tag:after{content:'';width:38px;height:1px;background:var(--red)}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored h1{font-family:'Oswald',sans-serif;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:700;line-height:.95;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.4rem}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .hero-sub{font-size:1.16rem;color:var(--gray);line-height:1.8;max-width:760px;margin:0 auto;font-style:italic}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .article-wrap{padding:70px 3rem 100px}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .article-inner{max-width:980px;margin:0 auto}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .hero-img{width:100%;display:block;border:1px solid var(--border);margin-bottom:45px}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .image-caption{font-size:.9rem;color:var(--gray);font-style:italic;margin-top:-32px;margin-bottom:45px}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .article-content{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--red);padding:clamp(2rem,4vw,4rem)}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .article-content p{font-size:1.12rem;color:var(--light-gray);margin-bottom:1.3rem}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .article-content h2{font-family:'Oswald',sans-serif;color:var(--red);font-size:2rem;letter-spacing:1px;text-transform:uppercase;margin:2.4rem 0 1rem}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .article-content h2:first-child{margin-top:0}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .cta-box{margin-top:45px;background:var(--black);border:1px solid rgba(204,31,31,.25);padding:2.2rem;text-align:center}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .cta-box h3{font-family:'Oswald',sans-serif;font-size:2rem;text-transform:uppercase;margin-bottom:.7rem}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .cta-box p{color:var(--gray);max-width:650px;margin:0 auto 1.5rem}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .btn{display:inline-flex;align-items:center;gap:8px;padding:.9rem 2rem;font-family:'Oswald',sans-serif;font-weight:500;font-size:.85rem;letter-spacing:2px;text-transform:uppercase;border:none;text-decoration:none;transition:all .3s}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .btn-red{background:var(--red);color:white;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .btn-red:hover{background:var(--red-light);transform:translateY(-3px)}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .footer{padding:40px 3rem;background:var(--dark);border-top:1px solid rgba(204,31,31,.2);text-align:center;color:var(--gray)}@media(max-width:850px){body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .navbar{padding:1rem}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-links{display:none}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .blog-hero,body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .article-wrap{padding-left:1.2rem;padding-right:1.2rem}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .article-content{padding:1.5rem}}
/* Blog article styles. */
/* ===== CR8 MATCHING NAV OVERRIDES ===== */
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .navbar{position:fixed!important;top:0!important;left:0!important;width:100%!important;z-index:1000!important;padding:1rem 3rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:rgba(10,10,10,.95)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(204,31,31,.2)!important;transition:all .3s!important}
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .navbar.scrolled{padding:.7rem 3rem!important;border-bottom-color:rgba(204,31,31,.4)!important}
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-logo{display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;cursor:pointer!important}
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-logo img{height:54px!important;width:auto!important;display:block!important}
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-links{display:flex!important;gap:2rem!important;list-style:none!important;align-items:center!important}
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-links a{color:var(--light-gray)!important;text-decoration:none!important;font-family:'Oswald',sans-serif!important;font-size:.82rem!important;letter-spacing:2px!important;text-transform:uppercase!important;font-weight:400!important;transition:color .3s!important;position:relative!important}
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-links a::after{content:''!important;position:absolute!important;bottom:-4px!important;left:0!important;width:0!important;height:1px!important;background:var(--red)!important;transition:width .3s!important}
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-links a:hover{color:var(--white)!important}
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-links a:hover::after{width:100%!important}
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-cta{background:var(--red)!important;color:white!important;padding:.55rem 1.3rem!important;font-family:'Oswald',sans-serif!important;font-weight:600!important;letter-spacing:2px!important;font-size:.78rem!important;border:none!important;text-transform:uppercase!important;text-decoration:none!important;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)!important}
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-cta::after{display:none!important}
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .menu-btn{display:none;background:none;border:none;color:var(--white);font-size:1.4rem;cursor:pointer}
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .footer a{color:var(--light-gray);text-decoration:none}
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .footer a:hover{color:var(--red)}
@media(max-width:900px){body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .navbar{padding:.85rem 1rem!important}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .menu-btn{display:block!important}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-links{display:none!important}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-links.open{display:flex!important;position:fixed!important;top:76px!important;left:0!important;right:0!important;flex-direction:column!important;background:#0a0a0a!important;border-bottom:3px solid var(--red)!important;padding:1rem!important;gap:.7rem!important}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-links.open li{width:100%!important}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-links.open a{display:flex!important;justify-content:center!important;width:100%!important;padding:.9rem!important;background:#111!important;border:1px solid var(--border)!important}body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .nav-links.open .nav-cta{background:var(--red)!important}}

/* Classes generated from former inline style attributes. */


/* ==========================================================================
   Legal pages — scoped to body.site-page-legal
   ========================================================================== */
/* Privacy, terms, and cookie policy page styles. */
body.site-page-legal { background: #f3f2ef; color: #222522; }
body.site-page-legal .legal-main { padding: 132px 24px 80px; }
body.site-page-legal .legal-card {
  width: min(100%, 980px);
  margin: 0 auto;
  padding: clamp(30px, 6vw, 72px);
  background: #ffffff;
  border: 1px solid #d9d6d1;
  border-top: 6px solid #c91f27;
  box-shadow: 0 20px 60px rgba(28, 32, 28, .09);
}
body.site-page-legal .legal-eyebrow {
  margin: 0 0 12px;
  color: #c91f27;
  font-family: 'DM Mono', monospace;
  font-size: .72rem;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}
body.site-page-legal .legal-card h1,
body.site-page-legal .legal-card h2 { font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #191b19; }
body.site-page-legal .legal-card h1 { margin: 0 0 12px; font-size: clamp(2.7rem, 7vw, 5.2rem); line-height: .98; }
body.site-page-legal .legal-card h2 { margin: 36px 0 10px; font-size: 1.5rem; }
body.site-page-legal .legal-updated { margin: 0 0 34px; color: #646964; }
body.site-page-legal .legal-card p,
body.site-page-legal .legal-card li { color: #4d524d; font-size: 1.03rem; line-height: 1.75; }
body.site-page-legal .legal-card ul { padding-left: 22px; }
body.site-page-legal .legal-card a { color: #a91419; }
body.site-page-legal .legal-contact {
  margin-top: 40px;
  padding: 24px;
  background: #f7f5f2;
  border-left: 4px solid #c91f27;
}
body.site-page-legal .legal-footer {
  padding: 34px 24px;
  text-align: center;
  background: #1f231f;
  color: #ffffff;
  border-top: 5px solid #c91f27;
}
body.site-page-legal .legal-footer p { margin: 6px 0; color: #ffffff; }
body.site-page-legal .legal-footer a { color: #ffffff; }
@media (max-width: 700px) {
  body.site-page-legal .legal-main { padding: 102px 14px 48px; }
  body.site-page-legal .legal-card { padding: 28px 20px; }
}


/* ==========================================================================
   Shared public theme and final cross-page overrides
   ========================================================================== */
/* Shared CR8 Autos public-page styles. */
:root {
  --black: #f4f5f2;
  --dark: #ffffff;
  --card: #ffffff;
  --border: #d8dbd5;
  --red: #c91f27;
  --red-light: #e12a33;
  --red-dark: #98171c;
  --white: #1a1c1a;
  --gray: #626762;
  --light-gray: #343834;
}

* { box-sizing: border-box; }
html { background: #f4f5f2; }
body.site-page {
  margin: 0;
  background: #f4f5f2 !important;
  color: #1a1c1a !important;
}
body.site-page p { color: #626762; }
body.site-page h1,
body.site-page h2,
body.site-page h3,
body.site-page h4,
body.site-page strong { color: #1a1c1a; }

/* Shared public header */
body.site-page .navbar,
body.site-page .navbar.scrolled {
  position: fixed !important;
  inset: 0 0 auto !important;
  z-index: 1000 !important;
  min-height: 88px !important;
  width: 100% !important;
  padding: 0 32px !important;
  display: grid !important;
  grid-template-columns: 188px minmax(0, 1fr) 48px !important;
  align-items: center !important;
  gap: 24px !important;
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 3px solid #c91f27 !important;
  box-shadow: 0 8px 24px rgba(22, 26, 22, .1) !important;
  backdrop-filter: none !important;
}
body.site-page .navbar::before,
body.site-page .navbar::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
body.site-page .nav-logo {
  grid-column: 1 !important;
  width: 178px !important;
  min-width: 0 !important;
  height: 88px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body.site-page .nav-logo img {
  width: 172px !important;
  height: 76px !important;
  max-width: 100% !important;
  max-height: 76px !important;
  object-fit: contain !important;
  flex: 0 0 auto !important;
}
body.site-page .nav-links {
  grid-column: 2 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: clamp(18px, 2.5vw, 42px) !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
body.site-page .nav-links li { display: flex !important; }
body.site-page .nav-links a,
body.site-page .nav-links .nav-cta {
  position: relative !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 2px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #232623 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: .78rem !important;
  font-weight: 650 !important;
  letter-spacing: 1.3px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
body.site-page .nav-links a::after {
  content: '' !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 4px !important;
  left: 0 !important;
  width: auto !important;
  height: 3px !important;
  background: #c91f27 !important;
  transform: scaleX(0) !important;
  transition: transform .2s ease !important;
}
body.site-page .nav-links a:hover,
body.site-page .nav-links a.current { color: #a8171e !important; }
body.site-page .nav-links a:hover::after,
body.site-page .nav-links a.current::after { transform: scaleX(1) !important; }
body.site-page .nav-links .nav-cta {
  min-width: 118px !important;
  padding: 0 18px !important;
  background: #c91f27 !important;
  color: #ffffff !important;
  transform: skewX(-8deg) !important;
}
body.site-page .nav-links .nav-cta::after { display: none !important; }
body.site-page .menu-btn {
  grid-column: 3 !important;
  justify-self: end !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  display: none !important;
  place-items: center !important;
  background: #202320 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Shared buttons and forms */
body.site-page .btn {
  min-height: 48px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 0 !important;
  clip-path: none !important;
  box-shadow: none !important;
}
body.site-page .btn-red {
  background: #c91f27 !important;
  color: #ffffff !important;
  border: 1px solid #c91f27 !important;
}
body.site-page .btn-red:hover { background: #a8171e !important; transform: translateY(-2px); }
body.site-page .btn-outline,
body.site-page .btn-dark {
  background: #ffffff !important;
  color: #232623 !important;
  border: 1px solid #9fa49d !important;
}
body.site-page .btn-outline:hover,
body.site-page .btn-dark:hover {
  color: #a8171e !important;
  border-color: #c91f27 !important;
}
body.site-page input,
body.site-page select,
body.site-page textarea,
body.site-page .form-input,
body.site-page .form-select,
body.site-page .form-textarea {
  background: #ffffff !important;
  color: #1a1c1a !important;
  border: 1px solid #bfc4bd !important;
  box-shadow: none !important;
}
body.site-page input:focus,
body.site-page select:focus,
body.site-page textarea:focus {
  outline: 3px solid rgba(201, 31, 39, .12) !important;
  border-color: #c91f27 !important;
}
body.site-page option { background: #ffffff !important; color: #1a1c1a !important; }
body.site-page .form-label { color: #424642 !important; }

/* Homepage: photo upload is the product, not a secondary feature */
body.site-page-index #page-home.page.active {
  display: flex !important;
  flex-direction: column !important;
}
body.site-page-index .home-hero { order: 1; }
body.site-page-index #damage-estimator { order: 2; }
body.site-page-index .shop-intro { order: 3; }
body.site-page-index #services-section { order: 4; }
body.site-page-index .local-seo-section { order: 5; }
body.site-page-index #page-home > .blog-links-grid { order: 5; }
body.site-page-index .home-hero {
  width: min(100%, 1240px) !important;
  margin: 0 auto !important;
  padding-top: 88px !important;
  grid-template-columns: 375px minmax(0, 1fr) !important;
  grid-template-rows: 500px auto !important;
  background: #ffffff !important;
  border: 0 !important;
}
body.site-page-index .home-hero-copy { background: #ffffff !important; color: #1a1c1a !important; }
body.site-page-index .home-hero-copy h1 { color: #1a1c1a !important; font-size: clamp(2.7rem, 3.5vw, 4rem) !important; }
body.site-page-index .home-hero-copy h1 span { color: #c91f27 !important; }
body.site-page-index .home-hero-media { background: #e8eae6 !important; border-right-color: #c91f27 !important; }
body.site-page-index .home-hero-media img { object-fit: contain !important; object-position: center !important; }
body.site-page-index .home-hero-buttons a:first-child {
  min-width: 260px !important;
  min-height: 56px !important;
  background: #c91f27 !important;
  color: #ffffff !important;
  border: 2px solid #c91f27 !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
}
body.site-page-index .home-hero-buttons a:last-child {
  min-height: 56px !important;
  background: #ffffff !important;
  color: #272a27 !important;
  border: 1px solid #aeb3ac !important;
}
body.site-page-index .hero-action-bar { background: #ffffff !important; border-top: 5px solid #c91f27 !important; }
body.site-page-index .hero-quick-stat { background: #ffffff !important; border-color: #d8dbd5 !important; }
body.site-page-index .hero-quick-num { color: #c91f27 !important; }
body.site-page-index .hero-address-link,
body.site-page-index .hero-phone-link { background: #f5f6f3 !important; color: #242724 !important; border-color: #d2d6d0 !important; }
body.site-page-index .damage-ai-section {
  padding: 88px 3rem !important;
  background: #f4f5f2 !important;
  background-image: none !important;
  border-top: 1px solid #d8dbd5 !important;
}
body.site-page-index .damage-ai-section::before,
body.site-page-index .damage-ai-section::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}
body.site-page-index .damage-ai-shell { max-width: 1240px !important; }
body.site-page-index .damage-ai-header {
  padding: 0 0 28px !important;
  border-bottom: 5px solid #1f221f !important;
}
body.site-page-index .damage-ai-header h2 {
  color: #1a1c1a !important;
  font-size: clamp(2.5rem, 4vw, 4.4rem) !important;
}
body.site-page-index .damage-ai-header h2::before {
  content: 'Start here';
  display: block;
  margin-bottom: 10px;
  color: #c91f27;
  font-family: 'DM Mono', monospace;
  font-size: .7rem;
  letter-spacing: 3px;
  text-transform: uppercase;
}
body.site-page-index .damage-ai-card,
body.site-page-index .damage-ai-main,
body.site-page-index .damage-ai-side,
body.site-page-index .damage-result-box {
  background: #ffffff !important;
  color: #1a1c1a !important;
  border-color: #d8dbd5 !important;
}
body.site-page-index .damage-ai-card { box-shadow: 0 18px 46px rgba(25, 29, 25, .08) !important; }
body.site-page-index .damage-upload-zone {
  min-height: 220px !important;
  background: #fff7f7 !important;
  border: 2px dashed #c91f27 !important;
}
body.site-page-index .damage-upload-zone i,
body.site-page-index .damage-upload-title { color: #c91f27 !important; }
body.site-page-index .shop-intro,
body.site-page-index .services,
body.site-page-index .section { background: #ffffff !important; }
body.site-page-index .service-card,
body.site-page-index .services-category-header,
body.site-page-index .blog-link-card { background: #ffffff !important; border-color: #d8dbd5 !important; }

/* Booking */
body.site-page-booking .booking-hero,
body.site-page-booking .booking-section {
  background: #f4f5f2 !important;
  color: #1a1c1a !important;
}
body.site-page-booking .booking-hero {
  padding: 142px 3rem 54px !important;
  min-height: 0 !important;
}
body.site-page-booking .booking-hero::after { background: linear-gradient(135deg, rgba(201,31,39,.06), transparent 55%) !important; }
body.site-page-booking .booking-hero-title { color: #1a1c1a !important; }
body.site-page-booking .booking-hero-sub,
body.site-page-booking .booking-sidebar p { color: #626762 !important; }
body.site-page-booking .booking-form-card,
body.site-page-booking .booking-sidebar,
body.site-page-booking .calendar-wrap,
body.site-page-booking .form-success .appt-details {
  background: #ffffff !important;
  color: #1a1c1a !important;
  border-color: #d8dbd5 !important;
  box-shadow: 0 14px 36px rgba(24, 28, 24, .06) !important;
}
body.site-page-booking .book-progress { background: #e5e7e2 !important; }
body.site-page-booking .cal-day,
body.site-page-booking .cal-time-slot,
body.site-page-booking .cal-nav-btn {
  background: #ffffff !important;
  color: #343834 !important;
  border-color: #cfd3cc !important;
}
body.site-page-booking .cal-day-selected,
body.site-page-booking .cal-time-selected { background: #c91f27 !important; color: #ffffff !important; border-color: #c91f27 !important; }
body.site-page-booking .policy-note { background: #fff5f5 !important; color: #5f645f !important; }

/* Why Us and Careers */
body.site-page-whyus .why-hero,
body.site-page-whyus .story-section,
body.site-page-whyus .mission-block,
body.site-page-careers .careers-hero,
body.site-page-careers .jobs-section {
  background: #f4f5f2 !important;
  color: #1a1c1a !important;
}
body.site-page-whyus .why-hero,
body.site-page-careers .careers-hero { padding: 142px 3rem 68px !important; }
body.site-page-whyus .value-card,
body.site-page-whyus .story-img-placeholder,
body.site-page-careers .job-card,
body.site-page-careers .form-card,
body.site-page-careers .modal,
body.site-page-whyus .modal,
body.site-page-whyus .form-card {
  background: #ffffff !important;
  color: #1a1c1a !important;
  border-color: #d8dbd5 !important;
  box-shadow: 0 12px 30px rgba(24, 28, 24, .055) !important;
}
body.site-page-careers .job-card:hover,
body.site-page-whyus .value-card:hover { background: #fff8f8 !important; border-color: #c91f27 !important; }
body.site-page-whyus .story-badge { background: rgba(255,255,255,.95) !important; color: #1a1c1a !important; }
body.site-page-whyus .badge-gray,
body.site-page-careers .badge-gray,
body.site-page-careers .perk { background: #f1f2ef !important; color: #4c514c !important; border-color: #d4d7d2 !important; }
body.site-page-whyus .modal-header,
body.site-page-careers .modal-header { background: #ffffff !important; }

/* Service and editorial pages */
body.site-page-auto-body-work-watervliet-ny .seo-hero,
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .blog-hero {
  min-height: 0 !important;
  padding: 142px 3rem 68px !important;
  background: #f4f5f2 !important;
  color: #1a1c1a !important;
}
body.site-page-auto-body-work-watervliet-ny .section,
body.site-page-auto-body-work-watervliet-ny .section-dark,
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .article-wrap {
  background: #ffffff !important;
  color: #1a1c1a !important;
}
body.site-page-auto-body-work-watervliet-ny .info-card,
body.site-page-auto-body-work-watervliet-ny .service-card,
body.site-page-auto-body-work-watervliet-ny .cta-panel,
body.site-page-auto-body-work-watervliet-ny .faq-item,
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .article-content,
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .cta-box {
  background: #ffffff !important;
  color: #1a1c1a !important;
  border-color: #d8dbd5 !important;
  box-shadow: 0 12px 28px rgba(24, 28, 24, .05) !important;
}
body.site-page-auto-body-work-watervliet-ny .area-cloud span { background: #f1f2ef !important; color: #454a45 !important; border-color: #d4d7d2 !important; }
body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .article-content p { color: #4f544f !important; }

/* Shared footer: deliberate dark endpoint */
body.site-page .footer {
  background: #1f221f !important;
  color: #ffffff !important;
  border-top: 6px solid #c91f27 !important;
}
body.site-page .footer p,
body.site-page .footer a,
body.site-page .footer h3,
body.site-page .footer strong { color: #ffffff !important; }

@media (max-width: 900px) {
  body.site-page .navbar,
  body.site-page .navbar.scrolled {
    min-height: 76px !important;
    padding: 0 14px !important;
    grid-template-columns: 150px 1fr 44px !important;
  }
  body.site-page .nav-logo { width: 146px !important; height: 76px !important; }
  body.site-page .nav-logo img { width: 140px !important; height: 60px !important; max-height: 60px !important; }
  body.site-page .menu-btn { display: grid !important; }
  body.site-page .nav-links { display: none !important; }
  body.site-page .nav-links.open {
    position: fixed !important;
    top: 76px !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-height: calc(100dvh - 76px) !important;
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    overflow-y: auto !important;
    background: #ffffff !important;
    border-bottom: 4px solid #c91f27 !important;
    box-shadow: 0 18px 34px rgba(0,0,0,.16) !important;
  }
  body.site-page .nav-links.open li { width: 100% !important; }
  body.site-page .nav-links.open a,
  body.site-page .nav-links.open .nav-cta {
    width: 100% !important;
    min-height: 50px !important;
    height: 50px !important;
    padding: 0 16px !important;
    justify-content: flex-start !important;
    background: #ffffff !important;
    color: #252825 !important;
    border-bottom: 1px solid #e0e2de !important;
    transform: none !important;
  }
  body.site-page .nav-links.open .nav-cta { background: #c91f27 !important; color: #ffffff !important; }
  body.site-page-index .home-hero {
    padding-top: 76px !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: min(133vw, 510px) auto auto !important;
  }
  body.site-page-index .home-hero-copy { padding: 36px 22px 40px !important; }
  body.site-page-index .home-hero-buttons { display: grid !important; grid-template-columns: 1fr !important; }
  body.site-page-index .home-hero-buttons a { width: 100% !important; }
  body.site-page-index .damage-ai-section { padding: 68px 20px !important; }
  body.site-page-booking .booking-hero,
  body.site-page-whyus .why-hero,
  body.site-page-careers .careers-hero,
  body.site-page-auto-body-work-watervliet-ny .seo-hero,
  body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .blog-hero {
    padding: 120px 20px 52px !important;
  }
}

@media (max-width: 520px) {
  body.site-page .navbar,
  body.site-page .navbar.scrolled { grid-template-columns: 126px 1fr 42px !important; padding: 0 10px !important; }
  body.site-page .nav-logo { width: 122px !important; }
  body.site-page .nav-logo img { width: 118px !important; height: 50px !important; max-height: 50px !important; }
  body.site-page-index .hero-quick-stats { grid-template-columns: repeat(3, 1fr) !important; }
  body.site-page-index .hero-quick-label { font-size: .52rem !important; letter-spacing: .6px !important; }
}

/* Final shared presentation layer */
body.site-page .navbar,
body.site-page .navbar.scrolled {
  background: #f5f3f0 !important;
  border-bottom: 1px solid #d8d4cf !important;
  box-shadow: 0 10px 28px rgba(31, 34, 31, .08) !important;
}
body.site-page .nav-logo {
  width: 180px !important;
  height: 88px !important;
  padding: 0 !important;
  align-self: stretch !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.site-page .nav-logo img {
  width: 164px !important;
  height: auto !important;
  max-width: 164px !important;
  max-height: 66px !important;
  object-fit: contain !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translateY(3px) !important;
}

body.site-page-index .home-hero {
  width: min(calc(100% - 40px), 1240px) !important;
  min-height: 0 !important;
  margin: 120px auto 52px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr) !important;
  grid-template-rows: minmax(500px, auto) auto !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #d9d6d1 !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 70px rgba(26, 30, 26, .13) !important;
}
body.site-page-index .home-hero-copy {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  padding: clamp(42px, 5vw, 72px) !important;
  background: #ffffff !important;
}
body.site-page-index .home-hero-media {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-height: 500px !important;
  background: #e9e7e3 !important;
  border: 0 !important;
  border-left: 1px solid #dedad5 !important;
}
body.site-page-index .home-hero-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
body.site-page-index .hero-action-bar {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  border-top: 1px solid #dedad5 !important;
  box-shadow: none !important;
}
body.site-page-index .home-hero-buttons {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
body.site-page-index .hero-quick-stat:first-child {
  border-left: 1px solid #d8dbd5 !important;
}
body.site-page-index .hero-address-link,
body.site-page-index .hero-phone-link {
  min-height: 54px !important;
  height: 54px !important;
  box-sizing: border-box !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.site-page .footer,
body.site-page .footer-inner,
body.site-page .footer-top,
body.site-page .footer-bottom {
  background: #1f231f !important;
}
body.site-page .footer {
  color: #f7f5f1 !important;
  border-top: 5px solid #c91f27 !important;
}
body.site-page .footer *,
body.site-page .footer address,
body.site-page .footer address *,
body.site-page .footer [class*="utility"] {
  color: #f7f5f1 !important;
}
body.site-page .footer .footer-col-title {
  color: #ff4b50 !important;
  opacity: 1 !important;
}
body.site-page .footer a {
  color: #ffffff !important;
  opacity: 1 !important;
}
body.site-page .footer a:hover { color: #ff5a5f !important; }
body.site-page .footer img {
  content: url("logo-footer-transparent.png") !important;
  display: block !important;
  width: 176px !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 88px !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
}
body.site-page .footer-bottom {
  border-top-color: rgba(255, 255, 255, .32) !important;
  color: #e5e2dc !important;
}
.footer-legal {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, .18);
  font-size: .78rem;
}
.footer-legal button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #ffffff;
  font: inherit;
  cursor: pointer;
}
.footer-legal button:hover { color: #ff5a5f; }

.cookie-notice {
  position: fixed;
  z-index: 5000;
  left: 50%;
  right: auto;
  bottom: 20px;
  width: min(780px, calc(100vw - 40px));
  padding: 16px 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "title actions" "copy actions";
  column-gap: 24px;
  align-items: center;
  transform: translateX(-50%);
  background: #ffffff;
  color: #202320;
  border: 1px solid #d7d3ce;
  border-top: 5px solid #c91f27;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .24);
}
.cookie-notice[hidden] { display: none !important; }
.cookie-notice h2 { grid-area: title; margin: 0 0 3px; color: #171917; font-size: 1.15rem; }
.cookie-notice p { grid-area: copy; margin: 0; color: #565b56; line-height: 1.4; font-size: .9rem; }
.cookie-notice a { color: #a91419; }
.cookie-actions { grid-area: actions; display: flex; gap: 8px; margin: 0; flex-wrap: nowrap; }
.cookie-actions button {
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid #1f221f;
  background: #ffffff;
  color: #1f221f;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
}
.cookie-actions .cookie-accept { background: #c91f27; border-color: #c91f27; color: #ffffff; }

@media (max-width: 900px) {
  body.site-page .nav-logo { width: 144px !important; height: 76px !important; }
  body.site-page .nav-logo img { width: 136px !important; max-width: 136px !important; max-height: 56px !important; transform: translateY(2px) !important; }
  body.site-page-index .home-hero {
    width: min(calc(100% - 24px), 720px) !important;
    margin: 94px auto 36px !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto min(112vw, 540px) auto !important;
  }
  body.site-page-index .home-hero-copy { grid-column: 1 !important; grid-row: 1 !important; padding: 38px 24px !important; }
  body.site-page-index .home-hero-media { grid-column: 1 !important; grid-row: 2 !important; min-height: 360px !important; border-left: 0 !important; border-top: 1px solid #dedad5 !important; }
  body.site-page-index .hero-action-bar { grid-column: 1 !important; grid-row: 3 !important; }
}

@media (max-width: 520px) {
  body.site-page .nav-logo { width: 120px !important; }
  body.site-page .nav-logo img { width: 114px !important; max-width: 114px !important; max-height: 48px !important; }
  body.site-page-index .home-hero-buttons { display: grid !important; grid-template-columns: 1fr !important; }
  .cookie-notice {
    left: 50%;
    right: auto;
    bottom: 12px;
    width: calc(100vw - 24px);
    padding: 14px;
    grid-template-columns: 1fr;
    grid-template-areas: "title" "copy" "actions";
    row-gap: 8px;
    transform: translateX(-50%);
  }
  .cookie-notice h2 { margin: 0; }
  .cookie-actions { width: 100%; }
  .cookie-actions button { flex: 1 1 0; min-width: 0; padding: 0 10px; }
}

/* Booking contact card */
body.site-page-booking .booking-section {
  padding: 64px 24px 96px !important;
}
body.site-page-booking .booking-section::before {
  content: none !important;
  display: none !important;
}
body.site-page-booking .booking-inner {
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 36px !important;
  align-items: stretch !important;
}
body.site-page-booking .booking-sidebar {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-content: start !important;
  gap: 24px !important;
  width: 100% !important;
  height: 100% !important;
  padding: 28px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #d9d6d1 !important;
  border-top: 5px solid #c91f27 !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 48px rgba(28, 32, 28, .09) !important;
}
body.site-page-booking .sidebar-block {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 0 !important;
}
body.site-page-booking .sidebar-block:nth-child(1),
body.site-page-booking .sidebar-block:nth-child(2) {
  grid-column: 1 / -1 !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid #e7e4df !important;
}
body.site-page-booking .sidebar-block:nth-child(1) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
body.site-page-booking .sidebar-block:nth-child(2) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
body.site-page-booking .sidebar-block:nth-child(1) .sidebar-label,
body.site-page-booking .sidebar-block:nth-child(2) .sidebar-label {
  grid-column: 1 / -1 !important;
}
body.site-page-booking .sidebar-block:nth-child(3),
body.site-page-booking .sidebar-block:nth-child(4) {
  min-width: 0 !important;
  height: 100% !important;
}
body.site-page-booking .booking-form-card {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #d9d6d1 !important;
  border-top: 5px solid #c91f27 !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 48px rgba(28, 32, 28, .09) !important;
}
body.site-page-booking .sidebar-label {
  display: block !important;
  margin: 0 0 14px !important;
  color: #1d201d !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 1.3px !important;
  line-height: 1.2 !important;
}
body.site-page-booking .sidebar-label::after {
  content: none !important;
  display: none !important;
}
body.site-page-booking .contact-row {
  min-height: 68px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  gap: 13px !important;
  background: #f7f5f2 !important;
  border: 1px solid #e2ded8 !important;
  border-radius: 10px !important;
}
body.site-page-booking .contact-icon {
  width: 40px !important;
  height: 40px !important;
  color: #ffffff !important;
  background: #c91f27 !important;
  border: 0 !important;
  border-radius: 50% !important;
}
body.site-page-booking .contact-label {
  margin: 0 0 2px !important;
  color: #6a6f6a !important;
  font-size: .66rem !important;
  letter-spacing: 1.5px !important;
}
body.site-page-booking .contact-val,
body.site-page-booking .contact-val a {
  color: #202320 !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}
body.site-page-booking .hours-row {
  min-height: 72px !important;
  padding: 12px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  color: #343834 !important;
  background: #f7f5f2 !important;
  border: 1px solid #e2ded8 !important;
  border-radius: 10px !important;
}
body.site-page-booking .hours-row .day { color: #5f645f !important; }
body.site-page-booking .hours-row .time { color: #202320 !important; font-weight: 700 !important; }
body.site-page-booking .policy-note {
  padding: 18px !important;
  color: #505550 !important;
  background: #fff5f5 !important;
  border: 1px solid #f0d4d5 !important;
  border-left: 4px solid #c91f27 !important;
  border-radius: 0 10px 10px 0 !important;
  line-height: 1.6 !important;
}
body.site-page-booking .policy-note strong { color: #202320 !important; }
body.site-page-booking .policy-note a { color: #a91419 !important; font-weight: 700 !important; }
body.site-page-booking .sidebar-block:last-child p {
  margin: 0 !important;
  color: #5f645f !important;
  font-size: .9rem !important;
  line-height: 1.7 !important;
}

@media (max-width: 900px) {
  body.site-page-booking .booking-inner { grid-template-columns: 1fr !important; gap: 28px !important; }
  body.site-page-booking .booking-sidebar { width: 100% !important; height: auto !important; order: 2 !important; }
  body.site-page-booking .booking-form-card { order: 1 !important; }
}

@media (max-width: 520px) {
  body.site-page-booking .booking-section { padding: 36px 12px 64px !important; }
  body.site-page-booking .booking-sidebar { grid-template-columns: 1fr !important; padding: 22px 18px !important; border-radius: 12px !important; }
  body.site-page-booking .sidebar-block:nth-child(1),
  body.site-page-booking .sidebar-block:nth-child(2) { grid-template-columns: 1fr !important; }
  body.site-page-booking .sidebar-block:nth-child(3),
  body.site-page-booking .sidebar-block:nth-child(4) { grid-column: 1 / -1 !important; }
}

/* Black/red/white brand shell */
body.site-page .navbar,
body.site-page .navbar.scrolled {
  background: #050505 !important;
  border-bottom: 3px solid #c91f27 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .24) !important;
}
body.site-page .nav-logo,
body.site-page .nav-logo img { background: transparent !important; }
body.site-page .nav-links a {
  color: #f5f4f1 !important;
  background: transparent !important;
  border-color: transparent !important;
}
body.site-page .nav-links a:hover,
body.site-page .nav-links a.current {
  color: #ffffff !important;
  background: #181818 !important;
  border-bottom-color: #e52b32 !important;
}
body.site-page .nav-links .nav-cta,
body.site-page .nav-links .nav-cta:hover {
  color: #ffffff !important;
  background: #c91f27 !important;
  border-color: #e74349 !important;
}
body.site-page .menu-btn {
  color: #ffffff !important;
  background: #181818 !important;
  border-color: #454545 !important;
}
body.site-page .footer,
body.site-page .footer-inner,
body.site-page .footer-top,
body.site-page .footer-bottom {
  background: #050505 !important;
}
body.site-page .footer { border-top-color: #c91f27 !important; }

/* Footer bottom-row spacing */
body.site-page .footer {
  padding-bottom: 34px !important;
}
body.site-page .footer-bottom {
  min-height: 82px !important;
  margin: 0 !important;
  padding: 28px 0 24px !important;
  gap: 24px !important;
  line-height: 1.6 !important;
  border-top: 1px solid rgba(255, 255, 255, .32) !important;
}
body.site-page .footer-bottom > span {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.site-page .footer-bottom > span:last-child {
  text-align: right !important;
}
body.site-page .footer-legal {
  margin: 0 !important;
  padding: 22px 0 6px !important;
  gap: 14px 24px !important;
  line-height: 1.55 !important;
  border-top: 1px solid rgba(255, 255, 255, .22) !important;
}
body.site-page .footer-legal a,
body.site-page .footer-legal button {
  display: inline-flex !important;
  min-height: 30px !important;
  align-items: center !important;
}
body.site-page-legal .legal-footer {
  padding: 34px 24px 30px !important;
}
body.site-page-legal .legal-footer > p {
  margin: 0 0 10px !important;
  line-height: 1.6 !important;
}
body.site-page-legal .legal-footer .footer-legal {
  width: min(100%, 980px) !important;
  margin: 20px auto 0 !important;
  padding: 24px 0 4px !important;
}

@media (max-width: 700px) {
  body.site-page .footer { padding-bottom: 28px !important; }
  body.site-page .footer-bottom {
    min-height: 0 !important;
    padding: 24px 0 22px !important;
    gap: 10px !important;
    text-align: center !important;
  }
  body.site-page .footer-bottom > span:last-child { text-align: center !important; }
  body.site-page .footer-legal {
    padding: 20px 12px 4px !important;
    gap: 10px 20px !important;
  }
  body.site-page-legal .legal-footer { padding: 30px 18px 26px !important; }
}

/* Online estimate and out-of-pocket repair focus */
body.site-page-index .damage-insurance-callout {
  margin: 28px 0 30px !important;
  padding: 24px !important;
  display: grid !important;
  grid-template-columns: minmax(230px, .8fr) minmax(300px, 1.25fr) auto !important;
  gap: 24px !important;
  align-items: center !important;
  background: #151715 !important;
  color: #ffffff !important;
  border-left: 6px solid #c91f27 !important;
  box-shadow: 0 14px 36px rgba(24, 28, 24, .12) !important;
}
body.site-page-index .damage-insurance-eyebrow {
  margin: 0 0 6px !important;
  color: #ff4b50 !important;
  font-family: 'DM Mono', monospace !important;
  font-size: .67rem !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
}
body.site-page-index .damage-insurance-callout h3 {
  margin: 0 !important;
  color: #ffffff !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: clamp(1.45rem, 2.2vw, 2rem) !important;
  line-height: 1.08 !important;
  text-transform: uppercase !important;
}
body.site-page-index .damage-insurance-callout > p {
  margin: 0 !important;
  color: #d7d9d6 !important;
  font-size: .96rem !important;
  line-height: 1.6 !important;
}
body.site-page-index .damage-insurance-callout .btn {
  margin: 0 !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  body.site-page .nav-links.open {
    background: #080808 !important;
    border-bottom-color: #c91f27 !important;
  }
  body.site-page .nav-links.open a {
    color: #ffffff !important;
    background: #111111 !important;
    border-bottom-color: #343434 !important;
  }
  body.site-page .nav-links.open .nav-cta { background: #c91f27 !important; }
  body.site-page-index .damage-insurance-callout {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  body.site-page-index .damage-insurance-callout .btn { width: 100% !important; justify-content: center !important; }
}

/* Final mobile hardening: shared across every public page */
@media (max-width: 900px) {
  html { overflow-x: hidden !important; }
  body.site-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
  }
  body.site-page img,
  body.site-page video,
  body.site-page iframe {
    max-width: 100% !important;
  }
  body.site-page .navbar,
  body.site-page .navbar.scrolled {
    width: 100% !important;
    grid-template-columns: minmax(118px, 144px) minmax(0, 1fr) 44px !important;
  }
  body.site-page .menu-btn {
    grid-column: 3 !important;
    min-width: 44px !important;
    min-height: 44px !important;
    place-self: center end !important;
  }
  body.site-page .nav-links.open { overscroll-behavior: contain !important; }
  body.site-page .btn,
  body.site-page button:not(.menu-btn),
  body.site-page input[type="submit"] {
    min-height: 48px;
  }
  body.site-page .form-input,
  body.site-page .form-select,
  body.site-page .form-textarea,
  body.site-page input,
  body.site-page select,
  body.site-page textarea {
    max-width: 100% !important;
    font-size: 16px !important;
  }
  body.site-page .form-input,
  body.site-page .form-select,
  body.site-page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
    min-height: 48px !important;
  }
  body.site-page .modal-overlay { padding: 12px !important; }
  body.site-page .modal {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100dvh - 24px) !important;
  }
  body.site-page .modal-header,
  body.site-page .modal-body { padding-left: 20px !important; padding-right: 20px !important; }
  body.site-page-index .damage-ai-card,
  body.site-page-index .damage-ai-main,
  body.site-page-index .damage-ai-side,
  body.site-page-booking .booking-form-card,
  body.site-page-booking .booking-sidebar {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.site-page .footer {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.site-page .footer-bottom {
    flex-direction: column !important;
    align-items: center !important;
  }
  body.site-page h1,
  body.site-page h2,
  body.site-page h3,
  body.site-page p,
  body.site-page a { overflow-wrap: anywhere; }
}

@media (max-width: 520px) {
  body.site-page .navbar,
  body.site-page .navbar.scrolled {
    grid-template-columns: 122px minmax(0, 1fr) 44px !important;
    padding: 0 10px !important;
  }
  body.site-page-index .home-hero {
    width: calc(100% - 20px) !important;
    margin-top: 88px !important;
    border-radius: 12px !important;
  }
  body.site-page-index .home-hero-copy { padding: 30px 18px 34px !important; }
  body.site-page-index .home-hero-media {
    min-height: 280px !important;
    height: min(96vw, 390px) !important;
  }
  body.site-page-index .hero-action-row { padding: 12px !important; }
  body.site-page-index .damage-ai-section { padding: 52px 12px !important; }
  body.site-page-index .damage-ai-main,
  body.site-page-index .damage-ai-side { padding: 18px 14px !important; }
  body.site-page-index .damage-upload-zone { min-height: 180px !important; padding: 22px 14px !important; }
  body.site-page-booking .form-header,
  body.site-page-booking .form-body { padding-left: 18px !important; padding-right: 18px !important; }
  body.site-page .footer { padding-left: 16px !important; padding-right: 16px !important; }
}

/* Mobile online-estimate workflow: one complete step per phone viewport */
body.site-page-index #damageEstimatorForm { scroll-margin-top: 88px; }

@media (max-width: 600px) {
  body.site-page-index .damage-ai-section { padding: 0 !important; }
  body.site-page-index .damage-ai-shell { padding: 44px 12px 56px !important; }
  body.site-page-index .damage-ai-header {
    display: block !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
  }
  body.site-page-index .damage-ai-header h2 {
    font-size: clamp(2rem, 9vw, 2.65rem) !important;
    line-height: 1 !important;
  }
  body.site-page-index .damage-ai-header p {
    font-size: .95rem !important;
    line-height: 1.5 !important;
  }
  body.site-page-index .damage-ai-badges {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-top: 16px !important;
  }
  body.site-page-index .damage-ai-badge {
    min-height: 44px !important;
    padding: 8px !important;
    font-size: .62rem !important;
    letter-spacing: .8px !important;
  }
  body.site-page-index .damage-insurance-callout {
    margin: 18px 0 24px !important;
    padding: 18px !important;
  }
  body.site-page-index .damage-ai-card { border-radius: 12px !important; overflow: hidden !important; }
  body.site-page-index .damage-ai-main { padding: 12px !important; }
  body.site-page-index .damage-ai-progress {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 3px !important;
    margin-bottom: 12px !important;
  }
  body.site-page-index .damage-ai-step-pill {
    min-height: 34px !important;
    padding: 7px 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: .54rem !important;
    line-height: 1.15 !important;
    letter-spacing: .45px !important;
    white-space: nowrap !important;
  }
  body.site-page-index .damage-step-title {
    margin: 0 0 10px !important;
    font-size: 1.35rem !important;
    line-height: 1.1 !important;
  }
  body.site-page-index .damage-form-row {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  body.site-page-index .damage-step .form-group { margin-bottom: 9px !important; }
  body.site-page-index .damage-step .form-label {
    margin-bottom: 4px !important;
    font-size: .62rem !important;
    line-height: 1.2 !important;
    letter-spacing: 1.3px !important;
  }
  body.site-page-index .damage-step .form-input,
  body.site-page-index .damage-step .form-select {
    min-height: 44px !important;
    height: 44px !important;
    padding: 8px 11px !important;
  }
  body.site-page-index .damage-step .form-textarea {
    min-height: 76px !important;
    height: 76px !important;
    padding: 9px 11px !important;
  }
  body.site-page-index .damage-actions {
    margin-top: 10px !important;
    padding-top: 10px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  body.site-page-index .damage-actions .btn {
    width: 100% !important;
    min-height: 46px !important;
    padding: 8px 10px !important;
    font-size: .72rem !important;
    letter-spacing: 1px !important;
  }
  body.site-page-index #damageEstimatorForm[data-step="1"] #damageNextBtn {
    grid-column: 1 / -1 !important;
  }
  body.site-page-index .damage-upload-zone {
    min-height: 150px !important;
    padding: 16px 12px !important;
  }
  body.site-page-index .damage-upload-zone i { font-size: 2rem !important; margin-bottom: 6px !important; }
  body.site-page-index .damage-upload-title { font-size: .95rem !important; }
  body.site-page-index .damage-upload-sub { font-size: .82rem !important; line-height: 1.35 !important; }
  body.site-page-index .damage-ai-side { padding: 20px 16px !important; }
}

/* ==========================================================================
   Definitive phone layout — keep this last so older page-specific patches
   cannot turn the mobile site back into a compressed desktop composition.
   ========================================================================== */
@media (max-width: 600px) {
  body.site-page {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  body.site-page .navbar,
  body.site-page .navbar.scrolled {
    min-height: 72px !important;
    height: 72px !important;
    padding: 0 12px !important;
    grid-template-columns: 118px minmax(0, 1fr) 44px !important;
    gap: 10px !important;
  }
  body.site-page .nav-logo {
    width: 116px !important;
    height: 68px !important;
  }
  body.site-page .nav-logo img {
    width: 112px !important;
    height: 54px !important;
    max-width: 112px !important;
    max-height: 54px !important;
    transform: none !important;
  }
  body.site-page .menu-btn {
    width: 44px !important;
    height: 44px !important;
  }
  body.site-page .nav-links.open {
    top: 72px !important;
    max-height: calc(100dvh - 72px) !important;
  }

  body.site-page .btn,
  body.site-page button:not(.menu-btn) {
    min-height: 50px !important;
    padding: 0 16px !important;
    font-size: .78rem !important;
    letter-spacing: 1.25px !important;
  }
  body.site-page input::placeholder,
  body.site-page textarea::placeholder {
    color: #737873 !important;
    opacity: 1 !important;
  }

  /* Homepage: lead with the offer, keep the shop photo useful but compact. */
  body.site-page-index .home-hero {
    width: calc(100% - 20px) !important;
    margin: 84px auto 24px !important;
    padding-top: 0 !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto clamp(280px, 86vw, 370px) auto !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 34px rgba(20, 24, 20, .1) !important;
  }
  body.site-page-index .home-hero-copy {
    grid-row: 1 !important;
    padding: 30px 20px 32px !important;
  }
  body.site-page-index .home-hero-copy::before {
    width: 54px !important;
    height: 5px !important;
    margin-bottom: 16px !important;
  }
  body.site-page-index .home-hero-kicker {
    margin-bottom: 10px !important;
    font-size: .66rem !important;
    line-height: 1.45 !important;
    letter-spacing: 1.6px !important;
  }
  body.site-page-index .home-hero-copy h1 {
    font-size: clamp(2.25rem, 10.5vw, 3rem) !important;
    line-height: 1 !important;
  }
  body.site-page-index .home-hero-lead {
    margin: 16px 0 20px !important;
    font-size: 1.04rem !important;
    line-height: 1.55 !important;
  }
  body.site-page-index .home-hero-buttons { gap: 10px !important; }
  body.site-page-index .home-hero-buttons a { min-height: 52px !important; }
  body.site-page-index .home-hero-note {
    font-size: .72rem !important;
    line-height: 1.55 !important;
  }
  body.site-page-index .home-hero-media {
    grid-row: 2 !important;
    min-height: 0 !important;
    height: auto !important;
    border-top: 1px solid #dedad5 !important;
    border-bottom: 5px solid #c91f27 !important;
  }
  body.site-page-index .home-hero-media img { object-fit: cover !important; }
  body.site-page-index .hero-action-bar { grid-row: 3 !important; }
  body.site-page-index .hero-quick-stat { padding: 14px 5px !important; }
  body.site-page-index .hero-quick-num { font-size: 1.55rem !important; }
  body.site-page-index .hero-quick-label {
    font-size: .58rem !important;
    line-height: 1.3 !important;
    letter-spacing: .65px !important;
  }
  body.site-page-index .hero-action-row { padding: 12px !important; }
  body.site-page-index .hero-address-link,
  body.site-page-index .hero-phone-link {
    min-height: 52px !important;
    padding: 11px 12px !important;
    font-size: .78rem !important;
    line-height: 1.35 !important;
  }
  body.site-page-index .address-open-maps { display: block !important; width: 100% !important; }

  body.site-page-index .shop-intro { padding: 54px 18px 64px !important; }
  body.site-page-index .shop-intro-inner { gap: 38px !important; }
  body.site-page-index .shop-intro-photo,
  body.site-page-index .shop-intro-photo img {
    height: clamp(290px, 88vw, 380px) !important;
    min-height: 0 !important;
  }
  body.site-page-index .shop-intro-copy h2 {
    margin-bottom: 20px !important;
    font-size: clamp(2.45rem, 12vw, 3.35rem) !important;
  }
  body.site-page-index .shop-intro-copy > p:not(.section-tag) {
    font-size: 1.06rem !important;
    line-height: 1.65 !important;
  }
  body.site-page-index .shop-intro-actions { gap: 18px !important; margin-top: 26px !important; }
  body.site-page-index .shop-intro-actions .btn { width: 100% !important; }

  /* Estimate: comfortable form controls and readable supporting copy. */
  body.site-page-index .damage-ai-shell { padding: 48px 14px 60px !important; }
  body.site-page-index .damage-ai-header { margin-bottom: 22px !important; }
  body.site-page-index .damage-ai-header h2 {
    font-size: clamp(2.15rem, 10vw, 2.75rem) !important;
    line-height: 1.03 !important;
  }
  body.site-page-index .damage-ai-header p,
  body.site-page-index .damage-insurance-callout > p,
  body.site-page-index .damage-ai-sub,
  body.site-page-index .damage-side-list span {
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }
  body.site-page-index .damage-ai-badges { grid-template-columns: 1fr !important; }
  body.site-page-index .damage-ai-badge {
    justify-content: flex-start !important;
    padding: 11px 12px !important;
    font-size: .68rem !important;
  }
  body.site-page-index .damage-insurance-callout {
    margin: 20px 0 26px !important;
    padding: 20px 18px !important;
  }
  body.site-page-index .damage-insurance-callout h3 {
    font-size: 1.55rem !important;
    line-height: 1.08 !important;
  }
  body.site-page-index .damage-ai-main { padding: 18px 16px !important; }
  body.site-page-index .damage-ai-progress { gap: 4px !important; margin-bottom: 22px !important; }
  body.site-page-index .damage-ai-step-pill {
    min-height: 40px !important;
    padding: 7px 3px !important;
    font-size: .58rem !important;
    white-space: normal !important;
  }
  body.site-page-index .damage-step-title {
    margin-bottom: 18px !important;
    font-size: 1.55rem !important;
  }
  body.site-page-index .damage-step .form-group { margin-bottom: 14px !important; }
  body.site-page-index .damage-step .form-label {
    margin-bottom: 7px !important;
    font-size: .68rem !important;
  }
  body.site-page-index .damage-step .form-input,
  body.site-page-index .damage-step .form-select {
    min-height: 52px !important;
    height: 52px !important;
    padding: 10px 12px !important;
  }
  body.site-page-index .damage-step .form-textarea {
    min-height: 108px !important;
    height: auto !important;
  }
  body.site-page-index .damage-actions { margin-top: 14px !important; padding-top: 14px !important; }

  /* Booking: form first, details second, with full-size readable controls. */
  body.site-page-booking .booking-hero {
    padding: 106px 18px 40px !important;
  }
  body.site-page-booking .booking-hero h1 {
    font-size: clamp(2.45rem, 12vw, 3.2rem) !important;
    line-height: 1 !important;
  }
  body.site-page-booking .booking-hero p { font-size: 1.04rem !important; line-height: 1.6 !important; }
  body.site-page-booking .booking-section { padding: 28px 10px 64px !important; }
  body.site-page-booking .booking-inner { gap: 24px !important; }
  body.site-page-booking .booking-form-card,
  body.site-page-booking .booking-sidebar { border-radius: 10px !important; }
  body.site-page-booking .form-header { padding: 24px 18px 20px !important; }
  body.site-page-booking .form-body { padding: 20px 18px 24px !important; }
  body.site-page-booking .book-progress { margin: 18px 18px 0 !important; }
  body.site-page-booking .step-title { font-size: 1.5rem !important; }
  body.site-page-booking .form-group { margin-bottom: 16px !important; }
  body.site-page-booking .form-label { margin-bottom: 7px !important; font-size: .68rem !important; }
  body.site-page-booking .form-input,
  body.site-page-booking .form-select {
    min-height: 52px !important;
    padding: 10px 12px !important;
  }
  body.site-page-booking .form-textarea { min-height: 112px !important; padding: 10px 12px !important; }
  body.site-page-booking .booking-utility-4 { width: 100% !important; }
  body.site-page-booking .booking-sidebar { padding: 22px 16px !important; }
  body.site-page-booking .contact-row { min-height: 72px !important; }
  body.site-page-booking .contact-val,
  body.site-page-booking .contact-val a,
  body.site-page-booking .hours-row,
  body.site-page-booking .policy-note,
  body.site-page-booking .sidebar-block:last-child p { font-size: .96rem !important; }

  /* Service/editorial pages: readable type and single-column touch targets. */
  body.site-page-auto-body-work-watervliet-ny .seo-hero,
  body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .blog-hero,
  body.site-page-whyus .why-hero,
  body.site-page-careers .careers-hero {
    padding: 104px 18px 46px !important;
  }
  body.site-page-auto-body-work-watervliet-ny .seo-title,
  body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored h1 {
    font-size: clamp(2.5rem, 12vw, 3.35rem) !important;
    line-height: .98 !important;
  }
  body.site-page-auto-body-work-watervliet-ny .seo-sub,
  body.site-page-auto-body-work-watervliet-ny .info-card p,
  body.site-page-auto-body-work-watervliet-ny .service-card p,
  body.site-page-auto-body-work-watervliet-ny .faq-item p,
  body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .article-content p {
    font-size: 1.04rem !important;
    line-height: 1.65 !important;
  }
  body.site-page-auto-body-work-watervliet-ny .section,
  body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .article-wrap {
    padding: 54px 18px 64px !important;
  }
  body.site-page-auto-body-work-watervliet-ny .hero-btns,
  body.site-page-auto-body-work-watervliet-ny .content-grid,
  body.site-page-auto-body-work-watervliet-ny .service-grid {
    grid-template-columns: 1fr !important;
  }
  body.site-page-auto-body-work-watervliet-ny .hero-btns { display: grid !important; width: 100% !important; }
  body.site-page-auto-body-work-watervliet-ny .hero-btns .btn { width: 100% !important; }
  body.site-page-auto-body-work-watervliet-ny .info-card,
  body.site-page-auto-body-work-watervliet-ny .service-card,
  body.site-page-auto-body-work-watervliet-ny .cta-panel,
  body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .article-content,
  body.site-page-3-reasons-why-minor-bumper-damage-should-not-be-ignored .cta-box {
    padding: 22px 18px !important;
  }
}

@media (max-width: 380px) {
  body.site-page-index .home-hero-copy h1 { font-size: 2.15rem !important; }
  body.site-page-index .hero-quick-label { font-size: .52rem !important; }
  body.site-page-index .damage-ai-main { padding: 16px 12px !important; }
  body.site-page-index .damage-ai-step-pill { font-size: .52rem !important; }
  body.site-page-booking .form-body { padding-right: 14px !important; padding-left: 14px !important; }
}