/* Compact spacing and a stronger service icon system, within the original theme. */
header{height:88px}.hero{min-height:450px;padding-bottom:28px}.hero-copy{padding-top:35px}.hero h1{font-size:clamp(43px,4vw,60px)}.hero-actions{margin:25px 0 34px}.hero-foot{font-size:9px;gap:16px}.hero-photo{min-height:420px}.section{padding-block:43px}.section-heading h2{margin-bottom:14px}.section-heading p:last-child{margin-bottom:14px}.section-heading .eyebrow{margin-bottom:9px}.benefit-bar{padding-block:18px}.filters{margin:13px 0 19px}.service-grid{gap:14px}.service-card{padding:21px 20px 17px;border-radius:13px;display:flex;flex-direction:column;border-color:#dce2d7;box-shadow:0 3px 9px #192b2805;overflow:hidden}.service-card::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:var(--service-color,#31725b)}.service-card:hover{border-color:var(--service-color);box-shadow:0 9px 25px #192b2812;transform:translateY(-3px)}.service-icon{width:76px;height:76px;border-radius:20px;background:var(--service-bg);margin:0 0 16px;flex-shrink:0}.service-icon img{display:block;width:62px;height:62px;object-fit:contain}.service-card .tag{color:#526154;background:#eef2e9;font-size:8px;top:26px;right:16px;font-weight:600}.service-card h3{font-size:17px;line-height:1.4;margin-bottom:7px}.service-card p{font-size:12px;line-height:1.55;min-height:0;margin-bottom:15px;color:#667365;flex:1}.card-bottom{width:100%;margin-top:auto;padding-top:12px;font-size:11px}.card-bottom strong{font-size:17px;color:var(--ink)}.card-bottom>span:last-child{display:grid;place-items:center;background:var(--service-bg);color:var(--service-color);height:31px;width:31px;border-radius:50%;font-size:20px}.service-card[data-service=wash]{--service-color:#1677cf;--service-bg:#e5f2ff}.service-card[data-service=service]{--service-color:#a3650a;--service-bg:#fff1d8}.service-card[data-service=battery]{--service-color:#c44738;--service-bg:#ffebe6}.service-card[data-service=ac]{--service-color:#087e97;--service-bg:#dcf6fa}.service-card[data-service=tyre]{--service-color:#4059aa;--service-bg:#ebeeff}.service-card[data-service=brakes]{--service-color:#b73f51;--service-bg:#fce9ef}.service-card[data-service=paint]{--service-color:#8353b6;--service-bg:#f2e8ff}.service-card[data-service=inspection]{--service-color:#198370;--service-bg:#dff5ed}.quiet{margin-bottom:0;margin-top:14px}.how{padding-block:38px;gap:7%}.steps article{padding-block:14px}.care{gap:6%}.care-art{min-height:365px}.care-feature{margin-top:17px}.app-banner{padding-top:40px;height:340px;margin-bottom:40px}.app-banner h2{font-size:35px}.app-banner .eyebrow{margin-bottom:13px}.app-service-grid{gap:11px}.app-service-grid .service-card{padding:16px 14px}.app-service-grid .service-icon{width:66px;height:66px;border-radius:17px;margin-bottom:12px}.app-service-grid .service-icon img{width:56px;height:56px}.app-service-grid h3{font-size:13px}.app-service-grid .card-bottom{font-size:10px;gap:5px}.app-service-grid .card-bottom strong{font-size:13px}.app-service-grid .card-bottom>span:last-child{width:25px;height:25px;font-size:16px}.app-section-title{margin-top:24px}.app-shell{padding-top:22px}.app-title h1{margin-bottom:20px}.garage-card{padding:23px}.garage-card h3{margin-top:13px}.app-shell .banner-carousel{margin-top:18px;height:230px;min-height:230px}.app-shell .banner-copy{padding:25px 22px 52px;width:70%}.app-shell .banner-copy h2{font-size:25px;letter-spacing:-1px;margin-bottom:7px}.app-shell .banner-copy>p{font-size:8px;margin-bottom:9px}.app-shell .banner-copy>span{display:none}.app-shell .banner-copy .button{padding:10px 13px;font-size:10px;margin-top:7px}.app-shell .banner-art{width:38%;right:0;top:20%}.app-shell .banner-art img{width:120px;height:120px}.app-shell .banner-orbit{width:160px;height:160px}.app-shell .banner-photo{object-position:65% center}.app-shell .banner-drive::after{background:linear-gradient(90deg,#112b25ef,#112b2555)}.app-shell .banner-controls{bottom:12px;left:18px;right:18px}.app-shell .banner-arrows button{height:30px;width:30px}.banner-carousel{position:relative;overflow:hidden;border-radius:13px;background:#1d3830;touch-action:pan-y}.banner-slides,.banner-slide{position:absolute;inset:0}.banner-slide{overflow:hidden}.banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center}.banner-drive::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#112b25f5 2%,#112b2566 60%,#112b2510)}.banner-copy{position:relative;z-index:2;padding:30px 30px 70px;display:flex;flex-direction:column;align-items:start;height:100%;justify-content:end;color:white}.banner-copy>p{font-size:9px;letter-spacing:1.8px;margin-bottom:13px;font-weight:600}.banner-copy h2{font-size:36px;line-height:1.15;letter-spacing:-1.4px;font-weight:600;margin-bottom:11px}.banner-copy>span{font-size:12px;line-height:1.5;max-width:330px}.banner-copy .button{margin-top:18px;padding:13px 17px;font-size:11px}.banner-fresh{background:#e5f3ed;color:var(--ink)}.banner-cool{background:#e4f1fa;color:#173d55}.banner-fresh .banner-copy,.banner-cool .banner-copy{color:inherit;justify-content:center;width:72%;padding-right:0}.banner-fresh .banner-copy>span,.banner-cool .banner-copy>span{max-width:240px}.banner-art{position:absolute;right:-8%;top:20%;width:47%;height:60%;display:grid;place-items:center}.banner-art img{z-index:1;width:185px;height:185px;filter:drop-shadow(0 12px 12px #192b2820);transform:rotate(-7deg)}.banner-orbit{position:absolute;width:270px;height:270px;border-radius:50%;background:#cbe9dc}.banner-cool .banner-orbit{background:#c3e5f4}.banner-controls{position:absolute;bottom:18px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;z-index:3}.banner-dots,.banner-arrows{display:flex;align-items:center;gap:6px}.banner-dots button{padding:9px 5px;border:0;background:none;display:grid;place-items:center;min-height:34px;min-width:24px}.banner-dots button span{display:block;background:#687f74;width:6px;height:6px;border-radius:8px;transition:width .2s}.banner-dots button[aria-pressed=true] span{background:#c5a45e;width:25px}.banner-arrows button{width:34px;height:34px;border-radius:50%;border:1px solid #71887c;background:#f9fbf4f0;color:var(--ink);font-size:17px;display:grid;place-items:center}.banner-arrows button:hover{background:var(--gold)}.banner-carousel:focus-within{outline:1px solid #aebfae}.banner-slide[hidden]{display:none}.app-mode header{height:80px}
@media(max-width:1100px) and (min-width:651px){header nav{gap:13px}header nav a{font-size:10px}.header-actions{gap:15px}.hero-photo{min-height:420px}.hero-copy{padding-top:30px}.hero h1{font-size:46px}.hero-actions{gap:17px}.banner-copy h2{font-size:31px}.banner-art{right:-16%;opacity:.7}.banner-fresh .banner-copy,.banner-cool .banner-copy{width:87%}.banner-copy>span{max-width:235px}.service-card .tag{top:27px}.app-banner{height:350px}}
@media(max-width:650px){header{height:74px}.hero{min-height:0;padding-bottom:20px}.hero-copy{padding:18px 0 22px}.hero h1{font-size:44px;margin-bottom:18px}.hero .eyebrow{margin-bottom:16px}.intro{font-size:13px;margin-bottom:0}.hero-actions{margin:20px 0 23px;gap:16px;flex-wrap:nowrap}.hero-actions .button{padding:14px 15px;gap:16px;font-size:11px}.hero-actions .simple-link{font-size:10px;gap:8px}.hero-foot{font-size:7px;gap:12px}.hero-photo{min-height:300px;height:300px}.banner-copy{padding:24px 22px 58px}.banner-copy h2{font-size:29px}.banner-copy>p{font-size:8px;margin-bottom:11px}.banner-copy>span{font-size:11px;max-width:235px}.banner-copy .button{margin-top:14px;font-size:10px;padding:11px 14px}.banner-fresh .banner-copy,.banner-cool .banner-copy{width:78%}.banner-art{right:-9%;width:40%;top:20%;opacity:.75}.banner-art img{width:120px;height:120px}.banner-orbit{width:190px;height:190px}.banner-controls{left:18px;right:18px;bottom:12px}.banner-arrows button{width:32px;height:32px}.section{padding-block:30px}.section-heading h2{font-size:27px;margin-bottom:10px}.section-heading p:last-child{margin-bottom:12px}.benefit-bar{padding-block:14px;row-gap:11px}.benefit-bar b{font-size:9px}.filters{margin-top:8px;margin-bottom:16px}.service-grid{gap:11px}.service-card{padding:16px 13px 13px;border-radius:11px}.service-icon{width:64px;height:64px;margin-bottom:12px;border-radius:17px}.service-icon img{width:56px;height:56px}.service-card .tag{position:static;align-self:flex-start;padding:4px 6px;font-size:7px;margin-bottom:8px;order:0}.service-card h3{font-size:14px;line-height:1.35;margin-bottom:7px}.service-card p{font-size:11px;line-height:1.5;margin-bottom:11px}.card-bottom{font-size:9px;padding-top:10px;gap:5px}.card-bottom strong{font-size:13px}.card-bottom>span:last-child{width:25px;height:25px;font-size:17px;flex-shrink:0}.how{gap:22px}.how h2{margin-bottom:15px}.care{gap:23px}.care-art{min-height:260px}.care-copy h2{margin-bottom:15px}.care-copy .eyebrow{margin-bottom:13px}.care-feature{margin-top:12px}.app-banner{padding:29px 24px 0;margin-bottom:27px;gap:25px;height:auto}.app-banner h2{font-size:29px}.mini-phone{max-height:250px}.app-service-grid .service-card{padding:15px 13px}.app-service-grid .service-icon{width:68px;height:68px}.app-service-grid .service-icon img{width:59px;height:59px}.app-service-grid h3{font-size:14px}.app-title h1{font-size:32px}.app-shell .banner-copy{width:75%;padding-left:18px}.app-shell .banner-copy h2{font-size:24px}.app-shell .banner-art{right:-5%;opacity:.7}.app-shell .banner-art img{width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){.banner-dots button span{transition:none}}

@keyframes banner-enter{from{opacity:.4;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.banner-slide{animation:banner-enter .45s ease-out}@media(prefers-reduced-motion:reduce){.banner-slide{animation:none}}