@media(max-width:980px){.main-nav{gap:20px}.nav-cta{display:none}.vehicle-grid{gap:14px}.contact-layout{grid-template-columns:1fr 1fr}.map-card{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:760px){.wrap{width:calc(100% - 30px)}.topbar{display:none}.nav-wrap{width:100%;height:110px;padding:0 24px;justify-content:space-between}.brand{width:190px;align-self:auto;order:2}.brand img{width:190px;height:105px}.menu-toggle{width:54px;height:54px;display:grid;place-content:center;gap:6px;order:1;background:linear-gradient(135deg,var(--gold-light),var(--gold));border:0;border-radius:8px}.menu-toggle span{width:27px;height:3px;background:#111}.mobile-call{display:block;order:3;color:#fff;font-size:31px}.main-nav{height:auto;margin:0;padding:10px 20px 22px;display:none;position:absolute;top:110px;right:0;left:0;flex-direction:column;align-items:stretch;gap:0;background:#050505;border-top:1px solid #252525}.main-nav.open{display:flex}.main-nav a{min-height:46px;border-bottom:1px solid #252525}.main-nav a::after{display:none}.hero{min-height:1734px;background-image:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.12) 40%,rgba(0,0,0,.95) 68%,#050505 100%),url("assets/images/hero.webp");background-position:center top;background-size:auto 880px;background-repeat:no-repeat}.hero-inner{min-height:1734px;padding:755px 32px 46px}.hero-copy{max-width:none}.eyebrow{font-size:15px}.hero h1{font-size:61px;line-height:1.04}.hero-copy>p:not(.eyebrow){font-size:23px}.hero-buttons{margin-top:40px;flex-direction:column}.hero-buttons .button{width:100%;min-height:76px;font-size:20px}.hero-stats{width:100%;margin:auto 0 0;justify-content:center}.hero-stats>div{width:50%;min-width:0;height:180px;padding:18px 12px;display:flex;flex-direction:column;justify-content:center;text-align:center;border-left:0;border-right:1px solid #555}.hero-stats>div:last-child{border-right:0}.hero-stats img,.stat-icon{width:65px;height:65px;margin-bottom:10px;grid-row:auto;font-size:52px}.hero-stats strong{font-size:43px}.hero-stats span:last-child{font-size:16px}.section{padding:54px 0}.vehicle-grid{grid-template-columns:1fr}.vehicle-grid article>img{height:260px}.vehicle-more{width:100%}.service-grid{grid-template-columns:1fr 1fr}.workshop-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr}.about-copy{padding:52px 30px}.about-image{min-height:360px}.contact-layout{grid-template-columns:1fr}.map-card{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
@media(max-width:480px){.nav-wrap{height:100px;padding-inline:17px}.brand{width:165px}.brand img{width:165px;height:96px}.menu-toggle{width:49px;height:49px}.mobile-call{font-size:27px}.main-nav{top:100px}.hero{min-height:920px;overflow:hidden;background-size:auto 520px}.hero-inner{min-height:920px;padding:490px 0 20px}.eyebrow{font-size:10px}.hero h1{font-size:35px}.hero .gold-line{margin:18px 0 14px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-buttons{margin-top:24px;gap:10px}.hero-buttons .button{min-height:52px;font-size:13px}.hero-stats>div{height:132px;padding:10px 6px}.hero-stats img,.stat-icon{width:42px;height:42px;margin-bottom:7px;font-size:37px}.hero-stats strong{font-size:31px}.hero-stats span:last-child{font-size:11px}.title-block h2{font-size:30px}.vehicle-grid article>img{height:220px}.service-grid{gap:9px}.service-grid article{min-height:180px;padding:16px 10px}.service-grid img{width:64px;height:61px}.service-grid h3{font-size:13px}.service-grid p{font-size:9px}.workshop-card,.tire-card{min-height:400px}.overlay{padding:46px 25px}.overlay h2{font-size:27px}.about h2{font-size:32px}.about-image{min-height:280px}.contact{padding:42px 0}.contact-layout{gap:32px}.map-card{height:180px}.footer-brand{flex-direction:column}.footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}}

/* Keep the dark overlay covering the complete mobile hero; size the photo separately. */
@media(max-width:760px){.hero{background-size:100% 100%,auto 880px}}
@media(max-width:480px){.hero{min-height:860px;background-image:linear-gradient(180deg,rgba(5,5,5,0) 0%,rgba(5,5,5,.08) 27%,#050505 43%,#050505 100%),url("assets/images/hero.webp");background-position:center top;background-size:100% 100%,auto 360px}.hero-inner{min-height:860px;padding-top:350px}.mobile-call{width:49px;height:49px;display:grid;place-items:center;color:#17120c;background:linear-gradient(135deg,var(--gold-light),var(--gold));border-radius:50%;font-size:22px}}

@media(max-width:760px){.site-header .nav-wrap{height:136px}.site-header .brand{width:238px}.site-header .brand img{width:238px;height:132px}.site-header .main-nav{top:136px}.site-header.scrolled .nav-wrap{height:82px}.site-header.scrolled .brand{width:150px}.site-header.scrolled .brand img{width:150px;height:80px}.site-header.scrolled .main-nav{top:82px}}

@media(max-width:760px){.workshop-grid article{min-height:440px}.workshop-grid .overlay{padding:34px 25px 36px}.workshop-grid .overlay h2{font-size:29px}.workshop-grid .overlay ul{grid-template-columns:1fr;gap:7px}.contact{padding-top:55px}.contact-heading{margin-bottom:27px}.contact-heading h2{font-size:36px}.contact-heading p{font-size:12px}.contact-grid{grid-template-columns:1fr}.contact-card{min-height:88px}.map-panel{padding:15px}.map-panel .map-card{height:250px}.contact-cta{align-items:stretch;flex-direction:column}.contact-cta strong{font-size:20px}.contact-cta .button{width:100%}.opening-row{align-items:flex-start;flex-direction:column;gap:7px}.footer-grid{grid-template-columns:1fr 1fr;gap:34px 25px}.footer-brand{grid-column:1/-1}.footer-bottom{gap:12px}}
@media(max-width:480px){.contact-heading h2{font-size:32px}.contact-card{padding:15px}.contact-icon{width:43px;height:43px;flex-basis:43px}.contact-card strong{font-size:12px}.contact-card em{font-size:9px}.map-panel .map-card{height:220px}.contact-cta{padding:20px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-brand img{width:110px;height:110px}}

@media(max-width:760px){.workshop-card .overlay,.tire-card .overlay{width:100%;margin:0}.workshop-card::after,.tire-card::after{background:linear-gradient(180deg,rgba(0,0,0,.05) 8%,rgba(0,0,0,.24) 42%,rgba(0,0,0,.96) 75%,#050505 100%)}.workshop-grid .overlay h2{font-size:28px}}

/* Mobile readability and footer organization. */
@media(max-width:760px){.vehicle-grid h3{font-size:17px}.vehicle-grid p{font-size:14px}.service-grid h3{font-size:16px}.service-grid p{font-size:12px;line-height:1.5}.workshop-grid .overlay p{font-size:15px}.workshop-grid .overlay li{font-size:14px}.about-copy>p{font-size:15px}.contact-heading p{font-size:15px}.contact-card strong{font-size:15px}.contact-card em{font-size:12px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px}.footer-brand{grid-column:1/-1;flex-direction:row}.footer-grid>div:nth-child(4){grid-column:1/-1}.footer-grid h3{font-size:12px}.footer-grid>div>a,.footer-grid>div>span{font-size:13px}.footer-bottom small,.footer-bottom a{font-size:11px}}
@media(max-width:480px){.section{padding:48px 0}.service-grid article{min-height:190px;padding:18px 12px}.service-grid h3{font-size:15px}.service-grid p{font-size:12px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;align-items:center;flex-direction:row}.footer-brand>div{padding-top:0}.footer-brand img{width:96px;height:96px;flex:0 0 96px}.footer-brand p{font-size:12px}.footer-grid>div:nth-child(4){grid-column:1/-1}.footer-bottom{padding:18px 0 22px}.footer-bottom div{width:100%;justify-content:flex-start}}

@media(max-width:480px){.vehicle-more{min-width:0;min-height:58px;padding-left:18px;font-size:12.5px;font-weight:650;letter-spacing:.012em}.vehicle-more b{width:36px;height:36px;flex:0 0 36px}}

@media(max-width:760px){.vehicle-more{width:100%;min-height:66px;margin-top:28px;padding:0 10px 0 16px;border-radius:10px;font-size:13px}.vehicle-more span{padding-left:36px;text-align:center}.vehicle-more b{width:42px;height:42px;flex:0 0 42px;font-size:20px}}
@media(max-width:380px){.vehicle-more{font-size:12px}.vehicle-more span{padding-left:30px}.vehicle-more b{width:38px;height:38px;flex-basis:38px}}

/* Premium metallic mobile navigation controls. */
@media(max-width:760px){.menu-toggle,.mobile-call{overflow:hidden;position:relative;isolation:isolate;background:linear-gradient(135deg,#95631e 0%,#d6a443 25%,#fff0aa 50%,#d4a03d 72%,#875617 100%);border:1px solid #f0cf72;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),inset 0 -2px 4px rgba(75,43,2,.3),0 8px 21px rgba(202,146,43,.32);transition:transform .22s ease,box-shadow .22s ease}.menu-toggle{border-radius:10px}.mobile-call{border-radius:50%}.menu-toggle::before,.mobile-call::before{content:"";width:45%;position:absolute;z-index:-1;top:-70%;bottom:-70%;left:-65%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg);animation:gold-sweep 4.2s ease-in-out infinite}.menu-toggle::after,.mobile-call::after{content:"";position:absolute;z-index:-1;inset:2px;border:1px solid rgba(255,248,202,.42);border-radius:inherit}.menu-toggle span{position:relative;z-index:1;height:2px;border-radius:3px;background:#1a1208;box-shadow:0 1px 0 rgba(255,255,255,.28)}.mobile-call img{position:relative;z-index:1;width:24px;height:24px}.menu-toggle:active,.mobile-call:active{transform:scale(.94);box-shadow:inset 0 2px 5px rgba(75,43,2,.35),0 4px 12px rgba(202,146,43,.26)}.site-header.scrolled .menu-toggle span{width:23px}.site-header.scrolled .mobile-call img{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.menu-toggle::before,.mobile-call::before{animation:none}}
@media(max-width:760px){.mobile-call{width:54px;height:54px;display:grid;place-items:center}}
@media(max-width:480px){.mobile-call{width:49px;height:49px}}

@media(max-width:760px){.main-nav a{padding:0 6px;font-family:"Segoe UI Variable Display","Aptos Display","Helvetica Neue",Arial,sans-serif;font-size:14px;font-weight:560;line-height:1;letter-spacing:.055em;color:#e7e2d8;text-transform:none;-webkit-font-smoothing:antialiased;transition:color .2s ease,padding-left .22s ease,background .22s ease}.main-nav a:hover,.main-nav a.active{padding-left:14px;color:#edc66f;background:linear-gradient(90deg,rgba(210,164,81,.1),transparent 72%)}.main-nav a.active{font-weight:650}.main-nav a::before{content:"";width:0;height:1px;margin-right:0;background:var(--gold-light);transition:width .22s ease,margin-right .22s ease}.main-nav a:hover::before,.main-nav a.active::before{width:18px;margin-right:10px}}

@media(max-width:760px){.about-copy{padding:48px 27px}.about-kicker{font-size:10px}.language-badges{width:100%;padding:9px 7px;justify-content:center}.language-badges span{padding:0 5px;font-size:11px}.language-badges span:not(:last-child)::after{margin-left:10px}.about-trust{right:13px;bottom:13px;padding:10px 13px}.about-trust strong{font-size:24px}.about-trust span{font-size:10px}}
@media(max-width:360px){.language-badges span{padding:0 3px;font-size:10px}.language-badges span:not(:last-child)::after{margin-left:6px}}

@media(max-width:760px){.hero-stats{padding:4px;border-radius:10px}.hero-stats>div{height:148px;padding:8px 5px}.hero-stats .stat-cars{width:112px;height:62px;margin:0 0 4px;object-fit:cover}.hero-stats .stat-years{width:82px;height:82px;margin:0 0 4px;object-fit:cover}.hero-stats strong{font-size:34px}.hero-stats span:last-child{max-width:145px;font-size:12px;line-height:1.25}}
@media(max-width:380px){.hero-stats .stat-cars{width:100px;height:57px}.hero-stats .stat-years{width:74px;height:74px}.hero-stats strong{font-size:32px}.hero-stats span:last-child{font-size:11px}}

/* Final mobile QA across 320–430 px. */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:clip}
  .hero-stats{margin:32px 0 0}
  .service-grid article{height:100%;min-height:205px}
  .service-grid img{width:70px;height:70px}
  .service-grid h3{min-height:38px}
  .workshop-grid article{min-height:460px}
  .workshop-grid .overlay{width:100%;min-height:460px;padding:38px 26px}
  .workshop-card::after,.tire-card::after{background:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.08) 72%,transparent)}
  .workshop-grid .overlay::before{width:calc(100% - 20px);height:300px;inset:50% auto auto 10px;transform:translateY(-50%);background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 55%,rgba(0,0,0,.08) 100%);filter:blur(2px)}
  .workshop-grid .overlay h2,.workshop-grid .overlay p,.workshop-grid .overlay li{text-shadow:0 2px 7px rgba(0,0,0,.95)}
  .workshop-card .media{background-position:82% center}
  .workshop-card .overlay::before{width:100%;height:100%;inset:0;background:radial-gradient(ellipse 92% 72% at 0% 50%,rgba(0,0,0,.86) 0%,rgba(0,0,0,.64) 48%,rgba(0,0,0,.12) 78%,transparent 100%);transform:none;filter:none;border-radius:0}
  .workshop-grid .overlay p{color:#e0e0e0}
  .about-image img{height:100%;object-fit:cover}
  .footer-bottom span{font-size:11px}
}
@media(max-width:430px){
  .hero{min-height:940px}.hero-inner{min-height:940px}
  .hero-stats>div{height:142px}
  .vehicle-more{width:100%;min-width:0;min-height:58px;padding-left:16px;font-size:12px}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-brand,.footer-grid>div:nth-child(4){grid-column:auto}
  .footer-brand{align-items:flex-start}
  .footer-bottom div{gap:17px}
}
@media(max-width:760px){
  .hero-stats .stat-cars,.hero-stats .stat-years{width:112px;height:82px;margin:0 0 4px;object-fit:contain}
  .hero-stats strong{min-height:40px;display:flex;align-items:center;justify-content:center;line-height:1}
  .hero-stats span:last-child{min-height:30px;display:flex;align-items:flex-start;justify-content:center;text-align:center}
}
@media(max-width:380px){
  .hero-stats .stat-cars,.hero-stats .stat-years{width:100px;height:74px}
}
@media(max-width:340px){
  .nav-wrap{padding-inline:12px}.brand{width:148px}.brand img{width:148px}
  .menu-toggle,.mobile-call{width:46px;height:46px}
  .hero h1{font-size:32px}.hero-inner{padding-inline:12px}
  .service-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
  footer{padding-top:42px}
  .footer-grid{padding-bottom:34px;grid-template-columns:1fr 1fr;gap:34px 28px}
  .footer-brand{grid-column:1/-1;align-items:center;gap:20px;padding-bottom:28px;border-bottom:1px solid rgba(210,164,81,.2)}
  .footer-brand img{width:112px;height:112px;flex:0 0 112px}
  .footer-brand>div{padding-top:0}.footer-brand p{max-width:300px;margin-bottom:13px}
  .footer-grid>div:nth-child(4){grid-column:1/-1;padding-top:4px}
  .footer-grid>div:nth-child(4)>a{margin:12px 0;font-size:13px}
  .footer-bottom{min-height:auto;padding:20px 0 24px;justify-content:center;text-align:center}
}
@media(max-width:520px){
  .footer-grid{grid-template-columns:1fr;gap:30px}
  .footer-brand,.footer-grid>div:nth-child(4){grid-column:auto}
  .footer-brand{align-items:center;flex-direction:column;text-align:center}
  .footer-brand img{width:120px;height:120px;flex-basis:120px}
  .footer-brand p{max-width:310px;margin-inline:auto}
  .footer-brand .social-icons{justify-content:center}
  .footer-grid>div:not(.footer-brand){padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}
  .footer-grid>div:nth-child(4){padding-bottom:0;border-bottom:0}
  .footer-grid h3{margin-bottom:13px}
  .footer-grid>div>a{width:100%;margin:9px 0}
}

@media(max-width:760px){
  .site-header{position:-webkit-sticky!important;position:sticky!important;top:0;z-index:1000;width:100%;background:rgba(3,3,3,.98);box-shadow:0 1px 0 rgba(210,164,81,.12);backdrop-filter:blur(12px)}
  .site-header.scrolled{box-shadow:0 10px 28px rgba(0,0,0,.52),0 1px 0 rgba(210,164,81,.22)}
  .main-nav{z-index:1001;max-height:calc(100vh - 82px);overflow-y:auto;box-shadow:0 18px 30px rgba(0,0,0,.5)}
}

/* Seamless mobile hero: the photo fades naturally into the content background. */
@media(max-width:480px){
  .hero{background-color:#050505;background-image:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.08) 36%,rgba(5,5,5,.7) 68%,#050505 100%),url("assets/images/hero.webp");background-size:100% 530px,auto 610px;background-position:center top,center -105px;background-repeat:no-repeat}
  .hero::after{content:"";position:absolute;z-index:0;top:405px;right:0;left:0;height:150px;background:linear-gradient(180deg,transparent,#050505 90%);pointer-events:none}
  .hero-inner{z-index:1}
}

/* Final mobile footer hierarchy. */
@media(max-width:520px){
  .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:26px;row-gap:30px}
  .footer-brand{grid-column:1/-1;padding-bottom:28px}
  .footer-grid>div:nth-child(2){grid-column:1;padding:0 0 24px;border-bottom:0}
  .footer-grid>div:nth-child(3){grid-column:2;padding:0 0 24px;border-bottom:0}
  .footer-grid>div:nth-child(4){grid-column:1/-1;padding:27px 0 0;border-top:1px solid rgba(210,164,81,.2);border-bottom:0}
  .footer-grid h3{margin-bottom:15px;font-size:11px;letter-spacing:.15em}
  .footer-grid>div:nth-child(2)>a,.footer-grid>div:nth-child(3)>a{width:max-content;max-width:100%;margin:10px 0;font-size:13px}
  .footer-grid>div:nth-child(4)>a{width:100%;margin:13px 0;font-size:13px;line-height:1.5}
  .footer-bottom{border-top-color:rgba(255,255,255,.1)}
}
@media(max-width:350px){
  .footer-grid{column-gap:18px}.footer-grid>div:nth-child(2)>a,.footer-grid>div:nth-child(3)>a{font-size:12px}
}