.eva-related {
  padding-top: max(calc(var(--eva-pt, 160) * 0.3px), min(calc(var(--eva-pt, 160) * 1px), calc(var(--eva-pt, 160) / 19.2 * 1vw)));
  padding-bottom: max(calc(var(--eva-pb, 120) * 0.4px), min(calc(var(--eva-pb, 120) * 1px), calc(var(--eva-pb, 120) / 19.2 * 1vw)));
}
.eva-related[hidden] { display: none; }
eva-related { display: block; }
.eva-related__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 40px;
}
.eva-related__arrows { display: flex; gap: 32px; }
.eva-related__track { margin: 0; padding: 0; list-style: none; }
.eva-related__slide { min-width: 0; }

.eva-related__slide .eva-card__media svg { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0.4; }
.eva-related .eva-carousel__progress { width: min(360px, 50%); height: 4px; margin-top: 40px; background: rgba(43, 70, 51, 0.1); }

@media (max-width: 959px) {
  .eva-related__inner { padding-inline: 0; }
  .eva-related__head { margin-bottom: 24px; padding-inline: var(--eva-gutter); }
  .eva-related__head .eva-h2 { font-size: 28px; }
  .eva-related__arrows { display: none; }
  .eva-related__track {
    --eva-slide-w: 56%;
    --eva-slide-gap: 4px;
    padding-inline: var(--eva-gutter);
    scroll-padding-inline: var(--eva-gutter);
  }
  /* Mobile card per Figma 717:11945: 18px title, 12px subtitle, 14px price, 15px ATC bar */
  .eva-related .eva-card__body { gap: 6px; padding: 10px 10px 0; }
  .eva-related .eva-card__title { font-size: 18px; }
  .eva-related .eva-card__subtitle { margin: 0; font-size: 12px; line-height: 16px; }
  .eva-related .eva-card__price { font-size: 14px; }
  .eva-related .eva-card__actions { padding-top: 12px; }
  .eva-related .eva-card__atc { min-height: 38px; font-size: 15px; }
  .eva-related .eva-carousel__progress { margin-top: 28px; }
}