/*
Theme Name: Sportscar City Custom Garage Mobile Services Fixed
Author: Sportscar City
Description: Custom old-school hot rod and modern repair shop theme.
Version: 1.2.0
Requires PHP: 7.4
*/
:root{--red:#f01524;--dark:#090b0e;--steel:#d9dfe6;--white:#fff;--muted:#aeb6c1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090b0e;color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #fff;outline-offset:4px}.wrap{max-width:1260px;margin:auto;padding:0 28px}.topline{height:5px;background:linear-gradient(90deg,#81000a,var(--red),#ff6570,var(--red),#81000a)}.site-header{background:linear-gradient(#1a1d21,#080a0d);border-bottom:2px solid var(--red);position:relative;z-index:2}.nav{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:22px}.wordmark{font-size:clamp(23px,3vw,39px);font-weight:1000;font-style:italic;letter-spacing:-1.6px;text-transform:uppercase;text-shadow:0 2px 0 #454a51}.wordmark span{color:var(--red)}.wordmark small{display:block;font-size:11px;letter-spacing:3px;font-style:normal;color:#d5d9de;margin-top:1px}.navlinks{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.navlinks a:hover{color:#ff6670}.calltop,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(160deg,#ff2433,#b80010);color:white;border:1px solid #ff7079;box-shadow:0 4px 0 #65000a;padding:17px 23px;text-transform:uppercase;font-size:14px;font-weight:900;letter-spacing:.3px}.calltop{white-space:nowrap}.btn.secondary{background:linear-gradient(#272c32,#0b0e12);border-color:#b8c0c9;box-shadow:0 4px 0 #252a30}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 40%,#5b1019 0%,transparent 42%),linear-gradient(110deg,#07090b 20%,#171a1f 70%,#07090b)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,8,.89) 0%,rgba(4,6,8,.73) 48%,rgba(4,6,8,.57) 100%),url('assets/garage-atmosphere.webp') center/cover;opacity:.68}.hero-inner{position:relative;min-height:625px;display:grid;grid-template-columns:48% 52%;align-items:center;gap:8px;padding-top:56px;padding-bottom:65px}.eyebrow,.section-eyebrow{font-size:12px;letter-spacing:3px;font-weight:900;text-transform:uppercase;color:#ff3846}.hero h1,.section h2,.cta h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-weight:900;text-transform:uppercase;line-height:.96;letter-spacing:.1px}.hero h1{font-size:clamp(54px,6vw,91px);margin:18px 0 20px;text-shadow:0 3px 7px #000}.hero h1 em{color:var(--red);font-style:normal}.hero p{font-size:17px;line-height:1.6;max-width:560px;color:#f1f2f4;text-shadow:0 2px 6px #000}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.proof{font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;display:flex;flex-wrap:wrap;gap:18px}.proof span:before{content:'✓ ';color:var(--red);font-size:19px}.hero-logo{display:flex;align-items:center;justify-content:center;padding:10px}.hero-logo img{width:100%;max-width:680px;filter:drop-shadow(0 0 28px rgba(240,21,36,.3));border-radius:4px;mix-blend-mode:screen}.stripe{height:10px;background:repeating-linear-gradient(90deg,var(--red) 0 58px,#101217 58px 74px);border-bottom:3px solid #aeb6c1}.service-strip{background:linear-gradient(#fff,#c8ced6);color:#0a0d12;border-bottom:4px solid var(--red)}.service-strip .wrap{display:grid;grid-template-columns:repeat(6,1fr);padding-top:23px;padding-bottom:23px}.strip-item{border-right:2px solid var(--red);padding:6px 15px;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:78px}.strip-item:last-child{border:0}.strip-item b{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:20px;text-transform:uppercase;line-height:1.1}.strip-item span{color:#bc0b18;font-size:24px}.section{padding:82px 0}.section h2{font-size:clamp(40px,5vw,65px);margin:12px 0 18px}.section .intro{color:#bac2cc;line-height:1.7;max-width:760px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.card{background:linear-gradient(150deg,#242932,#101317);border:1px solid #414951;border-top:4px solid var(--red);padding:28px}.card h3{font-size:23px;text-transform:uppercase;margin:12px 0}.card p{color:#d2d7df;line-height:1.65}.card a{font-weight:900;color:#ff5360}.card .num{color:#ff4552;font-size:12px;font-weight:900;letter-spacing:2px}.story{background:#f5f7fa;color:#101216}.story .intro{color:#343d47}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.story-logo{width:100%;max-width:520px;background:#050505;border:7px solid #111;box-shadow:12px 12px 0 var(--red)}.story p{line-height:1.75}.cta{background:var(--red);padding:42px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:22px}.cta h2{font-size:46px;margin:0 0 8px}.cta p{margin:0}.cta .btn{background:#0a0d11;border-color:#a9b2bd;box-shadow:none}.visit{background:#fff;color:#0b0d11}.visit .intro{color:#3c4650}.info{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.info article{background:#edf0f4;border:1px solid #cbd1d9;border-top:5px solid var(--red);padding:27px}.info h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:26px;text-transform:uppercase;margin:0 0 14px}.info p{line-height:1.7;margin:0}.info a{color:#b70012;text-decoration:underline}.footer{background:#07090b;border-top:4px solid var(--red);padding:26px 0;color:#d7dde4;font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.wp-block-image img{max-width:100%;height:auto}@media(max-width:960px){.nav{flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.navlinks{order:3;width:100%;justify-content:center}.hero-inner{grid-template-columns:1fr;gap:8px;padding-top:50px}.hero-logo{max-width:650px;margin:auto}.service-strip .wrap{grid-template-columns:repeat(3,1fr)}.strip-item:nth-child(3){border:0}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.wrap{padding-left:19px;padding-right:19px}.nav{justify-content:center}.wordmark{text-align:center}.navlinks{gap:15px;font-size:11px;flex-wrap:wrap}.calltop{padding:12px 15px}.hero-inner{padding-top:40px;padding-bottom:48px;min-height:0}.hero h1{font-size:clamp(52px,14vw,76px)}.hero p{font-size:16px}.hero-logo{padding:0}.service-strip .wrap{grid-template-columns:repeat(2,1fr)}.strip-item:nth-child(3){border-right:2px solid var(--red)}.strip-item:nth-child(2n){border:0}.cards,.story-grid,.info{grid-template-columns:1fr}.section{padding:58px 0}.cta-inner{align-items:flex-start;flex-direction:column}.cta h2{font-size:38px}.proof{gap:9px}.btn{width:100%}.buttons{flex-direction:column}}

/* Mobile overflow and legibility corrections, v1.1 */
html,body{max-width:100%;overflow-x:clip}
.hero-inner>div,.story-grid>div,.cta-inner>div,.cards>*,.info>*,.service-strip .wrap>*{min-width:0}
.hero h1{overflow-wrap:normal}
.hero-logo img,.story-logo{display:block;max-width:100%;height:auto}
@media(max-width:640px){
 .wrap{width:100%;max-width:100%;padding-inline:18px}
 .nav{gap:14px}
 .wordmark{max-width:100%;font-size:clamp(23px,7.2vw,32px);letter-spacing:-1px}
 .wordmark small{font-size:9px;letter-spacing:1.6px}
 .navlinks{gap:12px;justify-content:center}
 .hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding-top:32px;padding-bottom:42px}
 .hero h1{font-size:clamp(37px,11.5vw,61px);line-height:.99;letter-spacing:-.8px;max-width:100%;margin:14px 0 16px}
 .eyebrow,.section-eyebrow{font-size:10px;letter-spacing:1.8px;line-height:1.5}
 .hero p{font-size:15px;line-height:1.55}
 .hero-logo{width:100%;max-width:100%;padding:0}
 .hero-logo img{width:100%;object-fit:contain}
 .buttons{gap:12px;margin:22px 0}
 .btn{max-width:100%;padding:15px 12px;font-size:12px;text-align:center}
 .proof{font-size:10px;gap:10px;letter-spacing:.3px}
 .service-strip .wrap{grid-template-columns:1fr 1fr;gap:0}
 .strip-item{padding:12px 8px}
 .strip-item b{font-size:16px;overflow-wrap:anywhere}
 .section h2{font-size:clamp(34px,10vw,49px);overflow-wrap:break-word}
 .card{padding:21px}
 .card h3{font-size:21px;overflow-wrap:anywhere}
 .info article{padding:20px}
 .info h3{font-size:23px}
 .cta h2{font-size:clamp(32px,9vw,40px)}
 .footer .wrap{font-size:12px}
}
@media(max-width:360px){.hero h1{font-size:clamp(35px,11vw,40px)}.navlinks{font-size:10px}.wrap{padding-inline:14px}}

/* v1.2: readable single-column service overview on phone screens */
@media (max-width:640px) {
  .service-strip .wrap {display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:12px 18px;}
  .service-strip .strip-item {min-width:0;display:flex;align-items:center;gap:15px;padding:17px 12px;border-right:0!important;border-left:0!important;border-bottom:1px solid #cbd1d9!important;}
  .service-strip .strip-item:last-child {border-bottom:0!important;}
  .service-strip .strip-item span {flex:0 0 30px;font-size:25px;line-height:1.2;text-align:center;}
  .service-strip .strip-item b {display:block;flex:1;min-width:0;font-size:20px;line-height:1.25;overflow-wrap:normal;word-break:normal;}
}