/* V103: recognisable archived product photography on legacy-search destinations. */
.legacy-product-hero {
  align-self: center;
}

.legacy-reference-label {
  color: #1267f3;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.legacy-hero-collage {
  background: #eef3f9;
  border: 1px solid rgba(7, 26, 61, 0.13);
  border-radius: 24px;
  display: grid;
  gap: 12px;
  min-height: 510px;
  overflow: hidden;
  padding: 14px;
}

.legacy-hero-collage--cayin {
  grid-template-columns: minmax(0, 1.45fr) minmax(170px, 0.55fr);
  grid-template-rows: 1fr 1fr;
}

.legacy-hero-collage--library {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.legacy-hero-collage .legacy-collage-primary {
  grid-row: 1 / -1;
}

.product-hero-visual .legacy-hero-collage img,
.guide-hero-visual .legacy-hero-collage img {
  aspect-ratio: auto !important;
  background: #fff;
  border: 0 !important;
  border-radius: 15px !important;
  filter: none !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  transform: none !important;
  width: 100% !important;
}

.legacy-product-hero:hover .legacy-hero-collage img {
  filter: none !important;
  transform: none !important;
}

@media (max-width: 760px) {
  .legacy-hero-collage {
    gap: 8px;
    min-height: 380px;
    padding: 9px;
  }

  .legacy-hero-collage--cayin {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1.35fr 0.65fr;
  }

  .legacy-hero-collage .legacy-collage-primary {
    grid-column: 1 / -1;
    grid-row: auto;
  }
}