.suspension-springs-page .sd-hero h1,
.suspension-springs-page .sd-section h2,
.suspension-springs-page .sd-process h2,
.suspension-springs-page .sd-booking h2 {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.suspension-springs-page .control-arm-xray-ghost {
  opacity: .32;
  filter: grayscale(.55) brightness(.68) contrast(1.08);
}

.suspension-springs-page .control-arm-base-ghost {
  opacity: .08;
}

.suspension-springs-page .suspension-hero-point--front {
  left: 43%;
  top: 51%;
}

.suspension-springs-page .suspension-hero-point--rear {
  left: 85%;
  top: 40%;
}

.suspension-springs-page .control-arm-layer--front {
  mask-image: radial-gradient(ellipse 19% 34% at 43% 51%, #000 54%, transparent 82%);
}

.suspension-springs-page .control-arm-layer--rear {
  mask-image: radial-gradient(ellipse 31% 34% at 75% 40%, #000 54%, transparent 82%);
}

.suspension-springs-page .control-arm-exploded-scene[data-focus="front"] {
  --ed-focus-x: 43%;
  --ed-focus-y: 51%;
}

.suspension-springs-page .control-arm-exploded-scene[data-focus="rear"] {
  --ed-focus-x: 75%;
  --ed-focus-y: 40%;
}

.suspension-springs-page .control-arm-exploded-scene[data-focus]:not([data-focus="overview"]) .control-arm-xray-ghost {
  opacity: .12;
  filter: grayscale(.9) brightness(.46);
}

@media (max-width: 760px) {
  .suspension-springs-page .repair-hero-point span {
    display: block;
    max-width: 135px;
    white-space: normal;
    line-height: 1.18;
  }
}

@media (max-width: 680px) {
  .suspension-springs-page .sd-hero h1 {
    font-size: clamp(32px, 9.4vw, 40px);
  }
}