/* Requested refinements. Load after the generated reference.css. */
.benefit > svg {
  width: 32px;
  height: 32px;
}

@media (min-width: 1001px) {
  .results {
    height: auto;
    padding-bottom: clamp(80px, 8vw, 128px);
  }

  .results-track {
    --results-photo-height: clamp(480px, 46vw, 720px);
    position: relative;
    top: auto;
    margin-top: 32px;
    padding-inline: 5.57142857vw;
    scroll-padding-inline: 5.57142857vw;
    gap: 24px;
  }

  .results .result-card {
    flex: 0 0 auto;
    width: auto;
    height: auto;
    aspect-ratio: auto;
  }

  .results .inline-comparison-stage {
    width: auto;
    height: var(--results-photo-height);
  }

  .results .inline-comparison-stage .comparison {
    width: auto;
    max-width: none;
    height: 100%;
  }

  .results .result-card > img {
    width: auto;
    max-width: none;
    height: var(--results-photo-height);
  }
}

/* One consistent tone for address, opening-hours and phone labels. */
.contacts .contact-item:nth-child(n) > span {
  color: #676767;
}