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

.tie-rod-ends-page .control-arm-xray-ghost {
  opacity: .32;
  filter: grayscale(.58) brightness(.66) contrast(1.08);
}

.tie-rod-ends-page .control-arm-base-ghost {
  opacity: .08;
}

.tie-rod-ends-page .suspension-hero-point--front {
  left: 41%;
  top: 74%;
}

.tie-rod-ends-page .suspension-hero-point--front span {
  left: auto;
  right: 24px;
  transform: none;
}

.tie-rod-ends-page .control-arm-layer--front {
  mask-image: radial-gradient(ellipse 12% 20% at 41% 74%, #000 54%, transparent 82%);
}

.tie-rod-ends-page .control-arm-layer--rear {
  mask-image: radial-gradient(ellipse 24% 15% at 35% 72%, #000 54%, transparent 82%);
}

.tie-rod-ends-page .control-arm-exploded-scene[data-focus="front"] {
  --ed-focus-x: 41%;
  --ed-focus-y: 74%;
}

.tie-rod-ends-page .control-arm-exploded-scene[data-focus="rear"] {
  --ed-focus-x: 35%;
  --ed-focus-y: 72%;
}

.tie-rod-ends-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) {
  .tie-rod-ends-page .repair-hero-point span {
    display: block;
    max-width: 155px;
    white-space: normal;
    line-height: 1.18;
  }

  .tie-rod-ends-page .suspension-hero-point--front span {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}

@media (max-width: 680px) {
  .tie-rod-ends-page .sd-hero h1 {
    font-size: clamp(30px, 8.7vw, 38px);
  }
}