/* Final targeted Rotating card layout fix. Loaded last so it owns the desktop card geometry. */
@media (min-width:1100px){
  .api-step-service .api-service:has(.api-rotating-images) .api-service-main{
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr) 34px!important;
    grid-template-rows:58px 90px auto!important;
    column-gap:24px!important;
    padding:48px 24px 18px!important;
    position:relative!important;
  }
  .api-step-service .api-service:has(.api-rotating-images) .api-service-top{display:contents!important;min-height:0!important}
  .api-step-service .api-service:has(.api-rotating-images) .api-service-identity{display:contents!important}
  .api-step-service .api-service:has(.api-rotating-images) .api-rotating-images{
    grid-column:1!important;grid-row:1 / 3!important;width:220px!important;min-height:148px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important
  }
  .api-step-service .api-service:has(.api-rotating-images) .api-service-identity h3{
    grid-column:2!important;grid-row:1!important;align-self:end!important;padding:0!important;margin:0!important;
    font-size:27px!important;line-height:1.1!important;white-space:nowrap!important
  }
  .api-step-service .api-service:has(.api-rotating-images) .api-chevron{
    grid-column:3!important;grid-row:1 / 3!important;align-self:center!important;justify-self:end!important;
    position:static!important;margin:0!important
  }
  .api-step-service .api-service:has(.api-rotating-images) .api-service-main>p{
    position:static!important;grid-column:2!important;grid-row:2!important;align-self:start!important;
    width:auto!important;max-width:430px!important;margin:12px 0 0!important;min-height:0!important;
    font-size:16px!important;line-height:1.45!important;color:#66758a!important;white-space:normal!important
  }
  .api-step-service .api-service:has(.api-rotating-images) .api-prices{
    grid-column:1 / 4!important;grid-row:3!important;width:100%!important;margin:8px 0 0!important;padding-top:15px!important
  }
}

@media (min-width:1100px) and (max-width:1280px){
  .api-step-service .api-service:has(.api-rotating-images) .api-service-main{grid-template-columns:180px minmax(0,1fr) 30px!important;column-gap:20px!important}
  .api-step-service .api-service:has(.api-rotating-images) .api-rotating-images{width:180px!important}
}

/* Clear feedback whenever an API request is in flight. */
.api-loading{display:flex!important;align-items:center!important;gap:10px!important;font-weight:750!important;color:#64748b!important}
.api-spinner{display:inline-block;width:20px;height:20px;box-sizing:border-box;border:3px solid #dbe5ff;border-top-color:#4b7bf5;border-radius:50%;animation:api-spin .72s linear infinite;flex:0 0 auto}
@keyframes api-spin{to{transform:rotate(360deg)}}
.api-location-row:disabled{cursor:wait;opacity:.68}
@media (prefers-reduced-motion:reduce){.api-spinner{animation-duration:1.8s}}