.hpsteel-landing .hp-code em {
  display: block;
  margin-top: 8px;
  color: #8a8f91;
  font-size: .62rem;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.hpsteel-landing .hp-code em b {
  color: var(--hp-ink);
  font-size: .78rem;
  letter-spacing: 0;
}

.hpsteel-landing .hp-code__prefix {
  color: var(--hp-orange);
  font-weight: 800;
}

.hpsteel-landing .hp-code em b.lcase {
  text-transform:none;
}

.hpsteel-landing .hp-code:has(em b) {
  min-height: 104px;
}

.hpsteel-landing .hp-fitting-panel__image {
  display: grid;
  place-items: center;
  padding: clamp(22px, 4vw, 48px);
}

.hpsteel-landing .hp-fitting-panel__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity .14s ease, transform .28s ease;
}

.hpsteel-landing .hp-fitting-panel__image img.is-changing {
  opacity: 0;
  transform: translateY(5px);
}

.hpsteel-landing .hp-product__media {
  display: grid;
  place-items: center;
  padding: clamp(12px, 2.5vw, 32px);
  background: radial-gradient(circle at 55% 45%, #777 0, #505659 52%, #33383b 100%);
}

.hpsteel-landing .hp-product__media img {
  object-fit: contain;
}

h3#hp-size small {font-weight:bold;}

.hpsteel-landing .hp-product__title {
  flex-wrap: wrap;
}

.hpsteel-landing #hp-equiv {
  flex: 0 0 100%;
  margin-top: 14px;
  font-size: .8rem;
  line-height: 1.4;
  color: #73787a;
}

.hpsteel-landing #hp-equiv:empty {
  display: none;
}

@media (max-width: 600px) {
  .hpsteel-landing .hp-code-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 1240px) {
  .hp-checks{grid-template-columns:1fr}
}


@media (max-width: 600px) {
    .hp-performance__badge {
        inset: 12px 12px auto auto;
        width: 102px;
        height: 102px;
        left: 12px;
        bottom: 12px;
    }
    .hp-performance__badge strong {
        font-size: 1rem;
    }
    .hp-performance__badge span.fahren {
    font-size: 0.7rem;
    }
   .hp-performance__badge span {
    font-size: .58rem;
    } 
    .hp-performance__badge.badgepress {
    inset: auto auto 12px 12px;
    }
.hp-fitting-tabs {
    flex-direction: column;
}
.hp-visual img {
    aspect-ratio: 3 / 4;
    height: auto;
}
}