/* SITE */
/* Ultimate Car Expert — site stylesheet. One file, no framework. */
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(../fonts/Poppins-Medium.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(../fonts/Poppins-SemiBold.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(../fonts/Poppins-Bold.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:400;font-display:swap;src:url(../fonts/Roboto-Regular.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:500;font-display:swap;src:url(../fonts/Roboto-Medium.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:700;font-display:swap;src:url(../fonts/Roboto-Bold.woff2) format("woff2")}

:root{
  --brand:#ffc513;--brand-d:#e0a800;--ink:#1c1c1c;--dark:#232323;--dark-2:#2d2d2d;--text:#3d3d3d;--muted:#6b6b6b;
  --tint:#f5f5f2;--line:#e7e5df;--white:#fff;--radius:12px;--shadow:0 1px 2px rgba(0,0,0,.05),0 8px 28px rgba(0,0,0,.07);
  --head:Poppins,"Segoe UI",Arial,sans-serif;--body:Roboto,"Segoe UI",Arial,sans-serif;--wrap:1200px;--gut:clamp(16px,4vw,32px)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font:400 16px/1.7 var(--body);color:var(--text);background:#fff;overflow-x:clip}
img,svg,iframe,video{max-width:100%}
img{height:auto;vertical-align:middle}
a{color:inherit;text-decoration-color:var(--brand);text-underline-offset:3px}
a:hover{color:var(--ink)}
h1,h2,h3,h4,h5,h6{font-family:var(--head);color:var(--ink);line-height:1.25;margin:0 0 .6em;font-weight:600;letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,1.3rem + 2.4vw,3rem);font-weight:700}
h2{font-size:clamp(1.5rem,1.15rem + 1.4vw,2.25rem)}
h3{font-size:clamp(1.2rem,1.05rem + .7vw,1.6rem)}
h4{font-size:1.2rem}h5{font-size:1.05rem}h6{font-size:1rem}
p,ul,ol,table,figure,blockquote,dl{margin:0 0 1.1em}
ul,ol{padding-left:1.3em}
li{margin:.25em 0}
strong,b{color:var(--ink);font-weight:700}
hr{border:0;border-top:1px solid var(--line);margin:2em 0}
table{width:100%;border-collapse:collapse;font-size:.95rem;display:block;overflow-x:auto}
th,td{border:1px solid var(--line);padding:.6em .8em;text-align:left;vertical-align:top}
th{background:var(--tint);color:var(--ink);font-family:var(--head);font-weight:600}
blockquote{border-left:4px solid var(--brand);padding:.4em 0 .4em 1.2em;color:var(--ink);font-style:italic}
mark{background:none;color:var(--brand-d)}
.sr,.skip:not(:focus){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;top:8px;left:8px;z-index:100;background:var(--ink);color:#fff;padding:8px 14px;border-radius:6px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.center{text-align:center}
.ic{width:1.1em;height:1.1em;fill:currentColor;flex:none}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:46px;padding:.7em 1.5em;border:2px solid var(--brand);border-radius:8px;background:var(--brand);color:var(--ink);font:600 .95rem/1.2 var(--head);text-decoration:none;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
.btn:hover{background:var(--brand-d);border-color:var(--brand-d);color:var(--ink);transform:translateY(-1px)}
.btn--line{background:transparent}
.btn--line:hover{background:var(--brand)}
.btn--sm{min-height:38px;padding:.45em 1em;font-size:.82rem}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin:1.2em 0}
.cols .col>.btns:only-child{margin:0}

/* ---------------------------------------------------------------- header */
.hdr{position:sticky;top:0;z-index:50;color:#fff}
.hdr__row{display:flex;align-items:center;gap:16px;min-height:74px}
.hdr__logo{flex:none;margin-right:auto}
.hdr__logo img{width:150px;height:auto;display:block}
.hdr__info{display:none;text-align:right;font-size:.85rem;line-height:1.4}
.hdr__info p{margin:0}
.hdr__hours{display:flex;align-items:center;justify-content:flex-end;gap:6px;color:#d8d8d8}
.hdr__phone span{color:#d8d8d8;margin-right:6px}
.hdr__phone a{font:700 1.35rem/1.3 var(--head);color:var(--brand);text-decoration:none}
.btn--book{display:none}
.hdr__call,.hdr__burger{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;border:0;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.hdr__call{background:var(--brand);color:var(--ink)}
.hdr__call .ic,.hdr__burger .ic{width:22px;height:22px}

.nav{background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.nav__list{list-style:none;margin:0;padding:0}
.nav__list li{margin:0}
.nav__top{display:flex;align-items:center;gap:4px;padding:15px 14px;font:600 .82rem/1 var(--head);text-transform:uppercase;letter-spacing:.03em;color:var(--ink);text-decoration:none;background:none;border:0;cursor:pointer;position:relative}
.nav__top .ic{width:18px;height:18px;transition:transform .2s}
.nav__list>li.is-active>.nav__top::after,.nav__list>li>.nav__top:hover::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--brand);border-radius:2px}
.nav__sub{list-style:none;margin:0;padding:8px 0;background:#fff}
.nav__sub a{display:block;padding:9px 18px;font-size:.93rem;text-decoration:none;color:var(--text)}
.nav__sub a:hover,.nav__sub .is-active a{color:var(--ink);background:var(--tint)}
.nav__head,.nav__contact{display:none}

@media (min-width:1025px){
  .hdr__row{min-height:92px}
  .hdr__info{display:block}
  .btn--book{display:inline-flex}
  .hdr__call,.hdr__burger{display:none}
  .nav__in{display:flex}
  .nav__list{display:flex;flex-wrap:wrap}
  .has-sub{position:relative}
  .nav__sub{position:absolute;left:0;top:100%;min-width:290px;border-radius:0 0 10px 10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s}
  .has-sub:focus-within .nav__sub,.has-sub.open .nav__sub{opacity:1;visibility:visible;transform:none}
  .has-sub.open>.nav__top .ic{transform:rotate(180deg)}
}
@media (min-width:1025px) and (hover:hover){
  .has-sub:hover .nav__sub{opacity:1;visibility:visible;transform:none}
}
@media (max-width:1024px){
  .nav{position:fixed;inset:0 0 0 auto;width:min(360px,88vw);transform:translateX(100%);transition:transform .25s;overflow-y:auto;z-index:60;box-shadow:-10px 0 40px rgba(0,0,0,.25)}
  .nav.open{transform:none}
  .nav__in{padding:0}
  .nav__head{display:flex;align-items:center;justify-content:space-between;background:var(--dark);padding:12px 16px}
  .nav__head img{width:120px}
  .nav__close{width:44px;height:44px;border:0;background:rgba(255,255,255,.1);color:#fff;border-radius:8px;display:grid;place-items:center}
  .nav__close .ic{width:22px;height:22px}
  .nav__list>li{border-bottom:1px solid var(--line)}
  .nav__top{width:100%;justify-content:space-between;padding:16px 20px;font-size:.92rem}
  .nav__list>li.is-active>.nav__top{color:var(--brand-d)}
  .nav__list>li>.nav__top:hover::after,.nav__list>li.is-active>.nav__top::after{display:none}
  .nav__sub{display:none;background:var(--tint)}
  .has-sub.open .nav__sub{display:block}
  .has-sub.open>.nav__top .ic{transform:rotate(180deg)}
  .nav__contact{display:block;padding:18px 20px;font-size:.9rem}
  .nav__contact p{display:flex;gap:10px;margin:0 0 10px}
  .nav__contact .ic{color:var(--brand-d);margin-top:.3em}
  body.nav-open{overflow:hidden}
  body.nav-open .hdr{z-index:60}  /* keep the drawer above the backdrop */
  body.nav-open::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:55}
}

/* ---------------------------------------------------------------- page title */
.ptitle{background:linear-gradient(rgba(20,20,20,.78),rgba(20,20,20,.78)),url(../img/title-bg.webp) center/cover var(--dark);color:#fff;text-align:center;padding:clamp(36px,6vw,64px) 0}
.ptitle h1{color:#fff;margin:0 0 .35em;font-size:clamp(1.6rem,1.1rem + 2vw,2.6rem)}
.crumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:.9rem;color:#ddd}
.crumbs a{color:#fff;text-decoration:none}
.crumbs a:hover{color:var(--brand)}
.crumbs span[aria-hidden]{color:var(--brand)}

/* ---------------------------------------------------------------- converted content */
.main{display:block}
.s{padding:clamp(36px,5vw,64px) 0}
.s+.s{padding-top:0}
.s--tint,.s--dark,.s--brand,.s--img{padding:clamp(40px,6vw,72px) 0}
.s+.s--tint,.s+.s--dark,.s+.s--brand,.s+.s--img,.s--tint+.s,.s--dark+.s,.s--brand+.s,.s--img+.s{padding-top:clamp(40px,6vw,72px)}
.s--tint{background:var(--tint)}
.s--brand{background:var(--brand)}
.s--dark,.s--img{background:var(--dark);color:#e9e9e9}
.s--img{background:linear-gradient(rgba(18,18,18,.72),rgba(18,18,18,.72)),var(--bg) center/cover no-repeat var(--dark)}
.s--dark :is(h1,h2,h3,h4,h5,h6,strong),.s--img :is(h1,h2,h3,h4,h5,h6,strong),.col--dark :is(h1,h2,h3,h4,h5,h6,strong),.row--dark :is(h1,h2,h3,h4,h5,h6,strong){color:#fff}
.cols{display:grid;gap:clamp(20px,3vw,40px);align-items:start}
@media (min-width:768px){.cols{grid-template-columns:var(--cols)}}
@media (min-width:768px) and (max-width:1024px){.cols[style*="16fr 16fr 16fr"]{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){.cols[style*="16fr 16fr 16fr"],.cols[style*="25fr 25fr 25fr 25fr"]{grid-template-columns:repeat(2,1fr)}}
.col>:last-child,.row>:last-child,.card>:last-child,.wrap>:last-child{margin-bottom:0}
.col--dark,.col--brand,.col--tint,.row--dark,.row--brand,.row--tint,.col--img,.row--img{padding:clamp(20px,3vw,32px);border-radius:var(--radius)}
.row--dark,.row--brand,.row--tint,.row--img{margin:0 0 1.5em}
.col--dark,.row--dark{background:var(--dark);color:#e9e9e9}
.col--brand,.row--brand{background:var(--brand);color:var(--ink)}
.col--brand a,.row--brand a{text-decoration-color:var(--ink)}
.col--tint,.row--tint{background:var(--tint)}
.col--img,.row--img{background:linear-gradient(rgba(18,18,18,.65),rgba(18,18,18,.65)),var(--bg) center/cover no-repeat;color:#fff;min-height:260px}
.col--img :is(h1,h2,h3,h4,p,strong),.row--img :is(h1,h2,h3,h4,p,strong){color:#fff}
.s--brand .btn,.col--brand .btn,.row--brand .btn{background:var(--ink);border-color:var(--ink);color:#fff}
.figure,.img{margin:0 0 1.2em}
.img img{border-radius:var(--radius);width:100%;height:auto}
.s--brand .img img,.cols .img img[width="300"]{border-radius:8px}
.divider-text{font:600 .85rem var(--head);text-transform:uppercase;letter-spacing:.08em;color:var(--brand-d)}

/* icon lists */
.ilist{list-style:none;padding:0}
.ilist li{position:relative;padding-left:30px;margin:.45em 0}
.ilist li::before{content:"";position:absolute;left:0;top:.3em;width:18px;height:18px;border-radius:50%;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%231c1c1c'/%3E%3C/svg%3E") center/13px no-repeat}
.ilist a{text-decoration:none}
.ilist a:hover{text-decoration:underline}

.col--brand .ilist li::before,.row--brand .ilist li::before{background-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23ffc513'/%3E%3C/svg%3E")}
/* sidebar blocks ("Our Services", "Contact us") on service pages */
.cols[style^="--cols:66fr 33fr"]>.col:last-child{position:sticky;top:170px}
.col--tint .ilist li,.row--tint .ilist li{padding-left:0;border-bottom:1px solid var(--line);margin:0;padding:.55em 0}
.col--tint .ilist li::before,.row--tint .ilist li::before{display:none}
.col--tint .ilist a,.row--tint .ilist a{display:block;font:500 .95rem var(--head);color:var(--ink)}
.col--tint .ilist a:hover,.row--tint .ilist a:hover{color:var(--brand-d);text-decoration:none}
.ilist a[href^="tel:"],.ilist a[href^="mailto:"]{font-weight:600}

/* cards (icon boxes, image boxes, flip boxes) */
.card{height:100%;padding:22px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);text-align:center;transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.card__ic{margin:0 auto 10px;width:56px;height:56px;display:grid;place-items:center;color:var(--brand-d)}
.card__ic svg{width:44px;height:44px;fill:currentColor}
.card__ic img{max-height:56px;width:auto}
.card__t{font-size:1rem;margin:0 0 .3em}
.card__t a{text-decoration:none}
.card__d{font-size:.95rem}
.card__d ul{text-align:left}
.card--flip{background:var(--dark);border:2px solid var(--brand);color:#ddd;text-align:center;padding:28px 22px}
.card--flip .card__t{color:#fff;font-size:1.3rem}
.card--flip .card__t+.card__d{font:600 1.1rem var(--head);color:var(--brand)}
.card--flip .card__d li{color:#ddd}

/* FAQ */
.faq{border-top:1px solid var(--line);margin:0 0 1.5em}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:16px 40px 16px 0;position:relative;font:600 1rem/1.45 var(--head);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary :is(h2,h3,h4,h5,h6){font:inherit;margin:0;color:inherit}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq summary:hover{color:var(--brand-d)}
.faq__a{padding:0 0 16px}
.s--dark .faq summary,.col--dark .faq summary{color:#fff}
.s--dark .faq summary::after{border-color:#fff}

/* gallery */
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:0 0 1.5em}
.gal img,.gal__i img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}

/* raw embeds (GHL forms, suburb list, booking form, call bar) */
.embed{margin:0 0 1.5em}
.embed iframe[src*="leadconnectorhq"]{width:100%;min-height:560px;border:0;border-radius:10px;background:#fff}
#locationList{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 1em}
#locationList li{margin:0;padding:6px 14px;background:var(--tint);border:1px solid var(--line);border-radius:999px;font-size:.85rem}
#locationList a{text-decoration:none}
#locationList li:has(a[href^="/"]){background:#fff;border-color:var(--brand)}
#locationList a[href^="/"]:hover{color:var(--brand-d)}
.read-more-content{display:none;width:100%}
.read-more-content[style*="block"]{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px}
.read-more-toggle{display:table;margin:0 auto;padding:8px 18px;border-radius:8px;font:600 .9rem var(--head);cursor:pointer;background:var(--ink);color:#fff!important;text-decoration:none}
.uce-svc-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin:0 0 22px}
.uce-svc-cta a{display:flex;text-decoration:none;border-radius:8px;padding:10px 18px;font-weight:700;line-height:1.2;align-items:center;justify-content:center}
.uce-svc-cta__call{flex-direction:column;gap:1px;background:var(--brand);color:var(--ink)}
.uce-svc-cta__call span{font-size:11px;letter-spacing:.05em;text-transform:uppercase;opacity:.8;font-weight:600}
.uce-svc-cta__call strong{font-size:19px}
.uce-svc-cta__book{background:var(--ink);color:#fff}
@media (max-width:600px){.uce-svc-cta a{flex:1 1 100%}}
.uce-callbar{display:none}

/* Google reviews */
.grev{margin:0 0 1.5em}
.grev__head{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 18px}
.grev__head img{border-radius:50%}
.grev__head p{margin:0;line-height:1.35}
.grev__name a{font:600 1.05rem var(--head);text-decoration:none;color:var(--ink)}
.grev__head .btn{margin-left:auto}
.grev__stars{display:inline-flex;color:#fb8e28}
.ic--star{width:17px;height:17px}
.grev__based{font-size:.85rem;color:var(--muted)}
.grev__list{display:grid;gap:14px}



.grev__item{margin:0;padding:18px;background:#fafafa;border:1px solid var(--line);border-radius:var(--radius)}
.grev__who{display:flex;gap:10px;align-items:center;margin-bottom:6px}
.grev__who img{border-radius:50%}
.grev__who cite{font-style:normal;font-weight:700;display:block;line-height:1.3}
.grev__who cite a{text-decoration:none;color:var(--ink)}
.grev__who time{font-size:.8rem;color:var(--muted)}
.grev__item blockquote{border:0;padding:0;margin:.4em 0 0;font-style:normal;font-size:.93rem;color:var(--text)}

/* native lead form */
.lead{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,3vw,28px);box-shadow:var(--shadow);margin:0 0 1.5em}
.lead__grid{display:grid;gap:0 18px}
@media (min-width:640px){.lead__grid{grid-template-columns:1fr 1fr}.lead__full{grid-column:1/-1}}
.lead label{display:block;font:600 .85rem var(--head);color:var(--ink);margin-bottom:4px}
.lead label span{color:#c62828}
.lead input,.lead textarea,.lead select{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1px solid #cfccc4;border-radius:8px;background:#fff;color:var(--ink)}
.lead input:focus,.lead textarea:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand-d)}
.lead__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lead__foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.lead__status{font-weight:500}
.lead__status.err{color:#c62828}
.lead__legal{font-size:.75rem;color:var(--muted);margin:0}
.grecaptcha-badge{visibility:hidden}

/* ---------------------------------------------------------------- blog */
.blog{display:grid;gap:40px;padding-top:clamp(32px,5vw,56px);padding-bottom:clamp(40px,6vw,72px)}
@media (min-width:992px){.blog{grid-template-columns:minmax(0,1fr) 320px}}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:0 0 28px}
.pcard__img img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.pcard__body{padding:22px}
.pcard__t{font-size:clamp(1.2rem,1rem + .8vw,1.55rem);margin:.2em 0 .5em}
.pcard__t a{text-decoration:none}
.pcard__t a:hover{color:var(--brand-d)}
.pmeta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.85rem;color:var(--muted);margin:0 0 .6em}
.pmeta span:first-child{color:var(--brand-d);font-weight:600}
.pmeta a{text-decoration:none}
.pgrid{display:grid;gap:24px}
@media (min-width:768px){.pgrid{grid-template-columns:repeat(3,1fr)}.pgrid .pcard{margin:0}}
.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pager a,.pager span{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-weight:600}
.pager span{background:var(--brand);border-color:var(--brand);color:var(--ink)}
.pager a:hover{border-color:var(--brand)}
.side{display:grid;gap:24px;align-content:start}
.side__box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.side__t{font:600 1.15rem var(--head);color:var(--ink);margin:0 0 .8em}
.side__search{display:flex;background:var(--tint);border-radius:8px}
.side__search input{flex:1;min-width:0;border:0;background:none;padding:12px;font:inherit;font-size:16px}
.side__search button{border:0;background:none;padding:0 14px;cursor:pointer;color:var(--ink)}
.side__cats{list-style:none;padding:0;margin:0}
.side__cats li{margin:0;padding:6px 0;border-bottom:1px solid var(--line);font-size:.93rem}
.side__cats a{text-decoration:none}
.side__cats a:hover{color:var(--brand-d)}
.side__recent{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.side__recent li{display:flex;gap:12px;margin:0}.side__recent li>a{flex:none}
.side__recent img{flex:none;width:72px;height:72px;object-fit:cover;border-radius:8px}
.side__recent div a{display:block;font:600 .9rem/1.35 var(--head);color:var(--ink);text-decoration:none}
.side__recent div a:hover{color:var(--brand-d)}
.side__recent time{font-size:.8rem;color:var(--muted)}
.post__img{margin:0 0 18px}
.post__img img{width:100%;border-radius:var(--radius)}
.prose h2{margin-top:1.4em}.prose h3{margin-top:1.2em}
.prose img{border-radius:10px}
.prose figure{margin:1.5em 0}
.prose figcaption{font-size:.85rem;color:var(--muted);margin-top:6px}
.post__tags a{display:inline-block;margin:4px 6px 0 0;padding:4px 12px;border-radius:999px;background:var(--tint);text-decoration:none;font-size:.85rem}
.post__nav{display:grid;gap:14px;margin-top:32px}
@media (min-width:640px){.post__nav{grid-template-columns:1fr 1fr}.post__next{text-align:right;grid-column:2}}
.post__nav a{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;font:600 .95rem/1.4 var(--head);color:var(--ink)}
.post__nav a span{display:block;font:400 .8rem var(--body);color:var(--muted);margin-bottom:4px}
.post__nav a:hover{border-color:var(--brand)}
.notice{padding:12px 16px;border-radius:8px;background:#fff6d6;border:1px solid var(--brand);color:var(--ink)}

/* ---------------------------------------------------------------- footer */
.ftr{background:var(--dark);color:#cfcfcf;font-size:.95rem}
.ftr__main{position:relative}
.ftr__map iframe{display:block;width:100%;height:320px;border:0;filter:grayscale(.2)}
.ftr__box{background:var(--dark-2);padding:28px 26px;border-radius:var(--radius);margin:-60px 0 0;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.35)}
@media (min-width:900px){
  .ftr__main{min-height:470px}
  .ftr__map{position:absolute;inset:0}
  .ftr__map iframe{height:100%}
  .ftr__main .wrap{position:relative;padding-top:40px;padding-bottom:40px;pointer-events:none}
  .ftr__box{width:340px;margin:0;pointer-events:auto}
}
.ftr__title{font:600 1.15rem var(--head);color:#fff;margin:0 0 14px}
.ftr__item+.ftr__title{margin-top:22px}
.ftr__item{display:flex;gap:12px;font-style:normal;margin:0 0 12px;line-height:1.55}
.ftr__item .ic{color:var(--brand);margin-top:.25em}
.ftr__item a{color:#e6e6e6;text-decoration:none}
.ftr__item a:hover{color:var(--brand)}
.ftr__item strong{color:#fff;font-weight:500}
.ftr__bottom{background:#1a1a1a;padding:22px 0}
.ftr__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.ftr__copy{margin:0;color:#fff;font-size:.88rem}
.ftr__copy a{color:#fff}
.ftr__social{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.ftr__social a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff}
.ftr__social a:hover{background:var(--brand);color:var(--ink)}

/* mobile call/book bar + back to top */
.mcta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 -4px 18px rgba(0,0,0,.2);padding-bottom:env(safe-area-inset-bottom);background:var(--ink)}
.mcta a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;font:600 .9rem var(--head);text-decoration:none}
.mcta__call{background:var(--ink);color:#fff}
.mcta__book{background:var(--brand);color:var(--ink)}
body{padding-bottom:calc(54px + env(safe-area-inset-bottom))}
@media (min-width:1025px){.mcta{display:none}body{padding-bottom:0}}
.totop{position:fixed;right:16px;bottom:70px;z-index:39;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:var(--ink);box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.2s}
.totop.show{opacity:1;visibility:visible}
@media (min-width:1025px){.totop{bottom:24px}}

/* ---------------------------------------------------------------- home */
.hero{position:relative;color:#fff;background:#222;overflow:hidden}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,15,15,.85),rgba(15,15,15,.45) 60%,rgba(15,15,15,.2))}
.hero .wrap{position:relative;z-index:1;padding-top:clamp(56px,10vw,120px);padding-bottom:clamp(56px,10vw,120px)}
.hero h1{color:#fff;font-size:1.05rem;font-weight:600;margin:0 0 .5em;letter-spacing:.02em}
.hero h2{color:var(--brand);font-size:clamp(2.1rem,1.4rem + 3vw,3.6rem);font-weight:700;line-height:1.12;margin:0 0 .4em}
.hero h3{color:#fff;font:400 1.05rem var(--body);margin:0 0 1.4em}
.hero .btn--line{color:#fff;border-color:var(--brand)}
.hero .btn--line:hover{color:var(--ink)}
.band{background:var(--ink);color:#fff}
.band .cols{align-items:center}
.band h2{color:#fff;margin:0}
.band--repco{background:linear-gradient(90deg,var(--ink) 70%,#e2202a 70%)}
.band--repco img{max-width:220px;border-radius:0!important}
.band--bg{background:linear-gradient(115deg,var(--brand) 0 22%,var(--ink) 22%)}
.band--bg h2 mark{color:var(--brand)}
.band--bg .img img{max-width:260px;border-radius:0!important;margin:0 auto;display:block}
.pay .img img{border:1px solid var(--line);border-radius:10px;padding:6px;background:#fff}
.svc .cols{gap:12px}
.svc .card{padding:18px 10px}
.svc .card__ic svg{width:38px;height:38px}
.steps{display:grid;gap:20px;counter-reset:s;list-style:none;padding:0}
@media (min-width:640px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps li{text-align:center;margin:0}
.steps img{width:150px;height:150px;border-radius:50%;background:var(--tint);object-fit:contain;margin:0 auto 10px;display:block}
.steps b{display:block;font:700 1.9rem var(--head);color:var(--brand-d)}
.steps span{font:600 .95rem var(--head);color:var(--ink)}
.tabs{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.tabs__nav{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line);background:var(--tint)}
.tabs__nav button{flex:1 1 33%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border:0;background:none;font:600 .95rem var(--head);color:var(--ink);cursor:pointer;border-bottom:3px solid transparent}
.tabs__nav button[aria-selected="true"]{background:#fff;border-bottom-color:var(--brand)}
.tabs__nav img{width:44px;height:44px}
.tabs__panel{padding:clamp(18px,3vw,32px)}
.tabs__panel[hidden]{display:none}
.tabs__panel .cols{align-items:center}
.tabs__panel .ilist{columns:2 220px;column-gap:24px}
.tabs__panel .ilist li{break-inside:avoid}
.brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:0 0 1.5em}
.brands a{display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}
.brands img{max-height:70px;width:auto}


.sub{text-align:center;color:var(--muted);margin-top:-.3em}
.eyebrow{display:inline-block;background:var(--brand);color:var(--ink);font:600 .8rem var(--head);padding:6px 12px;border-radius:6px;text-decoration:none;transform:rotate(-2deg)}
.head-c{text-align:center;max-width:820px;margin:0 auto 28px}
.svc .cols{align-items:stretch}
.svc .card{display:flex;flex-direction:column;justify-content:center;min-height:118px}
.card--flip .card__t{line-height:1.35}
.card--flip ul{display:inline-block;margin:0}
@media (max-width:767px){
  .band--repco{background:var(--ink);border-bottom:8px solid #e2202a}
  .band--bg{background:var(--ink);border-top:8px solid var(--brand)}
  .band .cols{text-align:center}
  .band--repco img{margin:0 auto;display:block}
  .hero::after{background:rgba(15,15,15,.72)}
}
.gal__i{margin:0}
.gal__i figcaption :is(h5,h6,p){margin:.5em 0 0;font-size:.95rem;text-align:center}
.gal--pairs{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.gal__i--pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.gal__i--pair img{aspect-ratio:770/370}
.gal__i--pair figcaption{grid-column:1/-1}
.post__nav h6{margin:0;font:inherit;color:inherit}


/* HOME */
/* Homepage presentation, based on the live site. Scoped to the home route. */
.t-home{--wrap:1170px;--gut:15px;--head:Roboto,"Segoe UI",Arial,sans-serif;--text:#292929;line-height:1.5}
.t-home h2{font-size:40px;line-height:1.3;letter-spacing:-.04em}
.t-home h3{font-size:40px;line-height:1.25;letter-spacing:-.035em}
.t-home .col{min-width:0}
.t-home .cols{gap:20px}
.t-home .btn{border-radius:0;font:500 14px/1.2 var(--body);letter-spacing:0;padding:14px 24px;min-height:47px}
.t-home .btns{gap:20px}
.t-home .s{padding:60px 0}
.t-home .s+.s{padding-top:60px}
.t-home .img img{border-radius:0}
.t-home .head-c{max-width:none;margin-bottom:50px}
.t-home .head-c .sub{margin-top:12px}

/* Hero spacing accounts for the shared desktop masthead. */
@media (min-width:1025px){
 .t-home .hero .wrap{padding-top:296px;padding-bottom:57px}
}
.t-home .hero::after{background:rgba(18,18,23,.18)}
.t-home .hero h1{font:700 44px/1 var(--body);letter-spacing:0;margin:0 0 40px}
.t-home .hero h2{font:700 34px/1 var(--body);letter-spacing:0;margin:0 0 20px}
.t-home .hero h3{font:400 20px/1 var(--body);letter-spacing:0;margin:0 0 20px}
.t-home .hero .btns{margin:0}
.t-home .hero .btn:first-child{min-width:252px}
.t-home .hero .btn--line{padding-inline:15px}

/* Partner banners, offers and payment marks. */
.t-home .s.band--repco{margin-top:76px;padding:0;background:none;border:0}
.t-home .repco-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:50px;padding:48px 58px;overflow:hidden;border:1px solid #ffffff18;border-radius:24px;background:radial-gradient(ellipse at 95% 10%,#75252b66,transparent 55%),linear-gradient(120deg,#25272b,#101114);box-shadow:0 20px 45px #17191d1c}
.t-home .repco-panel::after{content:"";position:absolute;z-index:-1;inset:0 0 0 auto;width:28%;background:linear-gradient(145deg,#ed1b2e,#a50d20);clip-path:polygon(55% 0,100% 0,100% 100%,0 100%)}
.t-home .repco-panel__line{display:block;width:54px;height:4px;background:var(--brand);border-radius:3px;margin-bottom:22px}
.t-home .band--repco h2{font-size:clamp(28px,3vw,40px);line-height:1.25;letter-spacing:-.025em;margin:0;max-width:660px}
.t-home .band--repco h2 span{color:var(--brand)}
.t-home .repco-panel__logo{padding:25px 30px;background:#fff;border:1px solid #fff9;border-radius:16px;box-shadow:0 14px 35px #0004;transform:rotate(-3deg)}
.t-home .band--repco .img{margin:0;text-align:center}
.t-home .band--repco img{width:240px;max-width:100%;border-radius:0!important}
.t-home .band--repco+.s{padding-top:64px;padding-bottom:0}
.t-home .home-offers .cols{align-items:stretch;gap:28px}
.t-home .offer-card{position:relative;perspective:1400px;height:100%;min-width:0}
.t-home .offer-card--oil{--offer-image:url('../../wp-content/uploads/2025/12/mechanic-changing-engine-oil-car-vehicle-1-scaled-1.webp')}
.t-home .offer-card--premium{--offer-image:url('../../wp-content/uploads/2025/12/premium-car-service-scaled-1.webp')}
.t-home .offer-card__inner{display:grid;min-height:360px;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.65,.25,1)}
.t-home .offer-card.is-flipped .offer-card__inner{transform:rotateY(180deg)}
.t-home .offer-card__face{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-width:0;padding:40px 36px;border:1px solid #d7b76288;border-radius:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 16px 35px #17191d1c;text-align:center;color:#fff}
.t-home .offer-card__front{background:linear-gradient(180deg,#10131955,#101319c9 70%,#101319ed),var(--offer-image) center/cover}
.t-home .offer-card__front::before{content:"";width:44px;height:3px;border-radius:3px;background:var(--brand)}
.t-home .offer-card__face h3{font-size:clamp(27px,2.6vw,36px);line-height:1.2;letter-spacing:-.025em;color:#fff;margin:0}
.t-home .offer-card__price{display:flex;align-items:baseline;gap:10px;margin:0;font-size:18px;color:#eee}
.t-home .offer-card__price strong{font-size:48px;line-height:1;font-weight:700;letter-spacing:-.04em;color:var(--brand)}
.t-home .offer-card__back{transform:rotateY(180deg);background:radial-gradient(ellipse at top right,#ffc51314,transparent 65%),linear-gradient(135deg,#272a2e,#111317);gap:20px}
.t-home .offer-card__back h3{color:var(--brand);font-size:28px}
.t-home .offer-card__description{font-size:26px;line-height:1.5;margin:0;max-width:390px}
.t-home .offer-card__back ul{margin:0;padding-left:20px;text-align:left;font-size:16px;line-height:1.55}
.t-home .offer-card__back li{margin:5px 0;padding-left:4px}
.t-home .offer-card__back li::marker{color:var(--brand)}
.t-home .offer-card__toggle{position:absolute;z-index:2;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:22px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.t-home .offer-card__toggle:focus-visible{outline:3px solid var(--brand);outline-offset:5px}
@media (prefers-reduced-motion:reduce){.t-home .offer-card__inner{transition:none}}
.t-home .pay.s{padding:80px 0 0}
.t-home .pay h3{margin:0 auto 30px;}
.t-home .pay .cols{align-items:center}
.t-home .pay .img{margin:0}
.t-home .pay .img img{padding:0;}
.t-home .s.band--bg{margin-top:90px;padding:30px 0;background:linear-gradient(206deg,#000 81%,#ffc513 81%);border-radius:10px}
.t-home .band--bg .cols{gap:0}
.t-home .band--bg h2{font-size:42px;line-height:1.28}
.t-home .band--bg .img{margin:0;text-align:center}
.t-home .band--bg .img img{width:auto;max-width:70%;max-height:167px}

/* Service tiles retain their existing content and links. */
.t-home .s.svc{padding:100px 0 60px;background:#fff}
.t-home .svc .head-c{margin-bottom:95px}
.t-home .svc .head-c h2{font-size:40px;line-height:1.45}
.t-home .svc .eyebrow{font-size:19px;line-height:1.5;border-radius:0;padding:8px 15px}
.t-home .svc .cols{gap:50px 20px}
.t-home .svc .cols+.cols{margin-top:50px}
.t-home .svc .card{position:relative;background:#f5f5f5;border:0;border-radius:8px;min-height:120px;padding:35px 20px 15px;justify-content:flex-start}
.t-home .svc .card__ic{height:48px;width:48px;margin:-60px auto 20px;color:var(--brand)}
.t-home .svc .card__ic svg{width:48px;height:48px}
.t-home .svc .card:not(:has(.card__ic))::before{content:"";display:block;flex:none;width:48px;height:48px;margin:-60px auto 20px;background:var(--brand);mask:var(--service-icon) center/contain no-repeat;--service-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Ccircle cx='24' cy='24' r='15'/%3E%3Ccircle cx='24' cy='24' r='5'/%3E%3Cpath d='M24 1v8m0 30v8M1 24h8m30 0h8M8 8l6 6m20 20 6 6M8 40l6-6m20-20 6-6'/%3E%3C/g%3E%3C/svg%3E")}
.t-home .svc .cols:nth-of-type(3)>.col:is(:first-child,:nth-child(3)) .card::before{--service-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='black' stroke-width='3'%3E%3Ccircle cx='24' cy='24' r='20'/%3E%3Ccircle cx='24' cy='24' r='13'/%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Cpath d='M24 11v9m0 8v9M11 24h9m8 0h9m-22-9 6 6m6 6 6 6m-18 0 6-6m6-6 6-6'/%3E%3C/g%3E%3C/svg%3E")}
.t-home .svc .cols:nth-of-type(3)>.col:nth-child(4) .card::before{--service-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M8 8v16h32V8M24 8v32'/%3E%3C/g%3E%3Cg fill='black'%3E%3Ccircle cx='8' cy='6' r='5'/%3E%3Ccircle cx='24' cy='6' r='5'/%3E%3Ccircle cx='40' cy='6' r='5'/%3E%3Ccircle cx='24' cy='42' r='5'/%3E%3C/g%3E%3C/svg%3E")}
.t-home .svc .card__t{font-size:18px;line-height:1.2;letter-spacing:0}
.t-home .svc .btns{justify-content:center;margin:55px 0 0}
.t-home .svc .btn{background:#fff;border:1px solid #aaa;font-size:14px}
.t-home .steps{gap:30px;margin:70px 0 0}
.t-home .steps li{position:relative;padding-top:0}
.t-home .steps img{width:246px;height:auto;aspect-ratio:1;margin-bottom:24px}
.t-home .steps b{position:absolute;top:-12px;left:0;right:0;color:#fff;font-size:90px;line-height:1;pointer-events:none}
.t-home .steps span{font:500 16px/1.5 var(--body)}
.t-home .tabs{border:0;border-radius:0;overflow:visible}
.t-home .tabs__nav{max-width:900px;margin:auto;background:#fff;border:0}
.t-home .tabs__nav button{padding:25px 12px;font:700 18px/1.4 var(--body)}
.t-home .tabs__panel{padding:0}
.t-home #tab1>.cols{gap:0;grid-template-columns:1fr 1fr;align-items:stretch}
.t-home #tab1 .col:first-child .img{height:100%;margin:0}
.t-home #tab1 .col:first-child img{height:100%;object-fit:cover}
.t-home #tab1 .col:last-child{background:#232323;color:#fff;padding:35px 40px}
.t-home #tab1 .divider-text{margin-bottom:12px}
.t-home #tab1 .ilist{column-gap:24px;font-size:16px}
.t-home #tab1 .ilist li{padding-left:20px;margin:0 0 10px}
.t-home #tab1 .ilist li::before{width:12px;height:12px;top:5px;background-size:10px}
.t-home :is(#tab2,#tab3){padding:30px 0}
.t-home .s:has(.col--brand)>.wrap>.col--brand{padding:0;border-radius:0}
.t-home .col--brand>.row--brand{padding:35px 45px;border-radius:0}
.t-home .col--brand .cols{align-items:center}
.t-home .col--brand .img{margin:0;text-align:center}
.t-home .col--brand .img img{width:auto;max-height:340px}
.t-home .s:has(.brands){background:#fff}
.t-home .brands{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.t-home .brands a{border:1px solid #f5f5f5;border-radius:0;padding:20px 10px}
.t-home .brands img{width:160px;max-height:116px;object-fit:contain}
.t-home .s:has(.brands)~.s h2{font-size:33px;line-height:1.5}
.t-home .s:has(.brands)~.s .cols{align-items:center}
.t-home .s:has(.brands)~.s .img{text-align:center;margin:0}
.t-home .s:has(.brands)~.s img[width="400"]{width:400px;max-width:100%;object-fit:contain}
.t-home .s.s--brand{padding:40px 0;background:#e4b009}
.t-home .s:has(.brands)~.s.s--brand .cols{align-items:stretch}
.t-home .s:has(.row--brand) .cols{align-items:stretch}
.t-home .s:has(.row--brand) .row--brand{height:100%;margin:0;border-radius:0}
.t-home #locationList{gap:10px 16px;max-width:1080px;margin:30px auto}
.t-home #locationList li{padding:8px 20px;background:#f5f5f5;border:0}
.t-home #locationList .read-more-content{gap:10px 16px}
.t-home .read-more-toggle{background:transparent;color:#292929!important;text-decoration:underline;padding:0}

/* Premium payment, workshop, booking, FAQ and vehicle-brand sections. */
.t-home .pay.s{padding-top:72px}
.t-home .pay>.wrap{position:relative;padding:44px 42px;background:linear-gradient(135deg,#fbfaf5,#f3f4f6);border:1px solid #e9e7df;border-radius:24px}
.t-home .pay h3{max-width:720px;font-size:34px;line-height:1.25;margin-bottom:32px;text-transform:none}
.t-home .pay h3::before,.t-home :is(.home-mechanics,.home-faq,.home-brands)>.wrap>:is(.head-c,h3)::before{content:"";display:block;width:46px;height:4px;border-radius:4px;background:var(--brand);margin:0 auto 22px}
.t-home .pay .cols{gap:18px}
.t-home .pay .img{display:grid;place-items:center;min-height:94px;padding:12px 18px;background:#fff;border:1px solid #eeede8;border-radius:14px;box-shadow:0 5px 18px #20232906;transition:transform .2s,box-shadow .2s}
.t-home .pay .img img{width:100%;max-width:220px;max-height:76px;object-fit:contain;border:0;border-radius:0;background:none}
.t-home .home-mechanics .head-c{max-width:760px;margin:0 auto 36px}
.t-home .home-mechanics .head-c h2{font-size:40px;line-height:1.2;letter-spacing:-.03em}
.t-home .home-mechanics .head-c .sub{line-height:1.6;color:#686c73}
.t-home .home-mechanics .tabs__nav{max-width:830px;padding:7px;margin:0 auto 30px;border:1px solid #e8e8e5;border-radius:16px;background:#f3f4f5;gap:6px;flex-wrap:nowrap}
.t-home .home-mechanics .tabs__nav button{flex:1 1 0;min-width:0;border:0;border-radius:11px;padding:17px 12px;font-size:16px;line-height:1.4;transition:color .2s,background .2s,box-shadow .2s}
.t-home .home-mechanics .tabs__nav button[aria-selected="true"]{color:#17191d;background:var(--brand);box-shadow:0 4px 12px #8d6b001c}
.t-home .home-mechanics .tabs__nav button:focus-visible{outline:2px solid #17191d;outline-offset:2px}
.t-home .home-mechanics .tabs__panel{border:1px solid #e7e8e7;border-radius:22px;overflow:hidden;box-shadow:0 15px 40px #17191d0b}
.t-home .home-mechanics #tab1 .col:last-child{background:radial-gradient(ellipse at top right,#ffc51312,transparent 65%),#1e2125;padding:38px}
.t-home .home-mechanics #tab1 .divider-text{color:var(--brand);font-size:13px;letter-spacing:.12em}
.t-home .home-mechanics #tab1 .ilist{font-size:15px;line-height:1.55}
.t-home .home-mechanics #tab1 .col:first-child{position:relative;min-height:300px}
.t-home .home-mechanics #tab1 .col:first-child .img{position:absolute;inset:0}
.t-home .home-mechanics #tab1 .col:first-child img{width:100%;height:100%;object-fit:cover}
.t-home .home-mechanics #tab2{padding:36px;background:#f8f9fa}
.t-home .home-mechanics #tab2>.divider-text{margin-bottom:24px;color:#756014;font-size:13px;letter-spacing:.12em}
.t-home .home-mechanics #tab2 .cols{align-items:stretch;gap:20px}
.t-home .home-mechanics #tab2 .card{position:relative;text-align:left;padding:30px;border:1px solid #e6e7e8;border-radius:16px;background:#fff;box-shadow:0 4px 14px #17191d04}
.t-home .home-mechanics #tab2 .card::before{content:"";display:block;width:42px;height:42px;margin-bottom:22px;border:1px solid #eedfa6;border-radius:12px;background:#fff7d9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%231e2125' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/24px no-repeat}
.t-home .home-mechanics #tab2 .card__t{font-size:21px;line-height:1.3;margin-bottom:12px;letter-spacing:-.02em}
.t-home .home-mechanics #tab2 .card__d{font-size:16px;line-height:1.75;color:#626870}
.t-home .home-mechanics #tab2 .card__d p{margin:0}
.t-home .home-mechanics #tab3{padding:0;background:#fafaf7}
.t-home .home-mechanics #tab3 .cols{gap:0;align-items:stretch;grid-template-columns:1.1fr 1fr}
.t-home .home-mechanics #tab3 .col:first-child{padding:48px;align-self:center}
.t-home .home-mechanics #tab3 .divider-text{font-size:13px;color:#756014;letter-spacing:.12em;margin-bottom:20px}
.t-home .home-mechanics #tab3 strong{font-size:30px;line-height:1.25;letter-spacing:-.025em;display:block}
.t-home .home-mechanics #tab3 .col:first-child>p:last-child{line-height:1.85;color:#626870}
.t-home .home-mechanics #tab3 .col:last-child{position:relative;min-height:360px}
.t-home .home-mechanics #tab3 .img{position:absolute;inset:0;margin:0}
.t-home .home-mechanics #tab3 img{width:100%;height:100%;object-fit:cover}
.t-home .main>.s.home-booking{padding:82px 0 48px;background:none;border:0}
.t-home .s.home-booking>.wrap>.col--brand{background:#FFC513;border:1px solid #eeb708;border-radius:20px;overflow:visible;box-shadow:0 14px 35px #8e6a001c}
.t-home .home-booking .col--brand>.row--brand{position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 100%,#fff5,transparent 65%),#FFC513;padding:32px 44px;border-radius:20px;min-height:270px}
.t-home .home-booking .row--brand::before{content:"";position:absolute;z-index:-1;inset:0 0 0 65%;border-radius:0 20px 20px 0;background:linear-gradient(120deg,transparent,#fff2);pointer-events:none}
.t-home .home-booking .row--brand .cols{align-items:center}
.t-home .home-booking .cols{grid-template-columns:minmax(0,1fr) 300px;gap:28px}
.t-home .home-booking .cols>.col:first-child{padding:0}
.t-home .home-booking .cols>.col:last-child{position:static;min-width:0}
.t-home .home-booking h3{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.04em;line-height:1.4;color:#292719;margin-bottom:12px;padding:5px 9px;border:1px solid #33290029;border-radius:6px;background:#ffffff24}
.t-home .home-booking h3::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#242424}
.t-home .home-booking h2{font-size:40px;font-weight:700;line-height:1.12;color:#191b1f;letter-spacing:-.035em;margin-bottom:20px;max-width:620px}
.t-home .home-booking .btns{margin:0}
.t-home .home-booking .btn{gap:16px;min-height:46px;background:#1c1f23;border-color:#1c1f23;border-radius:8px;color:#fff;padding:12px 20px;font-size:14px;font-weight:700;box-shadow:0 6px 16px #3c2e0020}
.t-home .home-booking .btn::after{content:"";width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.t-home .home-booking .btn:focus-visible{outline:3px solid #1c1f23;outline-offset:4px}
.t-home .home-booking .img{position:absolute;right:44px;bottom:0;line-height:0;width:300px;padding:0;margin:0}
.t-home .home-booking .img img{display:block;margin:0;width:100%;height:auto;max-height:none;max-width:100%;object-fit:contain;border-radius:0;filter:drop-shadow(0 7px 10px #55400020)}
.t-home .home-faq>.wrap>h3{margin-bottom:36px;font-size:40px;letter-spacing:-.03em}
.t-home .home-faq .faq{border:0;margin:0;display:grid;gap:14px}
.t-home .home-faq .faq details{border:1px solid #e4e6e8;border-radius:14px;background:#fff;box-shadow:0 4px 18px #17191d05;transition:border-color .2s,box-shadow .2s}
.t-home .home-faq .faq details[open]{border-color:#e4ca71;box-shadow:0 8px 25px #17191d08;background:linear-gradient(120deg,#fffdf5,#fff)}
.t-home .home-faq .faq summary{padding:24px 70px 24px 26px;font-size:18px;line-height:1.5;letter-spacing:-.01em;font-weight:600}
.t-home .home-faq .faq summary::after{content:"+";display:grid;place-items:center;right:22px;top:50%;width:30px;height:30px;border:0;border-radius:50%;background:#f1f2f3;color:#292929;font:400 24px/1 var(--body);transform:translateY(-50%)}
.t-home .home-faq .faq details[open] summary::after{content:"\2212";background:var(--brand);transform:translateY(-50%)}
.t-home .home-faq .faq summary:focus-visible{outline:2px solid #b68c00;outline-offset:4px;border-radius:12px}
.t-home .home-faq .faq__a{padding:0 70px 25px 26px;color:#626870;font-size:16px;line-height:1.75}
.t-home .home-faq .faq__a p{margin:0}
.t-home .home-brands.s{background:linear-gradient(180deg,#fafbfc,#f3f4f5);padding:64px 0;border-block:1px solid #eceef0}
.t-home .home-brands .head-c{max-width:760px;margin:0 auto 36px}
.t-home .home-brands .head-c h3{font-size:38px;line-height:1.2;letter-spacing:-.03em}
.t-home .home-brands .brands{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0}
.t-home .home-brands .brands a{padding:18px 12px;min-height:128px;border:1px solid #e7e9eb;border-radius:14px;box-shadow:0 4px 15px #17191d04;transition:transform .2s,border-color .2s,box-shadow .2s}
.t-home .home-brands .brands img{width:130px;max-width:100%;height:90px;object-fit:contain}
.t-home .home-brands .brands a:focus-visible{outline:2px solid #b68c00;outline-offset:4px}
@media (hover:hover){
 .t-home .pay .img:hover,.t-home .home-brands .brands a:hover{transform:translateY(-4px);box-shadow:0 12px 24px #17191d0d;border-color:#e0c66c}
 .t-home .home-mechanics .tabs__nav button:not([aria-selected="true"]):hover{background:#e8e9eb}
 .t-home .home-faq .faq summary:hover{color:#756014}
 .t-home .home-booking .btn:hover{background:#34383e;border-color:#34383e;color:#fff}
}
@media (max-width:1024px){
 .t-home .pay>.wrap{width:calc(100% - 30px);padding:36px 28px}
 .t-home .home-mechanics #tab2{padding:26px}
 .t-home .home-mechanics #tab3 .col:first-child{padding:32px}
 .t-home .home-booking .col--brand>.row--brand{padding:28px;min-height:250px}
 .t-home .home-booking .cols{grid-template-columns:minmax(0,1fr) 270px;gap:18px}
 .t-home .home-booking h2{font-size:34px}
 .t-home .home-booking .img{right:28px;width:270px}
 .t-home .home-brands .brands{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:767px){
 .t-home .pay>.wrap{padding:30px 20px;border-radius:20px}
 .t-home .pay .img{min-height:76px;padding:10px;border-radius:10px}
 .t-home .home-mechanics .head-c h2,.t-home .home-faq>.wrap>h3,.t-home .home-brands .head-c h3{font-size:29px}
 .t-home .home-mechanics .tabs__nav{padding:5px;gap:4px;border-radius:12px}
 .t-home .home-mechanics .tabs__nav button{padding:14px 6px;font-size:13px;border-radius:8px}
 .t-home .home-mechanics #tab1 .col:last-child{padding:28px 22px}
 .t-home .home-mechanics #tab2{padding:22px 18px}
 .t-home .home-mechanics #tab2 .card{padding:24px}
 .t-home .home-mechanics #tab3 .cols{grid-template-columns:minmax(0,1fr)}
 .t-home .home-mechanics #tab3 .col:first-child{padding:30px 24px}
 .t-home .home-mechanics #tab3 strong{font-size:26px}
 .t-home .home-mechanics #tab3 .col:last-child{min-height:280px}
 .t-home .main>.s.home-booking{padding:64px 0 40px}
 .t-home .home-booking .col--brand>.row--brand{padding:0 24px 28px;min-height:0;text-align:center}
 .t-home .home-booking .cols{grid-template-columns:minmax(0,1fr);gap:18px}
 .t-home .home-booking .cols>.col:last-child{order:-1;justify-self:center;width:100%}
 .t-home .home-booking .row--brand::before{inset:0;border-radius:20px;background:radial-gradient(ellipse at 50% 0,#fff4,transparent 70%)}
 .t-home .home-booking h2{font-size:28px;line-height:1.15;max-width:420px;margin:0 auto 18px}
 .t-home .home-booking h3{font-size:12px;padding:0;border:0;background:none;margin-bottom:10px;letter-spacing:0}
 .t-home .home-booking .btns{justify-content:center}
 .t-home .home-booking .btn{font-size:13px;padding:12px 18px;gap:14px;min-height:44px}
 .t-home .home-booking .img{position:relative;inset:auto;width:clamp(164px,38vw,200px);max-width:100%;margin:-38px auto 0}
 .t-home .home-faq .faq summary{padding:20px 58px 20px 20px;font-size:16px}
 .t-home .home-faq .faq summary::after{right:17px;width:27px;height:27px}
 .t-home .home-faq .faq__a{padding:0 20px 22px;font-size:15px}
 .t-home .home-brands.s{padding:48px 0}
 .t-home .home-brands .brands{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .t-home .home-brands .brands a{min-height:94px;padding:10px;border-radius:11px}
 .t-home .home-brands .brands img{height:70px}
}
@media (prefers-reduced-motion:reduce){
 .t-home .pay .img,.t-home .home-mechanics .tabs__nav button,.t-home .home-mechanics .card,.t-home .home-faq .faq details,.t-home .home-brands .brands a{transition:none}
}

@media (max-width:1024px){
 .t-home .hero .wrap{padding-top:70px;padding-bottom:60px}
 .t-home .hero h1{font-size:34px;line-height:1.15;margin-bottom:28px}
 .t-home .svc .card{padding-inline:10px}
 .t-home .svc .card__t{font-size:16px}
 .t-home .band--bg h2{font-size:32px}
 .t-home .repco-panel{grid-template-columns:minmax(0,1fr) 240px;gap:30px;padding:36px}
}
@media (max-width:767px){
 .t-home h2,.t-home h3,.t-home .s:has(.brands)~.s h2{font-size:28px;line-height:1.3}
 .t-home .s,.t-home .s+.s{padding:40px 0}
 .t-home .hero h1{font-size:22px;margin-bottom:18px}
 .t-home .hero h2{font-size:30px;line-height:1.1;margin-bottom:18px}
 .t-home .hero h3{font-size:16px;line-height:1.4}
 .t-home .hero .wrap{padding-top:55px;padding-bottom:55px}
 .t-home .hero .btns{gap:12px}
 .t-home .hero .btn:first-child{min-width:0}
 .t-home .hero .btn{font-size:12px;padding:13px 16px}
 .t-home .s.band--repco{margin-top:48px;padding:0;background:none}
 .t-home .repco-panel{grid-template-columns:minmax(0,1fr);gap:30px;padding:32px 25px;text-align:center;border-radius:20px}
 .t-home .repco-panel__line{margin:0 auto 20px}
 .t-home .repco-panel__logo{width:230px;max-width:100%;justify-self:center;padding:20px 25px}
 .t-home .repco-panel::after{width:55%;opacity:.7}
 .t-home .band--repco h2{font-size:28px;line-height:1.3;margin:0}
 .t-home .band--repco+.s{padding-top:50px}
 .t-home .offer-card__face{padding:32px 22px}
 .t-home .offer-card__description{font-size:24px}
 .t-home .offer-card__back ul{font-size:15px}
 .t-home .pay.s{padding:50px 0 0}
 .t-home .pay h3{font-size:28px;margin-bottom:28px}
 .t-home .pay .cols{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .t-home .s.band--bg{margin-top:60px;padding:35px 0;border:0}
 .t-home .band--bg .cols{gap:24px}
 .t-home .band--bg h2{font-size:30px;max-width:420px;margin:auto}
 .t-home .band--bg .img img{max-height:100px;max-width:180px}
 .t-home .s.svc{padding:65px 0 40px}
 .t-home .svc .head-c{margin-bottom:60px}
 .t-home .svc .head-c h2{font-size:26px;line-height:1.35}
 .t-home .svc .eyebrow{font-size:15px}
 .t-home .svc .cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 12px}
 .t-home .svc .cols+.cols{margin-top:40px}
 .t-home .svc .card{padding:30px 6px 12px;min-height:105px}
 .t-home .svc .card__t{font-size:14px}
 .t-home .svc .card__ic{margin-top:-52px;margin-bottom:12px;width:40px;height:40px}
 .t-home .svc .card__ic svg{width:38px;height:38px}
 .t-home .svc .card:not(:has(.card__ic))::before{width:40px;height:40px;margin-top:-52px;margin-bottom:12px}
 .t-home .svc .btns{margin-top:35px}
 .t-home .head-c{margin-bottom:30px}
 .t-home .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px;margin-top:35px}
 .t-home .steps img{width:180px;max-width:100%}
 .t-home .steps b{font-size:64px}
 .t-home .steps span{font-size:14px}
 .t-home .tabs__nav button{font-size:14px;padding:18px 6px;min-width:0}
 .t-home #tab1>.cols{grid-template-columns:minmax(0,1fr)}
 .t-home #tab1 .col:last-child{padding:25px 20px}
 .t-home .col--brand>.row--brand{padding:25px 20px}
 .t-home .brands{grid-template-columns:repeat(3,minmax(0,1fr))}
 .t-home .brands a{padding:12px 8px}
 .t-home #locationList{gap:8px}
 .t-home #locationList li{padding:7px 13px;font-size:12px}
}

/* Engine protection and local workshop information. */
.t-home .main>.s.home-bg{margin-top:72px;padding:0;background:none;border:0}
.t-home .home-bg>.wrap>.cols{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:1fr 1.8fr 1fr;gap:34px;align-items:center;padding:42px 46px;border:1px solid #d6b75155;border-radius:24px;background:radial-gradient(ellipse at bottom left,#ffc51320,transparent 65%),linear-gradient(125deg,#282b2f,#111316);box-shadow:0 18px 40px #17191d18}
.t-home .home-bg>.wrap>.cols::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:6px;background:linear-gradient(#ffe9a5,#ffc513)}
.t-home .home-bg .col:nth-child(2){padding:8px 24px;border-inline:1px solid #ffffff18;text-align:center}
.t-home .main>.s.home-bg h2{font-size:36px;line-height:1.25;letter-spacing:-.035em;margin:0}
.t-home .home-bg .col:nth-child(2)::before{content:"";display:block;width:42px;height:3px;background:var(--brand);border-radius:3px;margin:0 auto 20px}
.t-home .home-bg .img img{width:100%;max-width:210px;max-height:160px;object-fit:contain;filter:drop-shadow(0 6px 12px #0003)}
.t-home .main>.s:is(.home-trust,.home-pricing,.home-reasons,.home-area) h2{font-size:36px;line-height:1.22;letter-spacing:-.03em;margin-bottom:24px}
.t-home .main>.s:is(.home-trust,.home-pricing,.home-reasons,.home-area) h2::before{content:"";display:block;width:46px;height:4px;background:var(--brand);border-radius:4px;margin-bottom:22px}
.t-home .main>.s:is(.home-trust,.home-pricing,.home-reasons,.home-area) p{line-height:1.8;color:#626870}
.t-home .main>.s.home-trust{padding:80px 0}
.t-home .main>.s.home-trust .cols{grid-template-columns:1.15fr 1fr;align-items:center;gap:64px}
.t-home .home-trust .col:last-child{padding:14px;position:relative;border:1px solid #e7e3d7;border-radius:26px;background:linear-gradient(140deg,#fff8df,#f4f5f6);box-shadow:0 16px 35px #17191d0c}
.t-home .main>.s.home-trust .img img{display:block;width:100%;max-width:none;aspect-ratio:1;object-fit:cover;border-radius:16px}
.t-home .home-trust .btns{margin:28px 0 0}
.t-home .home-trust .btn{border-radius:10px;font-weight:700;padding:16px 24px;box-shadow:0 6px 16px #9d780016}
.t-home .main>.s.home-pricing{padding:64px 0;background:linear-gradient(145deg,#111316,#1c1f23);border-block:1px solid #ffffff0c}
.t-home .main>.s.home-pricing .cols{gap:26px;align-items:stretch}
.t-home .home-pricing .pricing-panel{padding:38px;border:1px solid #ffffff18;border-radius:22px;background:linear-gradient(135deg,#292c31,#1c1f23);box-shadow:0 10px 30px #0002}
.t-home .home-pricing .pricing-panel:last-child{background:radial-gradient(ellipse at top right,#ffc51313,transparent 60%),linear-gradient(125deg,#282b2f,#141619);border-color:#d6b75166}
.t-home .main>.s.home-pricing .pricing-panel h2{color:#fff}
.t-home .main>.s.home-pricing .pricing-panel p{color:#d5d8dc}
.t-home .home-pricing .pricing-panel a{color:#fff;text-decoration-color:var(--brand)}
.t-home .home-pricing .ilist{display:grid;gap:14px;margin:0 0 24px}
.t-home .home-pricing .ilist li{margin:0;padding:20px;background:#ffffff07;border:1px solid #ffffff14;border-radius:12px;line-height:1.7;color:#d5d8dc}
.t-home .home-pricing .ilist li::before{display:none}
.t-home .home-pricing .ilist strong{display:block;color:var(--brand);font-size:19px;line-height:1.4;margin-bottom:10px}
.t-home .main>.s.home-reasons{padding:80px 0}
.t-home .main>.s.home-reasons .cols{grid-template-columns:.85fr 1.4fr;gap:54px;align-items:center}
.t-home .main>.s.home-reasons .img{padding:12px;background:#f5f4ef;border:1px solid #e8e5d9;border-radius:24px;box-shadow:0 15px 35px #17191d0a}
.t-home .main>.s.home-reasons .img img{display:block;width:100%;max-width:none;aspect-ratio:4/5;object-fit:cover;border-radius:15px}
.t-home .home-reasons .ilist{display:grid;gap:0;margin:0}
.t-home .home-reasons .ilist li{padding:18px 0 18px 38px;margin:0;border-bottom:1px solid #eceef0;color:#626870;line-height:1.7}
.t-home .home-reasons .ilist li:first-child{padding-top:0}
.t-home .home-reasons .ilist li:last-child{border-bottom:0;padding-bottom:0}
.t-home .home-reasons .ilist li::before{top:22px;width:23px;height:23px;background-color:#fff3c3;background-size:15px;border:1px solid #eddb9a;border-radius:8px}
.t-home .home-reasons .ilist li:first-child::before{top:4px}
.t-home .home-reasons .ilist strong{color:#25282c;font-size:17px}
/* Split service-area feature: full gold content side and uncropped image. */
.t-home .main>.s.home-area{padding:0;margin:0 0 70px;background:#E6B00D;border:0}
.t-home .home-area .area-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:stretch}
.t-home .home-area .area-content{min-width:0;padding:40px 40px 40px max(24px,calc((100vw - 1140px)/2));background:linear-gradient(125deg,#ffffff14,transparent 65%),#E6B00D}
.t-home .home-area .area-heading{margin-bottom:28px}
.t-home .main>.s.home-area h2{font-size:40px;font-weight:700;line-height:1.15;color:#181b20;margin-bottom:16px;letter-spacing:-.035em}
.t-home .main>.s.home-area h2::before{background:#181b20;width:42px;height:4px;margin-bottom:18px}
.t-home .main>.s.home-area .area-heading p{font-size:17px;line-height:1.7;color:#302b1a;margin:0;max-width:710px}
.t-home .home-area .area-photo{min-width:0;display:flex;flex-direction:column;justify-content:flex-start;background:#202328}
.t-home .main>.s.home-area .img{position:static;width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.t-home .main>.s.home-area .img img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0}
.t-home .home-area .ilist{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin:0}
.t-home .home-area .ilist li{position:relative;padding:0 0 22px 54px;margin:0;border:0;border-bottom:1px solid #33290024;border-radius:0;background:none;box-shadow:none;font-size:16px;line-height:1.75;color:#302b1a}
.t-home .home-area .ilist li:last-child{padding-bottom:0;border-bottom:0}
.t-home .home-area .ilist li::before{position:absolute;left:0;top:1px;content:"";display:block;width:36px;height:36px;margin:0;border:1px solid #ffffff38;border-radius:50%;background:#24272c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFE398' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 10c0 5-7 11-7 11S5 15 5 10a7 7 0 1 1 14 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/22px no-repeat;box-shadow:0 3px 8px #59420016}
.t-home .home-area .ilist strong{display:block;margin-bottom:7px;color:#181b20;font-size:18px;line-height:1.4;font-weight:700}
.t-home .home-area .area-note{flex:1;display:flex;align-items:center;margin:0;padding:22px 30px;background:linear-gradient(120deg,#292d32,#1c1f23);border-top:3px solid #E6B00D}
.t-home .main>.s.home-area .area-note p{font-size:15px;line-height:1.7;color:#f0f1f3;margin:0;max-width:600px}
.t-home .home-area .area-note a{color:#ffe08a;font-weight:700;text-decoration-color:#ffe08a;text-underline-offset:4px}
.t-home .home-area a:focus-visible{outline:2px solid #ffe08a;outline-offset:4px;border-radius:2px}
.t-home .main>.s.home-suburbs{padding:0 0 70px}
.t-home .home-suburbs>.wrap{padding:44px 38px;border:1px solid #e5e7e9;border-radius:24px;background:linear-gradient(145deg,#fbfbf8,#f4f5f7)}
.t-home .home-suburbs h3{max-width:790px;margin:0 auto 30px;font-size:36px;line-height:1.25;letter-spacing:-.03em}
.t-home .home-suburbs h3::before{content:"";display:block;width:46px;height:4px;background:var(--brand);border-radius:4px;margin:0 auto 22px}
.t-home .home-suburbs #locationList{gap:10px;margin:0 auto 28px;max-width:1020px}
.t-home .home-suburbs #locationList li{padding:0;margin:0;background:#fff;border:1px solid #e2e5e8;border-radius:9px;box-shadow:0 2px 5px #17191d03;font-size:13px;transition:background .2s,border-color .2s,transform .2s}
.t-home .home-suburbs #locationList a{display:block;padding:11px 17px;color:#41474e;line-height:1.4;border-radius:8px}
.t-home .home-suburbs #locationList li:has(a[href^="/"]){border-color:#ded7bc}
.t-home .home-suburbs #locationList .read-more-content{gap:10px}
.t-home .home-suburbs .read-more-toggle{border:1px solid #17191d;border-radius:10px;background:#22252a;color:#fff!important;text-decoration:none;padding:13px 28px;font:600 14px/1.4 var(--body);box-shadow:0 4px 12px #17191d13}
.t-home .home-suburbs :is(a,.read-more-toggle):focus-visible{outline:2px solid #ad8500;outline-offset:3px}
@media (hover:hover){
 .t-home .home-suburbs #locationList li:hover{background:#fff8dc;border-color:#d3b956;transform:translateY(-2px)}
 .t-home .home-suburbs .read-more-toggle:hover{background:#3c4148}
}
@media (max-width:1024px){
 .t-home .home-bg>.wrap>.cols{padding:32px 26px;gap:22px;grid-template-columns:1fr 1.8fr 1fr}
 .t-home .home-bg .col:nth-child(2){padding-inline:18px}
 .t-home .main>.s.home-bg h2{font-size:30px}
 .t-home .main>.s:is(.home-trust,.home-reasons) .cols{gap:32px}
 .t-home .home-pricing .pricing-panel{padding:28px}
 .t-home .home-area .area-content{padding:36px 24px}
 .t-home .home-area .ilist li{font-size:15px}
 .t-home .home-suburbs>.wrap{width:calc(100% - 30px);padding:36px 24px}
}
@media (max-width:767px){
 .t-home .main>.s.home-bg{margin-top:50px}
 .t-home .home-bg>.wrap>.cols{grid-template-columns:1fr 1fr;gap:24px;padding:30px 24px;border-radius:20px}
 .t-home .home-bg .col:nth-child(2){grid-column:1/-1;grid-row:1;border:0;padding:0}
 .t-home .home-bg .img img{max-height:100px;max-width:160px}
 .t-home .main>.s.home-bg h2{font-size:29px}
 .t-home .main>.s:is(.home-trust,.home-pricing,.home-reasons,.home-area) h2{font-size:29px;line-height:1.25}
 .t-home .main>.s:is(.home-trust,.home-pricing,.home-reasons){padding:48px 0}
 .t-home .main>.s:is(.home-trust,.home-reasons) .cols{grid-template-columns:minmax(0,1fr);gap:30px}
 .t-home .main>.s.home-reasons .col:first-child{order:2}
 .t-home .main>.s.home-reasons .img img{aspect-ratio:4/3}
 .t-home .home-pricing .pricing-panel{padding:28px 23px;border-radius:18px}
 .t-home .home-pricing .ilist li{padding:18px}
 .t-home .main>.s.home-area{padding:0;margin-bottom:48px}
 .t-home .home-area .area-heading{margin-bottom:24px}
 .t-home .main>.s.home-area h2{font-size:32px}
 .t-home .main>.s.home-area .area-heading p{font-size:16px}
 .t-home .home-area .area-layout{grid-template-columns:minmax(0,1fr)}
 .t-home .home-area .area-content{padding:36px 20px}
 .t-home .home-area .area-photo{width:100%}
 .t-home .home-area .area-note{padding:20px 24px}
 .t-home .home-area .ilist{gap:20px}
 .t-home .home-area .ilist li{padding:0 0 20px 46px;font-size:16px}
 .t-home .home-area .ilist li::before{width:32px;height:32px;background-size:20px}
 .t-home .home-area .ilist strong{font-size:18px}
 .t-home .main>.s.home-suburbs{padding:0 0 48px}
 .t-home .home-suburbs>.wrap{padding:30px 18px;border-radius:20px}
 .t-home .home-suburbs h3{font-size:28px}
 .t-home .home-suburbs #locationList,.t-home .home-suburbs #locationList .read-more-content{gap:8px}
 .t-home .home-suburbs #locationList li{font-size:12px}
 .t-home .home-suburbs #locationList a{padding:10px 12px}
}
@media (prefers-reduced-motion:reduce){.t-home .home-suburbs #locationList li{transition:none}}


/* CHROME */
/* Shared header, footer and quick actions. All public pages use these styles. */
:is(.hdr,.ftr,.mcta,.totop){--wrap:1170px;--gut:15px;--head:Roboto,"Segoe UI",Arial,sans-serif;--text:#292929;line-height:1.5}
.hdr{background:#2d2d2d}
.hdr__bar{background:none}
.hdr .btn{border-radius:0;font:500 14px/1.2 var(--body);letter-spacing:0;padding:14px 24px;min-height:47px}
.ftr__box{overflow-wrap:anywhere}

@media (min-width:1025px){
 .hdr{position:relative;top:auto;width:calc(100% - 30px);max-width:1170px;margin:0 auto}
 /* Place the shared masthead over each page's full-width banner. */
 .t-home .hdr,.hdr:has(+.ptitle){position:absolute;top:0;left:50%;transform:translateX(-50%);margin:0}
 .hdr+.ptitle{padding-top:calc(187px + clamp(36px,6vw,64px))}
 .hdr__row{height:125px;position:relative;padding:0 25px;gap:0}
 .hdr__logo img{width:230px}
 .hdr__info{align-self:stretch;flex:1;font-size:16px}
 .hdr__hours{position:absolute;top:0;left:285px;right:240px;height:59px;justify-content:center;font-size:16px;color:#fff;white-space:nowrap}
 .hdr__hours .ic{display:none}
 .hdr__phone{position:absolute;right:70px;bottom:13px;display:flex;align-items:center;gap:15px}
 .hdr__phone span{color:#fff;margin:0}
 .hdr__phone a{font-size:28px}
 .hdr .btn--book{position:absolute;right:0;top:0;width:282px;height:59px;clip-path:polygon(0 0,100% 0,100% 100%,15% 100%);padding-left:48px;font-size:20px;text-transform:none}
 .hdr .nav{box-shadow:none}
 .nav__in{padding:0 20px}
 .nav__top{padding:22px 15px;font:700 15px/1 var(--body);letter-spacing:0}
 .nav__list>li.is-active>.nav__top::after{left:0;right:0;height:4px;border-radius:0}
}
@media (max-width:1024px){
 /* Keep the mobile header sticky while extending the banner behind it. */
 .hdr:has(+.ptitle){margin-bottom:-74px}
 .hdr+.ptitle{padding-top:calc(74px + clamp(36px,6vw,64px))}
}
@media (min-width:1025px) and (max-width:1199px){
 .hdr__hours{left:255px;font-size:13px}
 .hdr__logo img{width:210px}
 .hdr__phone{right:25px}
}


/* CONTACT */
/* Contact page only: shared navigation and form integrations stay unchanged. */
.p-contact-us .main {
  --clr-primary:#242424;
  --clr-primary-light:#59513a;
  --clr-border:#deddd7;
  --clr-border-focus:#b48908;
  --shadow-input-focus:0 0 0 3px rgba(255,197,19,.2);
  --clr-text:#292929;
  --clr-text-muted:#656565;
}
.p-contact-us .main>.s {
  padding:clamp(36px,5vw,72px) 0;
  background:radial-gradient(ellipse at top left,#fff8df,transparent 55%),#f6f6f3;
  color:#343434;
}
.p-contact-us .main>.s>.wrap { max-width:1200px; }
.p-contact-us .main .cols { grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:32px; }
.p-contact-us .main .cols>.col { min-width:0; }
.p-contact-us .main h2 { color:#202020;font-size:clamp(25px,2.5vw,36px);line-height:1.25;margin:0 0 26px; }
.p-contact-us .main h2::before { content:"";display:block;width:52px;height:4px;background:#ffc513;margin-bottom:18px;border-radius:2px; }
.p-contact-us .main h2 a { text-decoration:none; }
.p-contact-us .main .col--tint {
  padding:8px clamp(18px,2.6vw,34px) 20px;
  background:#fff;border:1px solid #e8e6df;border-top:4px solid #ffc513;
  border-radius:18px;box-shadow:0 16px 45px rgba(30,30,20,.06);
}
.p-contact-us .form-container { max-width:none; }
.p-contact-us .form-section {
  padding:24px 0;margin:0;border-radius:0;background:none;box-shadow:none;
  border-bottom:1px solid #ecebe5;animation:none;
}
.p-contact-us .form-section.hidden { padding:0;border:0;margin:0; }
.p-contact-us .form-section:last-child { border:0;padding-bottom:20px; }
.p-contact-us .section-label { font-family:var(--head);font-size:17px;font-weight:600;margin-bottom:18px;gap:12px; }
.p-contact-us .section-label .icon { width:36px;height:36px;border-radius:10px;background:#fff3c9;font-size:17px; }
.p-contact-us .field-grid { gap:18px 20px; }
.p-contact-us .field { min-width:0;gap:7px; }
.p-contact-us .field label { font-size:12px;letter-spacing:.035em;line-height:1.5; }
.p-contact-us .main form .field :is(input,select,textarea) { min-width:0;max-width:100%;background:#fafaf8;font-family:var(--body); }
.p-contact-us .field input::placeholder,.p-contact-us .field textarea::placeholder { color:#797970; }
.p-contact-us .field textarea { min-height:100px; }
.p-contact-us .submit-row { margin:0; }
.p-contact-us .submit-btn { width:100%;justify-content:center;min-height:52px;padding:14px 18px;border-radius:9px;background:#ffc513;color:#202020;box-shadow:0 5px 14px #e6b00d24;font-family:var(--body);line-height:1.4; }
.p-contact-us .submit-btn:hover { background:#e6b00d;box-shadow:0 7px 18px #e6b00d33; }
.p-contact-us .submit-btn svg { flex-shrink:0; }
.p-contact-us .required-note { line-height:1.6;margin:12px 0 0; }
.p-contact-us .form-footer { font-size:11px;line-height:1.7;padding:0; }
.p-contact-us .main .cols>.col:last-child {
  position:sticky;top:24px;padding:12px 28px;background:linear-gradient(145deg,#303030,#181818);
  border:1px solid #383838;border-top:4px solid #ffc513;border-radius:18px;
  box-shadow:0 18px 40px #14141418;color:#f5f5f5;
}
.p-contact-us .main .card {
  display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:16px;align-content:start;
  height:auto;padding:26px 0;margin:0;border:0;border-bottom:1px solid #ffffff20;
  border-radius:0;background:none;color:#eee;text-align:left;transform:none;box-shadow:none;
}
.p-contact-us .main .card:last-child { border-bottom:0; }
.p-contact-us .main .card__ic { grid-row:1/3;width:46px;height:46px;margin:0;background:#ffc513;border-radius:12px;color:#202020; }
.p-contact-us .main .card__ic svg { width:21px;height:21px; }
.p-contact-us .main .card__t { color:#ffc513;font-size:15px;margin:0 0 8px;line-height:1.4; }
.p-contact-us .main .card__d { font-size:15px;line-height:1.8;overflow-wrap:anywhere; }
.p-contact-us .main .card a { text-decoration:none; }
.p-contact-us .main .card a:hover { color:#ffc513;text-decoration:underline; }
.p-contact-us .main a:focus-visible,.p-contact-us .submit-btn:focus-visible { outline:2px solid #b48908;outline-offset:5px; }
.p-contact-us .main .col>.embed,.p-contact-us .main .lead { margin-top:28px; }
.p-contact-us .main .lead { padding:clamp(20px,3vw,32px);background:#fff;border:1px solid #e8e6df;border-radius:18px;box-shadow:0 16px 45px #1e1e140a; }
@media(max-width:1024px) {
  .p-contact-us .main .cols { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px; }
  .p-contact-us .main .cols>.col:last-child { padding:8px 20px;top:94px; }
  .p-contact-us .main .card { grid-template-columns:36px minmax(0,1fr);gap:8px 12px; }
  .p-contact-us .main .card__ic { width:36px;height:36px;border-radius:9px; }
  .p-contact-us .main .card__d { grid-column:1/-1; }
}
@media(max-width:767px) {
  .p-contact-us .main .cols { grid-template-columns:minmax(0,1fr);gap:28px; }
  .p-contact-us .main .cols>.col:last-child { position:static; }
  .p-contact-us .main .card { grid-template-columns:42px minmax(0,1fr);gap:0 16px;padding:22px 0; }
  .p-contact-us .main .card__ic { width:42px;height:42px; }
  .p-contact-us .main .card__d { grid-column:2; }
  .p-contact-us .main h2 { margin-bottom:22px; }
}
@media(prefers-reduced-motion:reduce) {
  .p-contact-us .submit-btn { transition:none;transform:none; }
}


/* ABOUT */
/* About Us: page-scoped presentation, retaining existing content and links. */
.p-about-us .main { color:#484848;line-height:1.8; }
.p-about-us .main .s { padding:clamp(42px,6vw,80px) 0; }
.p-about-us .main .wrap { max-width:1200px; }
.p-about-us .main .cols { gap:clamp(28px,5vw,64px);align-items:center; }
.p-about-us .main .col { min-width:0; }
.p-about-us .main h2 { font-size:clamp(25px,2.6vw,36px);line-height:1.25;letter-spacing:-.025em;margin-bottom:22px; }
.p-about-us .main h2::before { content:"";display:block;width:44px;height:4px;border-radius:4px;background:#ffc513;margin-bottom:20px; }
.p-about-us .main p:last-child { margin-bottom:0; }
.p-about-us .main .img { margin:0; }
.p-about-us .main .img img { width:100%;height:auto;object-fit:contain;display:block; }
.p-about-us .main .btn { border-radius:8px;text-transform:none;min-height:50px;padding:12px 25px; }
.p-about-us .about-intro { background:radial-gradient(ellipse at right,#fff1bd,transparent 65%),#fafaf7; }
.p-about-us .about-intro .img { padding:24px 20px 0;border-radius:28px 28px 0 0;background:linear-gradient(140deg,#ffda65,#e6b00d);border-bottom:5px solid #242424; }
.p-about-us .about-intro strong { color:#202020; }
.p-about-us .about-story .cols { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); }
.p-about-us .about-story .col:last-child { display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:8px 28px;background:#fff;border:1px solid #eae8df;border-top:4px solid #ffc513;border-radius:18px;box-shadow:0 16px 40px #24242408; }
.p-about-us .about-story .img { display:grid;place-items:center;padding:24px;width:100%;background:#fff;border-radius:0;min-width:0; }
.p-about-us .about-story .img+.img { border-top:1px solid #eae8df; }
.p-about-us .about-story .img img { width:auto;max-width:100%;height:130px;object-fit:contain; }
.p-about-us .about-purpose { background:#222;color:#d9d9d9; }
.p-about-us .about-purpose h2 { color:#fff; }
.p-about-us .about-purpose .img { border-radius:18px;overflow:hidden;border-bottom:4px solid #ffc513;box-shadow:0 20px 40px #0003; }
.p-about-us .about-purpose .btns { margin-top:26px; }
.p-about-us .about-services { background:#f6f6f2; }
.p-about-us .about-services-heading { display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:center;margin-bottom:32px; }
.p-about-us .about-services-heading h2 { grid-column:1;margin-bottom:14px; }
.p-about-us .about-services-heading p { grid-column:1;max-width:720px;margin:0; }
.p-about-us .about-services-heading .btn { grid-column:2;grid-row:1/3; }
.p-about-us .about-service-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:services; }
.p-about-us .about-service { padding:28px;background:#fff;border:1px solid #e6e5dd;border-radius:14px;box-shadow:0 8px 25px #22222204;counter-increment:services; }
.p-about-us .about-service::before { content:counter(services,decimal-leading-zero);display:grid;place-items:center;width:42px;height:42px;margin-bottom:22px;border-radius:10px;background:#fff1be;color:#65500c;font:600 16px var(--head); }
.p-about-us .about-service h3 { font-size:18px;line-height:1.45;margin-bottom:12px; }
.p-about-us .about-service p { font-size:15px;line-height:1.75; }
.p-about-us .about-service:last-child { grid-column:span 3;display:grid;grid-template-columns:42px 1fr 1.3fr;gap:24px;align-items:center;border-left:4px solid #ffc513; }
.p-about-us .about-service:last-child::before,.p-about-us .about-service:last-child h3 { margin:0; }
.p-about-us .about-values .cols { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
.p-about-us .about-values .img { padding:20px;border-radius:24px;background:#f6f6f2;border:1px solid #e9e7df; }
.p-about-us .about-values ul { list-style:none;padding:0;margin-bottom:32px; }
.p-about-us .about-values li { position:relative;padding:14px 0 14px 35px;margin:0;border-bottom:1px solid #e9e7df;font-size:15px; }
.p-about-us .about-values li::before { content:"✓";position:absolute;left:0;top:16px;width:22px;height:22px;background:#fff0b6;border-radius:50%;color:#61500f;text-align:center;font-weight:700;line-height:22px; }
.p-about-us .about-values h2:nth-of-type(2) { font-size:25px;margin-bottom:14px; }
.p-about-us .about-values h2:nth-of-type(2)::before { display:none; }
.p-about-us .about-standards { background:#242424;color:#d9d9d9; }
.p-about-us .about-standards .cols { align-items:start; }
.p-about-us .about-standards h2 { color:#fff; }
.p-about-us .about-standards strong { color:#fff; }
.p-about-us .about-standards .col+ .col { border-left:1px solid #ffffff26;padding-left:40px; }
.p-about-us .about-standards .ilist { margin:0;list-style:none;padding:0; }
.p-about-us .about-standards .ilist li { margin:0;padding:18px 0 18px 25px;border-bottom:1px solid #ffffff1c; }
.p-about-us .about-standards .ilist li::before { color:#ffc513;top:18px; }
.p-about-us .about-standards .ilist li:last-child { border:0;padding-bottom:0; }
.p-about-us .about-community { background:#faf9f4; }
.p-about-us .about-community .img { padding:16px;background:#fff;border:1px solid #e6e3d8;border-radius:22px;box-shadow:0 16px 35px #2924100a; }
.p-about-us .about-community .img img { border-radius:12px; }
.p-about-us .about-cta { background:#fff; }
.p-about-us .main .about-cta .wrap { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);width:calc(100% - 32px);max-width:1136px;padding:0;border:1px solid #e6b00d;border-radius:20px;background:linear-gradient(120deg,#ffda62,#ffc513);color:#302914;overflow:hidden;box-shadow:0 16px 36px #2424240b; }
.p-about-us .about-cta-copy { padding:clamp(28px,4vw,48px);align-self:center; }
.p-about-us .about-cta-action { display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;padding:clamp(28px,3vw,40px);background:#242424;color:#eee; }
.p-about-us .about-cta-action a:not(.btn) { color:#ffc513; }
.p-about-us .about-cta-action .btns { width:100%; }
.p-about-us .about-cta h2::before { display:none; }
.p-about-us .about-cta p { margin:0; }
.p-about-us .about-cta .btn { width:100%;background:#ffc513;color:#242424;border-color:#ffc513;font-size:18px;letter-spacing:.01em; }
.p-about-us .about-cta .btn:hover { background:#ffda62;border-color:#ffda62; }
@media(max-width:1024px) {
  .p-about-us .about-story .col:last-child { grid-template-columns:1fr;padding:18px; }
  .p-about-us .about-story .img img { max-height:130px;width:auto;max-width:100%; }
  .p-about-us .about-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .p-about-us .about-service:last-child { grid-column:span 2;grid-template-columns:42px 1fr; }
  .p-about-us .about-service:last-child p { grid-column:2; }
  .p-about-us .about-standards .col+.col { padding-left:26px; }
}
@media(max-width:767px) {
  .p-about-us .main .cols { grid-template-columns:minmax(0,1fr); }
  .p-about-us .main .img { max-width:480px;margin-inline:auto; }
  .p-about-us .about-story .col:last-child { grid-template-columns:1fr;width:100%;max-width:400px;justify-self:center; }
  .p-about-us .main .about-cta .wrap { grid-template-columns:1fr; }
  .p-about-us .about-purpose .col:first-child,.p-about-us .about-values .col:first-child,.p-about-us .about-community .col:first-child { order:2; }
  .p-about-us .about-services-heading { grid-template-columns:1fr;gap:18px; }
  .p-about-us .about-services-heading h2 { margin:0; }
  .p-about-us .about-services-heading .btn { grid-column:1;grid-row:auto;justify-self:start; }
  .p-about-us .about-standards .col+.col { padding:28px 0 0;border-left:0;border-top:1px solid #ffffff26; }
}
@media(max-width:480px) {
  .p-about-us .about-service-grid { grid-template-columns:1fr;gap:14px; }
  .p-about-us .about-service { padding:24px; }
  .p-about-us .about-service:last-child { grid-column:auto;display:block; }
  .p-about-us .about-service:last-child::before { margin-bottom:22px; }
  .p-about-us .about-service:last-child h3 { margin-bottom:12px; }
  .p-about-us .about-story .col:last-child { gap:10px;padding:12px; }
  .p-about-us .about-story .img { padding:12px; }
}


/* SERVICES */
/* Shared service-page design. Scoped to the ten service routes. */
.service-page {
  --line:#e5e3da;--clr-primary:#242424;--clr-primary-light:#65510e;
  --clr-border:#dcdad2;--clr-border-focus:#ad8300;
  --shadow-input-focus:0 0 0 3px #ffc51333;
  color:#484848;line-height:1.8;
}
.service-page .s { padding:clamp(38px,5vw,68px) 0; }
.service-page .wrap { max-width:1200px; }
.service-page .cols { gap:clamp(24px,4vw,48px); }
.service-page .col { min-width:0; }
.service-page .cols:has(>.col>.img) { align-items:center; }
.service-page :is(h2,h3,h4) { text-wrap:pretty; }
.service-page h2 { font-size:clamp(25px,2.5vw,35px);line-height:1.3;letter-spacing:-.025em;margin-bottom:20px; }
.service-page h3 { font-size:clamp(21px,2vw,27px);line-height:1.35;margin-bottom:18px; }
.service-page :is(.wrap,.col)>:is(h2,h3):first-child::before {
  content:"";display:block;width:44px;height:4px;border-radius:3px;background:#ffc513;margin-bottom:20px;
}
.service-page .col>h2+h2 { font-size:21px;letter-spacing:0;color:#78600c;padding-left:16px;border-left:3px solid #ffc513; }
.service-page .col>:is(h2,h3):not(:first-child),.service-page .wrap>:is(h2,h3):not(:first-child) { margin-top:36px; }
.service-page .col>:is(h2,h3)+:is(h2,h3) { margin-top:0; }
.service-page .img { margin:0 0 24px; }
.service-page .img img { display:block;width:100%;height:auto;max-height:550px;object-fit:contain;border-radius:16px;margin:auto; }
.service-page .img:last-child { margin-bottom:0; }
.service-page .service-intro { background:radial-gradient(ellipse at top right,#fff3c9,transparent 60%),#fafaf7; }
.service-page .service-intro>.wrap>.cols { align-items:center;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); }
.service-page .service-intro .img { padding:12px;background:#fff;border:1px solid #e9e3cb;border-bottom:4px solid #ffc513;border-radius:20px;box-shadow:0 16px 35px #26230e0c; }
.service-page .service-intro .img img { max-height:460px;border-radius:10px; }
.service-page .btn { min-height:50px;padding:12px 22px;border-radius:8px;text-transform:none;line-height:1.45;text-align:center;max-width:100%; }
.service-page .cols:has(>.col>.btns:only-child):not(:has(>.col>.img)) { display:flex;flex-wrap:wrap;gap:12px;margin-top:24px; }
.service-page .cols:has(>.col>.btns:only-child):not(:has(>.col>.img))>.col { flex:1 1 180px; }
.service-page .cols>.col>.btns:only-child .btn { width:100%; }
.service-page .btns { gap:12px;margin-top:24px; }
.service-page :is(.row--brand,.col--brand,.s--brand) .btn { background:#242424;border-color:#242424;color:#fff; }
.service-page :is(.row--brand,.col--brand,.s--brand) .btn:hover { background:#414141;border-color:#414141; }
.service-page :is(.row--brand,.col--brand,.s--brand) mark { color:inherit; }
.service-page :is(.row--brand,.col--brand) { background:linear-gradient(125deg,#ffda63,#ffc513);color:#302914;border:1px solid #e9bd31; }
.service-page :is(.row--dark,.col--dark) { background:linear-gradient(145deg,#303030,#202020);color:#e3e3e3;border:1px solid #393939; }
.service-page :is(.row--dark,.col--dark) strong { color:#fff; }
.service-page :is(.row--tint,.col--tint) { background:#f8f8f4;border:1px solid #e6e4da; }
.service-page :is(.row--brand,.col--brand,.row--dark,.col--dark,.row--tint,.col--tint) { border-radius:18px;padding:clamp(22px,3vw,36px); }
.service-page .cols:has(>.col--brand,>.col--dark) { align-items:stretch; }
.service-page :is(.row--dark,.row--brand,.row--tint) { margin-bottom:28px; }
.service-page .wrap>:last-child,.service-page .col>:last-child { margin-bottom:0; }
.service-page .s--img { background:linear-gradient(115deg,#191919ed,#282828ef),var(--bg) center/cover;color:#dedede; }
.service-page .s--img :is(strong,b) { color:#fff; }
.service-page .s--img .cols { margin:28px 0; }
.service-page .s--img .ilist li { border-color:#ffffff24; }
.service-page .service-tint:not(.s--img) { background:#f7f7f3; }
.service-page .ilist { padding:0;list-style:none; }
.service-page .ilist li { margin:0;padding:13px 0 13px 28px;border-bottom:1px solid #deded64d; }
.service-page .ilist li::before { top:17px;color:#b28700; }
.service-page :is(.col--dark,.row--dark,.s--img) .ilist li::before { color:#ffc513; }
.service-page .ilist:last-child { margin-bottom:0; }
.service-page .ilist a { overflow-wrap:anywhere; }
.service-page .service-features .cols { align-items:stretch;gap:20px; }
.service-page .service-features .cols+.cols { margin-top:20px; }
.service-page .service-features .col:has(>.card) { display:flex; }
.service-page .card { width:100%;padding:28px 24px;border:1px solid #e5e3da;border-radius:15px;box-shadow:0 8px 24px #22222205;text-align:left;color:#484848; }
.service-page .card:hover { transform:none;box-shadow:0 12px 30px #2222220a; }
.service-page .card__ic { margin:0 0 20px;width:48px;height:48px;border-radius:12px;background:#fff1c1;color:#856600; }
.service-page .card__ic svg { width:24px;height:24px; }
.service-page .card__ic img { width:32px;height:32px;object-fit:contain; }
.service-page .card .card__t { font-size:18px;line-height:1.45;margin:0 0 12px;color:#242424; }
.service-page .card__d { font-size:15px;line-height:1.8; }
.service-page .card--flip { background:#252525;color:#e5e5e5;border:1px solid #454238;border-top:3px solid #ffc513; }
.service-page .card.card--flip .card__t { color:#ffc513; }
.service-page .card--flip .card__t+.card__d { color:#e5e5e5;font:400 15px/1.8 var(--body); }
.service-page .card--flip p { margin:14px 0; }
.service-page .service-features :is(.col--brand,.col--dark):has(>.card) { background:none;border:0;padding:0; }
.service-page .service-features :is(.col--brand,.col--dark) .card { border-top:3px solid #ffc513; }
.service-page .service-promo .row--brand { padding:clamp(24px,4vw,48px); }
.service-page .service-promo .cols { align-items:center;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); }
.service-page .service-promo .img img { width:auto;max-width:100%;max-height:340px;border-radius:0; }
/* An unused Elementor placeholder is decorative, not service content. */
.service-page .img:has(img[src*="elementor/assets/images/placeholder"]) { display:none; }
.service-page .service-call-photo>.wrap>.cols { padding:24px;background:#242424;border-radius:18px;align-items:center; }
.service-page .service-call-photo .img img { max-height:260px; }
.service-page .service-booking { background:#f4f4ef; }
.service-page .service-booking>.wrap>.cols { grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);align-items:start;gap:30px; }
.service-page .service-booking>.wrap>.cols>.col--dark { position:sticky;top:24px;border-top:4px solid #ffc513; }
.service-page .service-booking .col--dark :is(h3,h4) { font-size:23px; }
.service-page .service-booking .col--dark .ilist li { padding:12px 0;border-color:#ffffff20; }
.service-page .service-booking .col--dark .ilist li::before { display:none; }
.service-page .service-booking .col--dark .ilist a { display:block;text-decoration:none;font-size:15px; }
.service-page .service-booking .col--dark .ilist a:hover { color:#ffc513; }
.service-page .service-booking>.wrap>.cols>.col--tint { padding:clamp(20px,3vw,32px);background:#fff;border-top:4px solid #ffc513;box-shadow:0 15px 40px #22222208; }
.service-page .service-booking .col--tint .col--tint { padding:0;background:none;border:0; }
.service-page .service-booking h4 { font-size:25px; }
.service-page .form-section { padding:24px 0;margin:0;border-radius:0;box-shadow:none;background:none;border-bottom:1px solid #e8e6de;animation:none; }
.service-page .form-section.hidden { padding:0;border:0; }
.service-page .form-section:last-child { border:0; }
.service-page .section-label { font:600 17px/1.5 var(--head);gap:12px;margin-bottom:18px; }
.service-page .section-label .icon { background:#fff1be;width:34px;height:34px; }
.service-page .field { min-width:0;gap:6px; }
.service-page .field-grid { gap:18px; }
.service-page form .field :is(input,select,textarea) { min-width:0;max-width:100%;background:#fafaf7;font-family:var(--body); }
.service-page .submit-btn { width:100%;padding:14px 18px;justify-content:center;border-radius:8px;box-shadow:none;line-height:1.4; }
.service-page .submit-btn svg { flex-shrink:0; }
.service-page .form-footer { font-size:11px;line-height:1.6; }
.service-page .required-note { line-height:1.6; }
.service-page .lead { box-shadow:none; }
.service-page .service-faq { background:#f7f7f3; }
.service-page .service-faq>.wrap { max-width:1040px; }
.service-page .faq { border:0;margin-top:26px; }
.service-page .faq details { background:#fff;border:1px solid #e5e3da;border-radius:12px;margin:0 0 12px; }
.service-page .faq summary { padding:21px 55px 21px 24px;font-size:16px; }
.service-page .faq summary::after { right:25px;width:9px;height:9px; }
.service-page .faq details[open] { border-color:#dab33c;box-shadow:0 6px 20px #24242405; }
.service-page .faq details[open] summary { color:#6c5200; }
.service-page .faq__a { padding:0 24px 22px;color:#484848; }
.service-page .faq__a p:last-child { margin-bottom:0; }
.service-page table { display:table;table-layout:fixed;width:100%;border:1px solid #e1dfd5;border-radius:12px;background:#fff;overflow-wrap:anywhere; }
.service-page :is(td,th) { padding:18px 22px;text-align:left; }
.service-page th { background:#252525;color:#fff; }
.service-page th :is(h2,h3,h4) { color:#fff;font-size:18px;margin:0; }
.service-page th :is(strong,b) { color:inherit; }
.service-page tr:nth-child(even) td { background:#faf9f3; }
.service-page .service-locations { background:#fff; }
.service-page .service-locations>.wrap>h3 { text-align:center;max-width:780px;margin:0 auto 28px; }
.service-page .service-locations>.wrap>h3::before { margin-inline:auto; }
.service-page #locationList { gap:10px; }
.service-page #locationList li { padding:9px 16px;border-radius:8px;font-size:14px;background:#fafaf7; }
.service-page .read-more-toggle { margin-top:22px;padding:11px 24px; }
/* Shared CTA treatment for the five inspection, AC and battery banners. */
.service-page .service-cta.service-promo .row--brand { padding:0;background:#242424;color:#e4e4e4;border:1px solid #363636;border-radius:22px;overflow:hidden;box-shadow:0 18px 40px #24242410; }
.service-page .service-cta.service-promo .cols { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:0;align-items:stretch; }
.service-page .service-cta .cols>.col:first-child { padding:clamp(28px,4vw,48px);align-self:center; }
.service-page .service-cta .cols>.col:last-child { display:flex;align-items:flex-end;justify-content:center;padding:28px 20px 0;background:radial-gradient(circle at 50% 38%,#ffe99c 0 32%,transparent 32.5%),linear-gradient(140deg,#ffd959,#e6b00d); }
.service-page .service-cta .col>:is(h2,h3) { color:#fff;font-size:clamp(26px,2.6vw,36px);line-height:1.28;letter-spacing:-.025em;margin-bottom:22px; }
.service-page .service-cta .col>:is(h2,h3)::before { width:48px;margin-bottom:22px; }
.service-page .service-cta .row--brand mark { color:#ffc513; }
.service-page .service-cta .row--brand strong { color:#fff;font-weight:500; }
.service-page .service-cta .row--brand a:not(.btn) { color:#ffc513; }
.service-page .service-cta .row--brand .btn { min-height:52px;padding:14px 26px;background:#ffc513;border-color:#ffc513;color:#242424;box-shadow:0 6px 18px #0002; }
.service-page .service-cta .row--brand .btn:hover { background:#ffe078;border-color:#ffe078; }
.service-page .service-cta.service-promo .img { margin:0;width:100%; }
.service-page .service-cta.service-promo .img img { width:auto;max-width:100%;height:auto;max-height:380px;object-fit:contain;margin:0 auto;border-radius:0;filter:drop-shadow(0 8px 12px #4736001a); }
.p-car-ac-repair .service-page .service-cta .img img { max-height:430px; }
@media(max-width:767px) {
  .service-page .service-cta.service-promo .cols { grid-template-columns:minmax(0,1fr); }
  .service-page .service-cta .cols>.col:last-child { padding:22px 20px 0; }
  .service-page .service-cta.service-promo .img img { max-height:260px; }
  .service-page .service-cta .btns .btn { width:100%; }
}
/* Rideshare versus roadworthy: a dedicated comparison section. */
.service-page .rideshare-comparison { background:#f8f7f1; }
.service-page .rideshare-comparison>.wrap>h2 { max-width:860px; }
.service-page .rideshare-comparison>.wrap>p { max-width:820px;margin-bottom:28px; }
.rideshare-comparison__grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px; }
.rideshare-comparison__grid>div { padding:clamp(26px,3.5vw,40px);border-radius:18px; }
.rideshare-comparison__road { background:#fff;border:1px solid #e4e1d6;border-top:4px solid #d7d1bd; }
.rideshare-comparison__ride { background:linear-gradient(135deg,#303030,#202020);border:1px solid #373737;border-top:4px solid #ffc513;color:#e3e3e3; }
.service-page .rideshare-comparison__grid h3 { font-size:clamp(23px,2.1vw,29px);margin:0 0 20px;line-height:1.35; }
.service-page .rideshare-comparison__ride h3 { color:#ffc513; }
.rideshare-comparison__grid h3::before { content:"";display:block;width:38px;height:38px;margin-bottom:20px;border:2px solid currentColor;border-radius:10px;background:linear-gradient(135deg,transparent 46%,currentColor 47%,currentColor 53%,transparent 54%) center/16px 16px no-repeat;opacity:.85; }
.rideshare-comparison__grid p { margin:0; }
.rideshare-comparison__footer { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:28px;padding:clamp(24px,3vw,34px);background:linear-gradient(120deg,#ffdc6b,#ffc513);border:1px solid #ecc343;border-radius:16px;color:#302914; }
.rideshare-comparison__footer>div { min-width:0; }
.rideshare-comparison__footer>div+div { border-left:1px solid #6f570433;padding-left:36px; }
.service-page .rideshare-comparison__footer .ilist { display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0; }
.service-page .rideshare-comparison__footer .ilist li { padding:9px 20px;border:1px solid #ffffffcc;background:#ffffffd9;border-radius:8px;font:600 16px/1.5 var(--head);color:#242424; }
.service-page .rideshare-comparison__footer .ilist li::before { display:none; }
.service-page .rideshare-comparison__footer .btn { background:#242424;border-color:#242424;color:#fff; }
.service-page .rideshare-comparison__footer .btn:hover { background:#404040;border-color:#404040; }
.rideshare-comparison__footer p:last-child { margin-bottom:0; }
@media(max-width:767px) {
  .rideshare-comparison__grid,.rideshare-comparison__footer { grid-template-columns:minmax(0,1fr);gap:22px; }
  .rideshare-comparison__footer>div+div { border-left:0;border-top:1px solid #6f570433;padding:22px 0 0; }
  .service-page .rideshare-comparison__footer .btn { width:100%; }
}
/* Long-form service pages retain their article and sidebar structure. */
.service-page .service-article { background:linear-gradient(#faf9f3,#fff 800px); }
.service-page .service-article>.wrap>.cols { grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:40px; }
.service-page .service-article>.wrap>.cols>.col:first-child>h2 { padding-top:30px;border-top:1px solid #e6e4db;margin-top:34px; }
.service-page .service-article>.wrap>.cols>.col:first-child>h2:first-of-type { padding:0;border:0;margin-top:0; }
.service-page .service-article>.wrap>.cols>.col:first-child>ul { padding-left:22px; }
.service-page .service-article>.wrap>.cols>.col:first-child>ul>li { padding:9px 0 9px 4px;margin:0;border-bottom:1px solid #e9e7df; }
.service-page .service-article li::marker { color:#987500; }
.service-page .service-article .img { margin:30px 0; }
.service-page .service-article .row { margin:30px 0; }
.service-page .service-article>.wrap>.cols>.col:last-child { position:sticky;top:24px; }
.service-page .service-article>.wrap>.cols>.col:last-child>.col--tint { background:#262626;color:#eee;border:1px solid #383838;border-top:4px solid #ffc513;padding:28px;border-radius:16px; }
.service-page .service-article>.wrap>.cols>.col:last-child h2 { font-size:23px;color:#ffc513; }
.service-page .service-article>.wrap>.cols>.col:last-child h2::before { display:none; }
.service-page .service-article>.wrap>.cols>.col:last-child .ilist li { padding:11px 0;border-color:#ffffff20; }
.service-page .service-article>.wrap>.cols>.col:last-child .ilist a { color:#eee;font:400 15px/1.6 var(--body); }
.service-page .service-article>.wrap>.cols>.col:last-child .ilist a:hover { color:#ffc513; }
.service-page a:focus-visible,.service-page summary:focus-visible,.service-page button:focus-visible { outline:2px solid #b58b09;outline-offset:4px; }
@media(max-width:1024px) {
  .service-page .service-booking>.wrap>.cols { grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);gap:22px; }
  .service-page .service-booking>.wrap>.cols>.col--dark,.service-page .service-article>.wrap>.cols>.col:last-child { top:94px; }
  .service-page .service-article>.wrap>.cols { grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px; }
  .service-page .service-article>.wrap>.cols>.col:last-child>.col--tint { padding:22px; }
  .service-page .service-booking .field-grid,.service-page .service-booking .lead__grid { grid-template-columns:1fr; }
}
@media(max-width:767px) {
  .service-page .cols,.service-page .service-intro>.wrap>.cols,.service-page .service-booking>.wrap>.cols,.service-page .service-article>.wrap>.cols,.service-page .service-promo .cols { grid-template-columns:minmax(0,1fr); }
  .service-page .service-booking>.wrap>.cols>.col--dark,.service-page .service-article>.wrap>.cols>.col:last-child { position:static; }
  .service-page .service-booking>.wrap>.cols>.col--dark { order:2; }
  .service-page .service-intro .img { max-width:480px;margin-inline:auto; }
  .service-page .img img { max-height:380px; }
  .service-page .service-promo .img img { max-height:260px; }
  .service-page .card { padding:24px; }
  .service-page .service-features .cols { gap:16px; }
  .service-page .faq summary { padding:18px 45px 18px 18px;font-size:15px; }
  .service-page .faq summary::after { right:20px; }
  .service-page .faq__a { padding:0 18px 18px; }
  .service-page :is(th,td) { padding:14px 12px;min-width:130px; }
}
@media(prefers-reduced-motion:reduce) {
  .service-page * { scroll-behavior:auto; }
  .service-page :is(.btn,.card,.submit-btn) { transition:none;transform:none; }
}


/* LOG-BOOK */
/* Log-book overview and detailed service guide only. */
.service-page .logbook-overview { background:#faf9f4; }
.service-page .logbook-overview>.wrap>.cols { gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch; }
.service-page .logbook-overview .col--brand { background:#fff;border:1px solid #e6e3d8;border-top:4px solid #ffc513;box-shadow:0 14px 35px #27241706; }
.service-page .logbook-overview h2 { font-size:clamp(25px,2.2vw,31px); }
.service-page .logbook-overview .col--brand h2::before { display:none; }
.service-page .logbook-overview .col--brand>.ilist { background:#faf8ef;border-radius:12px;padding:6px 18px;margin:20px 0; }
.service-page .logbook-overview .col--brand>.ilist li:last-child { border:0; }
.service-page .logbook-overview .col--dark { display:flex;flex-direction:column;border-top:4px solid #ffc513; }
.service-page .logbook-overview .col--dark h3 { color:#ffc513;font-size:26px; }
.service-page .logbook-overview .col--dark h3::before { display:none; }
.service-page .logbook-overview .col--dark .ilist { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:24px 0; }
.service-page .logbook-overview .col--dark .ilist li { font-size:14px;line-height:1.7;padding:14px 0 14px 24px;border-color:#ffffff24; }
.service-page .logbook-overview .col--dark .ilist li::before { top:18px; }
.service-page .logbook-overview .col--dark>p:last-child { margin-top:auto;font-size:14px;color:#ccc; }
.service-page .logbook-guide { background:#fff; }
.logbook-guide>.wrap { display:grid;gap:44px; }
.service-page .logbook-guide h3 { margin:0 0 20px;font-size:clamp(24px,2.3vw,31px);line-height:1.3; }
.service-page .logbook-guide h3::before { display:none; }
.logbook-guide p:last-child { margin-bottom:0; }
.logbook-warranty { padding:clamp(24px,4vw,44px);border:1px solid #e4e1d4;border-left:5px solid #ffc513;border-radius:18px;background:linear-gradient(120deg,#fff9e5,#fafaf7); }
.service-page .logbook-warranty blockquote { margin:24px 0;padding:22px 26px;border:0;border-radius:12px;background:#fff;box-shadow:0 8px 25px #29241005;color:#373737; }
.service-page .logbook-warranty blockquote blockquote { margin:0;padding:0;background:none;box-shadow:none;border-radius:0; }
.logbook-pricing>p { max-width:900px; }
.service-page .logbook-pricing>.ilist { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px; }
.service-page .logbook-pricing>.ilist>li { padding:23px;background:#fafaf7;border:1px solid #e5e3da;border-top:3px solid #e6b00d;border-radius:12px;font-size:14px;line-height:1.8; }
.service-page .logbook-pricing>.ilist>li::before { display:none; }
.logbook-pricing strong { font-family:var(--head);font-size:16px;color:#252525; }
.service-page .logbook-process { padding:clamp(24px,4vw,44px);background:#242424;border-radius:20px;color:#dedede;gap:36px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center; }
.service-page .logbook-process h3 { color:#fff; }
.service-page .logbook-process .ilist { counter-reset:logstep; }
.service-page .logbook-process .ilist li { padding:18px 0 18px 46px;border-color:#ffffff22;counter-increment:logstep;font-size:15px; }
.service-page .logbook-process .ilist li::before { content:counter(logstep,decimal-leading-zero);display:grid;place-items:center;position:absolute;top:20px;left:0;width:30px;height:30px;border-radius:8px;background:#ffc513;color:#242424;font:600 12px var(--head); }
.service-page .logbook-process strong { color:#fff; }
.service-page .logbook-process .img { margin:0;padding:8px;background:#ffffff12;border-radius:16px; }
.service-page .logbook-process .img img { border-radius:10px;max-height:none; }
.logbook-materials { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.service-page .logbook-materials h3 { grid-column:1/-1;margin-bottom:6px; }
.logbook-materials>p { margin:0;padding:25px 28px;background:#faf9f3;border:1px solid #e7e3d5;border-radius:12px; }
.logbook-materials strong { display:block;font:600 18px/1.5 var(--head);margin-bottom:10px;color:#6c5307; }
.logbook-advice { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px; }
.logbook-advice>div { padding:clamp(24px,3vw,34px);border-radius:16px; }
.logbook-comparison { background:linear-gradient(130deg,#ffdc6d,#ffc513);color:#302914; }
.logbook-dealer { background:#fff;border:1px solid #e3e1d8; }
.service-page .logbook-advice h3 { font-size:25px; }
.service-page .logbook-areas.row--brand { margin:0;padding:clamp(26px,4vw,40px);background:#f7f7f2;border:1px solid #e3e1d6;border-left:5px solid #e6b00d;color:#484848; }
.service-page .logbook-areas h3 { font-size:26px;margin-bottom:16px; }
@media(max-width:1024px) {
  .service-page .logbook-overview>.wrap>.cols { grid-template-columns:minmax(0,1fr); }
  .service-page .logbook-pricing>.ilist { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-page .logbook-process { grid-template-columns:minmax(0,1fr); }
  .service-page .logbook-process .img { max-width:600px;margin-inline:auto; }
}
@media(max-width:600px) {
  .logbook-guide>.wrap { gap:32px; }
  .service-page .logbook-overview .col--dark .ilist,.service-page .logbook-pricing>.ilist,.logbook-materials,.logbook-advice { grid-template-columns:minmax(0,1fr); }
  .service-page .logbook-warranty blockquote { padding:18px; }
  .logbook-materials>p { padding:22px; }
  .service-page .logbook-pricing>.ilist>li { padding:20px; }
}


/* BATTERY */
/* The five battery-page sections; other service pages retain their styling. */
.service-page .battery-intro { background:linear-gradient(120deg,#faf9f3,#fff5d5); }
.service-page .battery-intro>.wrap>.cols { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px; }
.service-page .battery-intro h2 { font-size:clamp(28px,2.8vw,39px); }
.service-page .battery-intro .img { padding:28px 14px;background:#252525;border:1px solid #343434;border-bottom:5px solid #ffc513;box-shadow:0 20px 40px #27241715; }
.service-page .battery-intro .img img { border-radius:10px; }
.service-page .battery-intro .cols .cols>.col:last-child .btn { background:transparent;border-color:#252525;color:#252525; }
.service-page .battery-intro .cols .cols>.col:last-child .btn:hover { background:#252525;color:#fff; }
.service-page .battery-timing { background:#242424;color:#dedede; }
.service-page .battery-timing h2 { color:#fff;max-width:820px; }
.service-page .battery-timing>.wrap>.ilist { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0;counter-reset:sign; }
.service-page .battery-timing .ilist li { padding:24px;background:#303030;border:1px solid #494538;border-top:3px solid #ffc513;border-radius:12px;font:500 17px/1.6 var(--head);counter-increment:sign; }
.service-page .battery-timing .ilist li::before { content:counter(sign,decimal-leading-zero);position:static;display:block;background:none;color:#ffc513;width:auto;height:auto;margin-bottom:16px;font:600 13px var(--head); }
.service-page .battery-timing .btn { background:#ffc513;border-color:#ffc513;color:#242424; }
.service-page .battery-timing .btn:hover { background:#ffda61;border-color:#ffda61; }
.service-page .battery-issues>.wrap>.cols { grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);align-items:center;gap:40px; }
.service-page .battery-issues .img { padding:10px;border:1px solid #e3dfd1;border-radius:20px;background:#fff;box-shadow:0 16px 35px #25200d08; }
.service-page .battery-issues>.wrap>.cols>.col:last-child { padding:clamp(24px,3vw,36px);background:#fff;border:1px solid #e6e3da;border-top:4px solid #ffc513;border-radius:16px; }
.service-page .battery-issues h3 { font-size:26px; }
.service-page .battery-issues .cols .cols { gap:22px; }
.service-page .battery-issues .ilist li { font-size:14px;line-height:1.7;padding:13px 0 13px 24px; }
.service-page .battery-models { background:linear-gradient(120deg,#ffdb65,#ffc513);color:#302914; }
.service-page .battery-models h2 { max-width:960px; }
.service-page .battery-models h2::before { background:#242424; }
.service-page .battery-models>.wrap>.ilist { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:26px 0;padding:8px 28px;background:#ffffffd9;border:1px solid #ffffff;border-radius:16px; }
.service-page .battery-models .ilist li { padding:18px 0 18px 28px;border-bottom:1px solid #dcd4b5; }
.service-page .battery-models .ilist li::before { top:22px; }
.service-page .battery-models .ilist li:last-child { grid-column:1/-1;border:0; }
.service-page .battery-guide.service-tint { background:#fff; }
.battery-guide>.wrap { display:grid;gap:44px; }
.service-page .battery-guide h3 { font-size:clamp(24px,2.3vw,32px);margin:0 0 20px;line-height:1.3; }
.battery-guide p:last-child { margin-bottom:0; }
.service-page .battery-pricing>.ilist { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0; }
.service-page .battery-pricing>.ilist>li { padding:26px;background:#faf9f3;border:1px solid #e5e1d2;border-top:4px solid #ffc513;border-radius:14px;color:#715500;font-size:19px;font-weight:500; }
.service-page .battery-pricing>.ilist>li::before { display:none; }
.battery-pricing strong { display:block;margin-bottom:16px;color:#292929;font:600 16px/1.6 var(--head); }
.battery-pricing>p:last-child { padding:18px 22px;border-left:3px solid #e6b00d;background:#fafaf7;border-radius:0 10px 10px 0;font-size:14px; }
.battery-chemistry { padding:clamp(24px,4vw,40px);border:1px solid #e6e2d5;border-radius:18px;background:#faf9f3; }
.service-page .battery-chemistry>.ilist { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0; }
.service-page .battery-chemistry>.ilist li { padding:24px;background:#fff;border:1px solid #e5e2d6;border-radius:12px; }
.service-page .battery-chemistry>.ilist li::before { display:none; }
.battery-chemistry strong { display:block;margin-bottom:12px;color:#715600;font:600 18px/1.5 var(--head); }
.service-page .battery-testing { background:#242424;color:#dedede;padding:clamp(24px,4vw,42px);border-radius:20px;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:40px;align-items:center; }
.service-page .battery-testing :is(h3,strong) { color:#fff; }
.service-page .battery-testing .ilist { margin:22px 0; }
.service-page .battery-testing .ilist li { border-color:#ffffff25; }
.service-page .battery-testing .ilist li::before { color:#ffc513; }
.service-page .battery-testing .img { margin:0;padding:8px;border-radius:16px;background:#ffffff15; }
.service-page .battery-testing .img img { max-height:500px;border-radius:10px; }
.battery-start { padding:clamp(24px,4vw,36px);background:linear-gradient(120deg,#ffdc6b,#ffc513);border-radius:16px;color:#302914;border-left:5px solid #242424; }
.service-page .battery-start h3 { margin-bottom:14px; }
.service-page .battery-lifespan>.ilist { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.service-page .battery-lifespan>.ilist li { padding:23px;background:#fafaf7;border:1px solid #e5e3da;border-radius:12px; }
.service-page .battery-lifespan>.ilist li::before { display:none; }
.battery-lifespan strong { display:block;margin-bottom:10px;color:#6d540a; }
.service-page .battery-lifespan>.ilist li:last-child { grid-column:1/-1;background:#fff9e5;border-color:#ebdca5; }
.service-page .battery-warning { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:38px;padding:clamp(24px,3vw,36px);border:1px solid #e6e3d8;border-radius:18px;background:#faf9f4; }
.service-page .battery-warning .img { margin:0; }
.service-page .battery-brands>.ilist { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px; }
.service-page .battery-brands>.ilist li { padding:20px 0 20px 28px;border-color:#e6e3d8; }
.service-page .battery-brands>.ilist li::before { top:24px; }
.battery-brands strong { font:600 18px/1.5 var(--head); }
.battery-brands>p:last-child { margin-top:24px;padding:20px 24px;border-left:4px solid #ffc513;background:#faf9f3;border-radius:0 12px 12px 0; }
.battery-areas { padding:clamp(24px,3vw,36px);background:#272727;border-radius:16px;color:#dedede;border-top:4px solid #ffc513; }
.service-page .battery-areas h3 { color:#ffc513;font-size:26px; }
@media(max-width:1024px) {
  .service-page .battery-timing>.wrap>.ilist,.service-page .battery-pricing>.ilist { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-page .battery-issues>.wrap>.cols { grid-template-columns:minmax(0,1fr); }
  .service-page .battery-issues>.wrap>.cols>.col:first-child { order:2; }
  .service-page .battery-issues .img { max-width:440px;margin:auto; }
  .service-page .battery-testing { grid-template-columns:minmax(0,1fr); }
  .service-page .battery-testing .img { max-width:420px;margin:auto; }
}
@media(max-width:767px) {
  .service-page .battery-intro>.wrap>.cols,.service-page .battery-warning { grid-template-columns:minmax(0,1fr); }
  .service-page .battery-models>.wrap>.ilist,.service-page .battery-chemistry>.ilist,.service-page .battery-lifespan>.ilist { grid-template-columns:minmax(0,1fr); }
  .service-page .battery-models .ilist li:last-child,.service-page .battery-lifespan>.ilist li:last-child { grid-column:auto; }
  .battery-guide>.wrap { gap:32px; }
}
@media(max-width:480px) {
  .service-page .battery-timing>.wrap>.ilist,.service-page .battery-pricing>.ilist,.service-page .battery-brands>.ilist { grid-template-columns:minmax(0,1fr); }
  .service-page .battery-timing .ilist li { padding:20px; }
  .service-page .battery-timing .ilist li::before { margin-bottom:10px; }
  .service-page .battery-issues .cols .cols { gap:0; }
}


/* AC-INSPECTION */
/* Targeted AC and pre-purchase sections. */
.service-page .ac-symptoms .col--brand { background:#faf9f3;border:1px solid #e6e2d4;border-top:4px solid #ffc513; }
.service-page .ac-symptoms h2 { max-width:820px; }
.service-page .ac-symptoms .ilist { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;margin-top:26px; }
.service-page .ac-symptoms .ilist li { padding:19px 0 19px 32px;border-color:#e2ded0; }
.service-page .ac-symptoms .ilist li::before { top:24px; }
.service-page .ac-symptoms .ilist li:last-child { border:0; }
.service-page .ac-environment { background:#242424;color:#dedede; }
.service-page .ac-environment h2 { color:#fff;max-width:880px; }
.service-page .ac-environment>.wrap>.ilist { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;padding:8px 26px;border:1px solid #ffffff26;border-radius:14px;margin:28px 0;background:#303030; }
.service-page .ac-environment .ilist li { padding:18px 0 18px 28px;border-color:#ffffff20; }
.service-page .ac-environment .ilist li::before { top:23px;color:#ffc513; }
.service-page .ac-environment .btn { background:#ffc513;color:#242424;border-color:#ffc513; }
.service-page .ac-environment .btn:hover { background:#ffda60;border-color:#ffda60; }
.service-page .ac-environment a:not(.btn):hover { color:#ffc513; }
.service-page .ac-guide.service-tint { background:#fff; }
.ac-guide>.wrap { display:grid;gap:44px; }
.service-page .ac-guide h3 { font-size:clamp(24px,2.3vw,32px);line-height:1.3;margin:0 0 22px; }
.ac-guide p:last-child { margin-bottom:0; }
.service-page .ac-pricing>.ilist { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0; }
.service-page .ac-pricing>.ilist li { padding:25px;background:#faf9f4;border:1px solid #e4e1d5;border-top:4px solid #ffc513;border-radius:14px;font-size:17px;color:#705506; }
.service-page .ac-pricing>.ilist li::before { display:none; }
.ac-pricing strong { display:block;font:600 16px/1.6 var(--head);margin-bottom:14px;color:#252525; }
.ac-pricing>p:last-child { padding:22px 26px;background:#fff9e4;border-left:4px solid #e6b00d;border-radius:0 12px 12px 0;font-size:15px; }
.service-page .ac-diagnosis>.ilist { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px; }
.service-page .ac-diagnosis>.ilist li { padding:22px 0 22px 28px;border-color:#e5e2d8; }
.service-page .ac-diagnosis>.ilist li::before { top:27px; }
.ac-diagnosis strong { display:block;margin-bottom:8px;font:600 17px/1.5 var(--head); }
.service-page .ac-process { background:#252525;color:#dedede;padding:clamp(24px,4vw,42px);border-radius:20px;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:36px;align-items:center; }
.service-page .ac-process :is(h3,strong) { color:#fff; }
.service-page .ac-process .ilist { counter-reset:acstep; }
.service-page .ac-process .ilist li { counter-increment:acstep;padding:20px 0 20px 46px;border-color:#ffffff22;font-size:15px; }
.service-page .ac-process .ilist li::before { content:counter(acstep,decimal-leading-zero);display:grid;place-items:center;position:absolute;top:22px;left:0;width:30px;height:30px;border-radius:8px;background:#ffc513;color:#242424;font:600 12px var(--head); }
.service-page .ac-process .img { padding:8px;background:#ffffff12;border-radius:16px;margin:0; }
.service-page .ac-process .img img { border-radius:10px;max-height:none; }
.ac-standards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.service-page .ac-standards h3 { grid-column:1/-1;margin-bottom:6px; }
.ac-standards>p { margin:0;padding:26px;background:#fafaf7;border:1px solid #e5e3d9;border-top:3px solid #e6b00d;border-radius:12px; }
.ac-standards strong { display:block;font:600 17px/1.5 var(--head);margin-bottom:14px; }
.ac-advice { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px; }
.ac-advice>div { padding:clamp(24px,3vw,36px);border-radius:16px; }
.ac-value { background:linear-gradient(120deg,#ffdc6b,#ffc513);color:#302914; }
.ac-interval { background:#fff;border:1px solid #e3e1d8; }
.service-page .ac-advice h3 { font-size:26px; }
.ac-areas { padding:clamp(24px,3vw,36px);border-left:5px solid #ffc513;border-radius:14px;background:#f7f7f2; }
.service-page .ac-areas h3 { font-size:26px;margin-bottom:16px; }
.service-page .inspection-call>.wrap>.cols { padding:clamp(24px,4vw,44px);gap:40px;border:1px solid #3a3a3a;border-top:4px solid #ffc513;color:#dedede;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
.service-page .inspection-call h2 { color:#fff; }
.service-page .inspection-call .img img { max-height:none;border-radius:12px; }
.service-page .inspection-call .btn { width:auto; }
.service-page .inspection-report .col--brand { background:#faf9f3;border:1px solid #e4e0d3;border-top:4px solid #ffc513;padding:clamp(24px,4vw,42px); }
.service-page .inspection-report h4 { font-size:clamp(27px,2.5vw,35px);margin-bottom:20px; }
.service-page .inspection-report .ilist { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0;counter-reset:report; }
.service-page .inspection-report .ilist li { padding:24px;background:#fff;border:1px solid #e5e2d6;border-radius:12px;counter-increment:report; }
.service-page .inspection-report .ilist li::before { content:counter(report,decimal-leading-zero);display:grid;place-items:center;position:static;width:32px;height:32px;background:#fff0b5;color:#735a0e;border-radius:8px;font:600 12px var(--head);margin-bottom:16px; }
.service-page .inspection-report p:last-child { border-left:3px solid #e6b00d;padding-left:20px; }
.service-page .inspection-report p:last-child strong { font-weight:500; }
.service-page .inspection-problems { background:#252525;color:#dedede; }
.service-page .inspection-problems h2 { color:#fff; }
.service-page .inspection-problems>.wrap>.ilist { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin:26px 0;padding:8px 28px;background:#303030;border:1px solid #ffffff25;border-radius:16px; }
.service-page .inspection-problems .ilist li { padding:19px 0 19px 30px;border-color:#ffffff20; }
.service-page .inspection-problems .ilist li::before { color:#ffc513;top:24px; }
.service-page .inspection-problems .btn { background:#ffc513;border-color:#ffc513;color:#242424; }
.service-page .inspection-problems .btn:hover { background:#ffda60;border-color:#ffda60; }
.service-page .inspection-problems a:not(.btn):hover { color:#ffc513; }
.service-page .inspection-advice.service-tint { background:#faf9f4; }
.service-page .inspection-advice>.wrap>.cols { align-items:stretch;gap:24px; }
.service-page .inspection-advice>.wrap>.cols>.col { padding:clamp(24px,3vw,36px);border:1px solid #e4e0d3;border-radius:16px;background:#fff; }
.service-page .inspection-advice>.wrap>.cols>.col:first-child { background:linear-gradient(125deg,#ffdd71,#ffc513);border-color:#e6b00d;color:#302914; }
.service-page .inspection-advice :is(h2,h3) { font-size:clamp(25px,2.2vw,31px); }
.service-page .inspection-advice .col:first-child h2::before { background:#252525; }
@media(max-width:1024px) {
  .service-page .ac-pricing>.ilist { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-page .ac-process { grid-template-columns:minmax(0,1fr); }
  .service-page .ac-process .img { max-width:420px;margin:auto; }
  .ac-standards { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:767px) {
  .service-page .inspection-call>.wrap>.cols,.ac-advice { grid-template-columns:minmax(0,1fr); }
  .service-page .ac-environment>.wrap>.ilist,.service-page .inspection-problems>.wrap>.ilist,.service-page .ac-diagnosis>.ilist { grid-template-columns:minmax(0,1fr); }
  .ac-guide>.wrap { gap:32px; }
}
@media(max-width:480px) {
  .service-page .ac-pricing>.ilist,.service-page .ac-symptoms .ilist,.service-page .inspection-report .ilist { grid-template-columns:minmax(0,1fr); }
  .service-page .inspection-call .btn { width:100%; }
}