:root{--red:#c41016;--red2:#8d080d;--black:#0d0e10;--ink:#17191d;--silver:#e9eaec;--muted:#656970;--white:#fff;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.top{background:#090a0b;color:#ddd;font-size:13px;padding:7px 0}.top span{float:right}.top a{color:#fff;text-decoration:none}header{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 2px 14px #0002}.nav{height:92px;display:flex;align-items:center;gap:24px}.brand img{width:265px;max-height:78px;object-fit:contain}.nav nav{display:flex;gap:18px;align-items:center;margin-left:auto}.nav nav a{text-decoration:none;font-size:14px;font-weight:700}.actions{display:flex;gap:8px}.btn{display:inline-block;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;text-decoration:none;padding:12px 18px;border-radius:6px;font-weight:800;border:1px solid var(--red)}.btn.ghost{background:#fff;color:var(--red)}.status{text-align:center;padding:6px;font-size:13px;font-weight:900;letter-spacing:.08em}.isopen{background:#e8f6ec;color:#16642b}.isclosed{background:#f7e9e9;color:#8c1212}.hero{background:radial-gradient(circle at 72% 25%,#4c1215 0,#15171a 38%,#070809 75%);color:#fff;overflow:hidden}.hero .wrap{min-height:570px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:55px}.eyebrow{color:#ff4b50;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:13px}.hero h1{font-size:clamp(42px,5.2vw,74px);line-height:.98;margin:12px 0 20px;letter-spacing:-.04em}.hero p{font-size:20px;color:#d7d7d7;max-width:720px}.hero-card{border:1px solid #ffffff2e;background:linear-gradient(145deg,#ffffff12,#ffffff05);padding:32px;border-radius:18px;box-shadow:0 30px 80px #0008}.hero-card h2{font-size:28px;margin-top:0}.hero-card ul{padding-left:20px}.hero-buttons{display:flex;gap:12px;margin-top:26px}.section{padding:78px 0}.section.alt{background:#f4f5f6}.section.dark{background:#111317;color:#fff}.section h2{font-size:clamp(32px,4vw,48px);line-height:1.05;margin:8px 0 18px}.lead{font-size:18px;color:var(--muted);max-width:780px}.dark .lead{color:#c8c9cb}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.card{border:1px solid #ddd;background:#fff;border-radius:12px;padding:27px;box-shadow:0 10px 35px #0000000a}.card h3{margin-top:0;font-size:21px}.card .icon{font-size:28px;color:var(--red)}.dark .card{background:#1b1e22;border-color:#30343a}.specials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.coupon{border:2px dashed #c9c9c9;border-radius:12px;padding:24px;background:#fff}.coupon strong.price{display:block;font-size:30px;color:var(--red)}.pagehero{background:linear-gradient(120deg,#0a0b0d,#351013);color:#fff;padding:70px 0}.content{padding:60px 0}.service-list{columns:3;column-gap:32px}.service-list li{break-inside:avoid;margin:0 0 10px}.notice{padding:18px;border-left:5px solid var(--red);background:#f5f5f5}.flogo{width:280px;max-width:100%}footer{background:#090a0c;color:#d4d5d7;padding:58px 0 80px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px}.foot a{color:#fff}.copyright{text-align:center;border-top:1px solid #282a2d;margin-top:35px;padding-top:22px;font-size:13px}.mobilebar{display:none}.menu{display:none}.adminbox{max-width:900px;margin:40px auto;padding:25px;border:1px solid #ddd;border-radius:12px}.adminbox label{display:block;font-weight:700;margin:12px 0 5px}.adminbox input,.adminbox textarea,.adminbox select{width:100%;padding:10px}.adminbox table{width:100%;border-collapse:collapse}.adminbox td,.adminbox th{padding:8px;border-bottom:1px solid #ddd;text-align:left}@media(max-width:980px){.nav nav{display:none;position:absolute;top:92px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}.nav nav.show{display:flex}.menu{display:block;margin-left:auto;background:none;border:0;font-size:25px}.actions{display:none}.hero .wrap{grid-template-columns:1fr;min-height:auto;padding:70px 0}.grid,.specials{grid-template-columns:1fr 1fr}.service-list{columns:2}.brand img{width:230px}}@media(max-width:640px){.wrap{width:min(100% - 28px,var(--max))}.top span{display:none}.nav{height:76px}.brand img{width:200px;max-height:62px}.nav nav{top:76px}.hero h1{font-size:43px}.hero p{font-size:17px}.hero-buttons{flex-direction:column}.grid,.specials,.foot{grid-template-columns:1fr}.service-list{columns:1}.section{padding:55px 0}.mobilebar{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#0c0d0f}.mobilebar a{padding:14px 5px;text-align:center;color:#fff;text-decoration:none;font-weight:800;border-right:1px solid #333}.mobilebar a:last-child{background:var(--red)}}

/* v1.3 visual update — real Pexels photography, no AI vehicle imagery */
.hero{position:relative;isolation:isolate;background:#08090b;color:#fff;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-3;background-image:url('https://images.pexels.com/photos/10490631/pexels-photo-10490631.jpeg?auto=compress&cs=tinysrgb&w=1800');background-size:cover;background-position:center 52%;filter:saturate(.72) contrast(1.06)}
.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,6,8,.98) 0%,rgba(5,6,8,.93) 40%,rgba(5,6,8,.66) 64%,rgba(5,6,8,.38) 100%),linear-gradient(180deg,rgba(5,6,8,.08),rgba(5,6,8,.64))}
.hero-photo-credit{position:absolute;right:0;top:0;bottom:0;width:min(31vw,430px);z-index:-1;background-image:linear-gradient(90deg,rgba(8,9,11,.9),rgba(8,9,11,.18) 24%,rgba(8,9,11,.22)),url('https://images.pexels.com/photos/6870326/pexels-photo-6870326.jpeg?auto=compress&cs=tinysrgb&w=900');background-size:cover;background-position:center 36%;opacity:.62;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 100%)}
.hero .wrap{position:relative;z-index:2;grid-template-columns:1.16fr .84fr}.hero-card{backdrop-filter:blur(9px);background:linear-gradient(145deg,rgba(17,18,21,.82),rgba(17,18,21,.55));border:1px solid rgba(255,255,255,.24)}
.hero h1{text-shadow:0 4px 28px #000}.hero p{text-shadow:0 2px 14px #000}

.specials{grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}.coupon{position:relative;display:flex;flex-direction:column;min-height:390px;overflow:hidden;border:1px solid #cfd1d5;border-radius:18px;padding:0 26px 24px;background:linear-gradient(160deg,#fff 0%,#fff 63%,#f0f1f3 100%);box-shadow:0 18px 45px rgba(0,0,0,.13)}
.coupon:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:linear-gradient(90deg,#85070c,#df151d 55%,#85070c)}
.coupon:after{content:"";position:absolute;right:-52px;top:62px;width:180px;height:180px;border:22px solid rgba(15,17,20,.035);border-radius:50%;box-shadow:0 0 0 14px rgba(196,16,22,.025);z-index:0}
.coupon-top{height:58px;margin:8px -26px 18px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#111318,#292d33);color:#fff;position:relative;z-index:2}.coupon-badge{font-size:12px;font-weight:900;letter-spacing:.16em}.coupon-mark{width:34px;height:34px;border-radius:50%;border:2px solid #ff3239;position:relative}.coupon-mark:before,.coupon-mark:after{content:"";position:absolute;background:#ff3239;left:50%;top:50%;transform:translate(-50%,-50%)}.coupon-mark:before{width:18px;height:3px}.coupon-mark:after{width:3px;height:18px}
.coupon h3{font-size:24px;line-height:1.05;margin:0 0 10px;position:relative;z-index:2;text-transform:uppercase;letter-spacing:-.02em}.coupon strong.price{display:block;font-size:43px;line-height:.98;color:var(--red);letter-spacing:-.045em;margin:7px 0 10px;position:relative;z-index:2}.coupon p{font-size:16px;font-weight:800;margin:4px 0 18px;position:relative;z-index:2}.coupon-rule{height:1px;background:repeating-linear-gradient(90deg,#aeb1b6 0 7px,transparent 7px 13px);margin:auto 0 14px}.coupon small{display:block;color:#62666d;line-height:1.35;position:relative;z-index:2}.coupon small b{color:#222}.coupon-cta{display:block;margin-top:17px;text-align:center;text-decoration:none;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;border-radius:7px;padding:11px 12px;font-size:13px;font-weight:900;letter-spacing:.08em;position:relative;z-index:2}.coupon-smog .coupon-mark:after{transform:translate(-50%,-50%) rotate(45deg)}.coupon-alignment .coupon-mark{border-style:dashed}.coupon-interval .coupon-mark{box-shadow:inset 0 0 0 5px #111318}
@media(max-width:980px){.hero-photo-credit{width:42vw;opacity:.4}.specials{grid-template-columns:1fr 1fr}.hero .wrap{grid-template-columns:1fr}}
@media(max-width:640px){.hero:before{background-position:58% center}.hero-photo-credit{display:none}.specials{grid-template-columns:1fr}.coupon{min-height:0}}

/* v1.4 hero cleanup — one photograph, one gradient, no floating overlay card */
.hero{position:relative;isolation:isolate;background:#08090b;color:#fff;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('https://images.pexels.com/photos/10490631/pexels-photo-10490631.jpeg?auto=compress&cs=tinysrgb&w=1800');background-size:cover;background-position:center 52%;filter:saturate(.78) contrast(1.04)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,6,8,.92) 0%,rgba(5,6,8,.82) 34%,rgba(5,6,8,.52) 55%,rgba(5,6,8,.16) 78%,rgba(5,6,8,.06) 100%)}
.hero .wrap{position:relative;z-index:1;display:flex;align-items:center;min-height:555px;padding:70px 0}
.hero-copy{width:min(680px,58%)}
.hero h1{font-size:clamp(44px,5.2vw,72px);line-height:.99;margin:12px 0 20px;letter-spacing:-.04em;text-shadow:0 3px 18px rgba(0,0,0,.65)}
.hero p{font-size:19px;color:#f0f0f0;max-width:650px;text-shadow:0 2px 10px rgba(0,0,0,.75)}
.hero-card,.hero-photo-credit{display:none!important}
@media(max-width:980px){.hero .wrap{min-height:510px;padding:60px 0}.hero-copy{width:min(680px,72%)}.hero:before{background-position:60% center}.hero:after{background:linear-gradient(90deg,rgba(5,6,8,.94) 0%,rgba(5,6,8,.82) 50%,rgba(5,6,8,.28) 100%)}}
@media(max-width:640px){.hero .wrap{min-height:500px;padding:54px 0;align-items:flex-end}.hero-copy{width:100%}.hero:before{background-position:66% center}.hero:after{background:linear-gradient(180deg,rgba(5,6,8,.18) 0%,rgba(5,6,8,.55) 34%,rgba(5,6,8,.96) 72%,rgba(5,6,8,.98) 100%)}.hero h1{font-size:42px}.hero p{font-size:17px}}

/* v1.5: actual European vehicle diagnostic scene; preserve simplified hero */
.hero:before{background-position:center 58%}
@media(max-width:980px){.hero:before{background-position:58% 58%}}
@media(max-width:640px){.hero:before{background-position:55% 58%}}

/* v1.6 coupon check-in instruction */
.coupon-present{cursor:default;text-align:center;letter-spacing:.045em}

/* v1.7: user-approved hero photograph */
.hero:before{background-image:url('../images/sjcas-approved-diagnostics-hero.png');background-position:center center;filter:saturate(.82) contrast(1.04)}
.hero:after{background:linear-gradient(90deg,rgba(5,6,8,.94) 0%,rgba(5,6,8,.82) 36%,rgba(5,6,8,.48) 58%,rgba(5,6,8,.12) 100%)}
@media(max-width:980px){.hero:before{background-position:center center}.hero:after{background:linear-gradient(90deg,rgba(5,6,8,.94) 0%,rgba(5,6,8,.80) 52%,rgba(5,6,8,.24) 100%)}}
@media(max-width:640px){.hero:before{background-position:center center}.hero:after{background:linear-gradient(180deg,rgba(5,6,8,.16) 0%,rgba(5,6,8,.50) 34%,rgba(5,6,8,.96) 72%,rgba(5,6,8,.98) 100%)}}
.status{display:flex;align-items:center;justify-content:center;gap:8px}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 9px}.isopen .status-dot{background:#20a447;box-shadow:0 0 0 3px #20a44722}.isclosed .status-dot{background:#c41016;box-shadow:0 0 0 3px #c4101622}

.job-form{max-width:900px}.job-form label{display:block;font-weight:700;margin:16px 0}.job-form input,.job-form textarea,.tire-search input{display:block;width:100%;border:1px solid #a8a8a8;border-radius:6px;padding:12px;font:inherit}.job-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.tire-search{margin:28px 0}.tire-search input{margin:10px 0;font-size:18px}.tire-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tire-result{border:1px solid #ddd;border-left:4px solid var(--red);border-radius:7px;padding:15px;display:flex;flex-direction:column;gap:5px}.tire-result span{color:#555;font-size:13px}.tire-result a{color:var(--red);font-weight:700}@media(max-width:640px){.job-grid,.tire-results{grid-template-columns:1fr}}@media print{header,footer,.mobilebar,.pagehero,.job-form button{display:none!important}.content{padding:0}.job-form textarea{min-height:60px}}

/* Imported employment form layout */
.employment-original .wrap{max-width:1120px;margin:auto;padding:0 20px}.employment-original .section{padding:40px 0}.employment-original .application-card{background:#fff;color:#202020;padding:25px;border-radius:14px}.employment-original .application-fields{display:grid;gap:15px}.employment-original .application-fields.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.employment-original label{display:block}.employment-original input,.employment-original select,.employment-original textarea{max-width:100%}@media(max-width:700px){.employment-original .application-fields.two-up{grid-template-columns:1fr}}