/* Shared template labels are data-driven rather than product-position driven. */
html body.arta-pdp-shared .arta-pdp-facts span::before {
  content: attr(data-label) !important;
}

html body.arta-pdp-shared .arta-pdp-related {
  width: var(--arta-rail);
  margin: 0 auto;
  padding: clamp(56px, 8vw, 112px) 0;
}

html body.arta-pdp-shared .arta-pdp-related__title {
  margin: 0 0 28px;
  font-size: clamp(24px, 2.5vw, 38px);
  font-weight: 500;
  letter-spacing: -.04em;
  text-transform: uppercase;
}

html body.arta-pdp-shared .arta-pdp-related__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 1.5vw, 24px);
}

html body.arta-pdp-shared .arta-pdp-related__card {
  color: inherit;
  text-decoration: none;
}

html body.arta-pdp-shared .arta-pdp-related__card img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

html body.arta-pdp-shared .arta-pdp-related__card small,
html body.arta-pdp-shared .arta-pdp-related__card strong {
  display: block;
}

html body.arta-pdp-shared .arta-pdp-related__card small {
  margin-top: 12px;
  color: var(--arta-muted);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html body.arta-pdp-shared .arta-pdp-related__card strong {
  margin-top: 4px;
  font-size: 15px;
  font-weight: 500;
}

@media (max-width: 767px) {
  html body.arta-pdp-shared .arta-pdp-related { padding: 58px 0; }
  html body.arta-pdp-shared .arta-pdp-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
}