@media (min-width:1100px){
  .api-step-service{background:#fff!important}
  .api-step-service .api-card{width:min(1500px,calc(100% - 72px))!important;max-width:none!important;margin:24px auto 64px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .api-step-service .api-card>h1{font-size:40px!important;line-height:1.08!important;letter-spacing:-1.35px!important;margin:0 0 6px!important}
  .api-step-service .api-location-name{font-size:18px!important;line-height:1.35!important;margin:0 0 24px!important;color:#7a8493!important}
  .api-step-service .api-service-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
  .api-step-service .api-service{min-height:0!important;border-radius:16px!important;background:#fff!important;border:1px solid #dfe5ed!important;box-shadow:0 5px 18px rgba(24,39,75,.035)!important;overflow:hidden!important}
  .api-step-service .api-service-main{position:relative!important;display:block!important;min-height:0!important;height:auto!important;padding:24px 24px 18px!important}
  .api-step-service .api-service-top{min-height:148px!important;height:auto!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}
  .api-step-service .api-service-identity{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;align-items:center!important;column-gap:22px!important;width:100%!important;min-width:0!important}
  .api-step-service .api-service-identity>img{width:220px!important;height:126px!important;max-width:none!important;object-fit:contain!important;grid-column:1!important}
  .api-step-service .api-service-identity h3{grid-column:2!important;font-size:27px!important;line-height:1.1!important;letter-spacing:-.45px!important;margin:0!important;align-self:start!important;padding-top:22px!important}
  .api-step-service .api-service-main>p{position:absolute!important;left:266px!important;right:58px!important;top:82px!important;margin:0!important;min-height:0!important;font-size:16px!important;line-height:1.45!important;color:#66758a!important;text-align:left!important}
  .api-step-service .api-chevron{font-size:30px!important;color:#aeb8c6!important;margin-top:18px!important}
  .api-step-service .api-prices{display:flex!important;gap:54px!important;margin:4px 0 0!important;padding-top:15px!important;border-top:1px solid #edf0f4!important;align-items:flex-end!important}
  .api-step-service .api-prices span{font-size:10px!important;letter-spacing:1px!important}
  .api-step-service .api-prices strong{font-size:28px!important;line-height:1.05!important}
  .api-step-service .api-prices em{position:relative!important;background:transparent!important;color:#239746!important;font-size:9px!important;line-height:1!important;padding:23px 0 0!important;min-width:78px!important}
  .api-step-service .api-prices em:before{content:'BEST VALUE'!important;position:absolute!important;left:0!important;top:0!important;background:#269a49!important;color:#fff!important;border-radius:4px!important;padding:5px 8px!important;font-size:9px!important;line-height:1!important;font-weight:900!important;letter-spacing:.4px!important;white-space:nowrap!important}
  .api-step-service .api-details-link{width:calc(100% - 48px)!important;margin:0 24px 20px!important;padding:11px 14px!important;border-radius:9px!important;font-size:14px!important}
  .api-step-service .api-rotating-images{width:220px!important;min-height:126px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;grid-column:1!important}
  .api-step-service .api-rotating-images img{width:92px!important;height:70px!important}
  .api-step-service .api-pill{left:24px!important;top:12px!important}
  .api-step-service .api-pill+.api-service-main{padding-top:48px!important}

  /* Rotating uses two vehicle images. Keep its copy in the same dedicated right-hand
     column as the other cards instead of allowing the generic absolute paragraph rule
     to push it outside the card. */
  .api-step-service .api-service:has(.api-rotating-images) .api-service-top{min-height:148px!important}
  .api-step-service .api-service:has(.api-rotating-images) .api-service-identity{grid-template-columns:220px minmax(0,1fr)!important;align-items:start!important}
  .api-step-service .api-service:has(.api-rotating-images) .api-service-identity h3{grid-column:2!important;grid-row:1!important;padding-top:28px!important;align-self:start!important}
  .api-step-service .api-service:has(.api-rotating-images) .api-service-main>p{left:266px!important;right:58px!important;top:96px!important;width:auto!important;max-width:none!important;margin:0!important;line-height:1.45!important;white-space:normal!important}
  .api-step-service .api-service:has(.api-rotating-images) .api-chevron{position:absolute!important;right:24px!important;top:56px!important;margin:0!important}
}

@media (min-width:1100px) and (max-width:1280px){
  .api-step-service .api-card{width:min(1180px,calc(100% - 56px))!important}
  .api-step-service .api-service-identity{grid-template-columns:180px minmax(0,1fr)!important}
  .api-step-service .api-service-identity>img{width:180px!important;height:110px!important}
  .api-step-service .api-service-main>p{left:222px!important;top:78px!important}
  .api-step-service .api-service-identity h3{font-size:25px!important}
  .api-step-service .api-service:has(.api-rotating-images) .api-service-identity{grid-template-columns:180px minmax(0,1fr)!important}
  .api-step-service .api-service:has(.api-rotating-images) .api-rotating-images{width:180px!important}
  .api-step-service .api-service:has(.api-rotating-images) .api-service-main>p{left:222px!important;right:50px!important}
}