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

.silentblocks-page .suspension-hero-point span {
  white-space: normal;
  line-height: 1.15;
}

.silentblocks-page .control-arm-frame {
  transition: opacity .65s ease, filter .65s ease;
}

.silentblocks-page .control-arm-frame--base {
  opacity: 1;
  filter: brightness(1);
  animation: silentblock-base-cycle 10s ease-in-out infinite;
}

.silentblocks-page .control-arm-frame--xray {
  opacity: 0;
  filter: saturate(.92) contrast(1.08) brightness(1.06) drop-shadow(0 0 14px rgba(242,13,22,.2));
  animation: silentblock-xray-cycle 10s ease-in-out infinite;
}

.silentblocks-page [data-silentblock-xray-state="base"] {
  animation: silentblock-base-selector-cycle 10s ease-in-out infinite;
}

.silentblocks-page [data-silentblock-xray-state="xray"] {
  animation: silentblock-xray-selector-cycle 10s ease-in-out infinite;
}

.silentblocks-page [data-control-arm-hero].is-manual-base .control-arm-frame--base,
.silentblocks-page [data-control-arm-hero].is-manual-xray .control-arm-frame--base,
.silentblocks-page [data-control-arm-hero].is-manual-base .control-arm-frame--xray,
.silentblocks-page [data-control-arm-hero].is-manual-xray .control-arm-frame--xray,
.silentblocks-page [data-control-arm-hero].is-manual-base [data-silentblock-xray-state],
.silentblocks-page [data-control-arm-hero].is-manual-xray [data-silentblock-xray-state] {
  animation: none;
}

.silentblocks-page [data-control-arm-hero].is-manual-xray .control-arm-frame--base {
  opacity: .09;
  filter: grayscale(.55) brightness(.5);
}

.silentblocks-page [data-control-arm-hero].is-manual-xray .control-arm-frame--xray {
  opacity: 1;
}

.silentblocks-page [data-control-arm-hero].is-manual-base .control-arm-frame--base {
  opacity: 1;
  filter: brightness(1);
}

.silentblocks-page [data-control-arm-hero].is-manual-base .control-arm-frame--xray {
  opacity: 0;
}

@keyframes silentblock-base-cycle {
  0%, 44% { opacity: 1; filter: brightness(1); }
  50%, 94% { opacity: .09; filter: grayscale(.55) brightness(.5); }
  100% { opacity: 1; filter: brightness(1); }
}

@keyframes silentblock-xray-cycle {
  0%, 44% { opacity: 0; }
  50%, 94% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes silentblock-base-selector-cycle {
  0%, 44% { opacity: 1; transform: scale(1); }
  50%, 94% { opacity: .72; transform: scale(.84); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes silentblock-xray-selector-cycle {
  0%, 44% { opacity: .72; transform: scale(.84); }
  50%, 94% { opacity: 1; transform: scale(1); }
  100% { opacity: .72; transform: scale(.84); }
}

.silentblocks-page .control-arm-exploded .control-arm-base-ghost {
  opacity: .07;
  filter: grayscale(.7) brightness(.46);
}

.silentblocks-page .control-arm-exploded .control-arm-xray-ghost {
  opacity: 0;
  filter: saturate(.82) contrast(1.14) brightness(.8) drop-shadow(0 0 18px rgba(242,13,22,.18));
  transform: scale(.985);
  transition: opacity .7s ease, filter .7s ease, transform .7s ease;
}

.silentblocks-page .control-arm-exploded.is-xray-intro .control-arm-base-ghost {
  opacity: .035;
}

.silentblocks-page .control-arm-exploded.is-xray-intro .control-arm-xray-ghost {
  opacity: .86;
  filter: saturate(.95) contrast(1.18) brightness(1.02) drop-shadow(0 0 24px rgba(242,13,22,.3));
  transform: scale(1);
}

.silentblocks-page .control-arm-exploded.is-xray-intro .control-arm-layer {
  opacity: 0;
}

.silentblocks-page .control-arm-exploded.is-ready .control-arm-xray-ghost {
  opacity: .52;
  filter: saturate(.78) contrast(1.14) brightness(.78) drop-shadow(0 0 18px rgba(242,13,22,.2));
  transform: scale(1);
}

.silentblocks-page .control-arm-exploded-scene[data-focus]:not([data-focus="overview"]) .control-arm-xray-ghost {
  opacity: .38;
  filter: grayscale(.45) contrast(1.1) brightness(.7);
}

.silentblocks-page .control-arm-exploded-scene[data-focus]:not([data-focus="overview"]) .control-arm-base-ghost {
  opacity: .03;
}

@media (max-width: 680px) {
  .silentblocks-page .repair-hero-point span {
    display: block;
    top: 28px;
    min-width: 112px;
    padding: 6px 8px;
    font-size: 9px;
  }

  .silentblocks-page .sd-section h2,
  .silentblocks-page .sd-process h2,
  .silentblocks-page .sd-booking h2 {
    font-size: clamp(32px, 9vw, 39px);
    letter-spacing: -.035em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .silentblocks-page .control-arm-frame,
  .silentblocks-page [data-silentblock-xray-state],
  .silentblocks-page .control-arm-exploded .control-arm-xray-ghost {
    animation: none;
    transition: none;
  }
}