/*
 * RoboMecs P4B.3H — Related Card Hero Thumbnails
 * Version V6.4.25
 * Scope: existing Related Solutions / Related Services / Related Industries cards only.
 * Rule: preserve existing card outer dimensions; use destination Hero media as a compact
 * internal thumbnail at inline-end (right in EN, naturally mirrored in RTL).
 */

.solution-related-links > a.rm-related-card-has-thumb,
.service-related-links > a.rm-related-card-has-thumb,
.industry-related > a.rm-related-card-has-thumb {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding-inline-end: 34% !important;
}

.solution-related-links > a.rm-related-card-has-thumb > small,
.solution-related-links > a.rm-related-card-has-thumb > strong,
.solution-related-links > a.rm-related-card-has-thumb > span:not(.rm-related-card-thumb),
.service-related-links > a.rm-related-card-has-thumb > small,
.service-related-links > a.rm-related-card-has-thumb > strong,
.service-related-links > a.rm-related-card-has-thumb > span:not(.rm-related-card-thumb),
.industry-related > a.rm-related-card-has-thumb > small,
.industry-related > a.rm-related-card-has-thumb > strong,
.industry-related > a.rm-related-card-has-thumb > span:not(.rm-related-card-thumb) {
  position: relative;
  z-index: 2;
}

.rm-related-card-thumb {
  position: absolute;
  z-index: 1;
  inset-block: 13px;
  inset-inline-end: 13px;
  inline-size: 27%;
  overflow: hidden;
  border-radius: 11px;
  background: #eef0f4;
  border: 1px solid rgba(0, 0, 97, .08);
  pointer-events: none;
}

.rm-related-card-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,71,.04), transparent 34%);
  pointer-events: none;
}

.rm-related-card-thumb img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .28s ease, filter .28s ease;
}

:is(.solution-related-links, .service-related-links, .industry-related) > a.rm-related-card-has-thumb:hover .rm-related-card-thumb img,
:is(.solution-related-links, .service-related-links, .industry-related) > a.rm-related-card-has-thumb:focus-visible .rm-related-card-thumb img {
  transform: scale(1.035);
  filter: saturate(1.04) contrast(1.02);
}

html[dir="rtl"] .rm-related-card-thumb::after {
  background: linear-gradient(270deg, rgba(0,0,71,.04), transparent 34%);
}

@media (max-width: 760px) {
  .solution-related-links > a.rm-related-card-has-thumb,
  .service-related-links > a.rm-related-card-has-thumb,
  .industry-related > a.rm-related-card-has-thumb {
    padding-inline-end: 36% !important;
  }
  .rm-related-card-thumb {
    inline-size: 29%;
    inset-block: 11px;
    inset-inline-end: 11px;
    border-radius: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rm-related-card-thumb img { transition: none; }
  :is(.solution-related-links, .service-related-links, .industry-related) > a.rm-related-card-has-thumb:hover .rm-related-card-thumb img,
  :is(.solution-related-links, .service-related-links, .industry-related) > a.rm-related-card-has-thumb:focus-visible .rm-related-card-thumb img {
    transform: none;
  }
}