/* ==========================================================================
   Replacement & Spare Parts (inc/datasheet-parts.php): the parts Upton
   carries, as photos and names. Nothing to pick or count; the page's
   Request parts button and phone number cover every part.
   ========================================================================== */
.spare-parts__list {
  display: grid;
  gap: var(--kdl-space-6) var(--kdl-space-5);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 760px) {
  .spare-parts__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.spare-part {
  margin: 0;
  scroll-margin-top: 140px;
}
.spare-part__photo {
  aspect-ratio: 5 / 4;
  background: var(--kdl-surface-raised);
  border: 1px solid var(--kdl-border-subtle);
  border-radius: var(--kdl-radius-sm);
  overflow: hidden;
}
.spare-part__img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
/* Arriving from a furnace page's spare parts strip. */
.spare-part:target .spare-part__photo {
  border-color: var(--kdl-copper-500);
  box-shadow: 0 0 0 1px var(--kdl-copper-500);
}
.spare-parts .spare-part__name {
  color: var(--kdl-text-strong);
  font: 600 var(--kdl-fs-body) / 1.35 var(--kdl-font-sans);
  letter-spacing: 0;
  margin: var(--kdl-space-3) 0 0;
  text-transform: none;
}
.spare-part__fits {
  color: var(--kdl-text-default);
  font-size: var(--kdl-fs-small);
  line-height: 1.45;
  margin: var(--kdl-space-1) 0 0;
}
.spare-part__fits a {
  color: var(--kdl-text-strong);
  text-decoration-color: var(--kdl-copper-500);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
@media (forced-colors: active) {
  .spare-part__photo {
    border-color: CanvasText;
  }
  .spare-part:target .spare-part__photo {
    border-color: Highlight;
  }
}
@media print {
  .spare-parts__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}