/* Preserve the printed folds; keep each service's actual work in its own image. */
.maintenance-image{clip-path:polygon(13% 5%,100% 5%,92% calc(100% - 10px),0 100%)}
.maintenance-image img{object-position:57% 55%;transform:scale(1.01)}
.service-fold:has(.service-toggle:hover) .maintenance-image img{transform:scale(1.035)}
.diagnostics-image img{object-fit:contain;mix-blend-mode:normal;opacity:1;padding:22px 4px;transform:rotate(-3deg) scale(1)}
.diagnostics-image .point-one{left:45%;top:51%}
.diagnostics-image .point-two{left:79%;top:76%}
@media(max-width:600px){
  .maintenance-image{width:83%;height:220px;right:1%;clip-path:polygon(13% 0,100% 0,93% calc(100% - 9px),0 100%)}
  .maintenance-image img{object-position:57% 55%}
  .diagnostics-image{left:16%;right:4%;height:211px}
  .diagnostics-image img{padding:17px 0 10px;transform:rotate(-3deg) scale(1)}
  .conversation-image img{object-position:65% 62%}
}
/* Keep the tyre paragraph on the coral side of the original diagonal print. */
@media(min-width:601px) and (max-width:1100px){
  .tyres-fold .service-copy p{max-width:70%}
}
/* Reserve both bumper edges for the existing small cover movement. */
@media(max-width:600px){
  .hero-car{width:100%;right:0}
}