.idhrv{
  --idhrv-card:372px;
  --idhrv-gap:20px;
  --idhrv-speed:60s;
  --idhrv-card-bg:#FFFFFF;
  --idhrv-text:#4E5260;
  --idhrv-name:#0B0D1F;
  --idhrv-star:#00B67A;
  --idhrv-radius:16px;

  display:flex;
  flex-direction:column;
  gap:var(--idhrv-gap);
  width:100%;
  overflow:hidden;
}

.idhrv--fade{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}

.idhrv__row{
  overflow:hidden;
}

.idhrv__track{
  display:flex;
  flex-wrap:nowrap;
  gap:var(--idhrv-gap);
  width:max-content;
  padding-block:6px;
  will-change:transform;
}

.idhrv__row--left .idhrv__track{
  animation:idhrv-left var(--idhrv-speed) linear infinite;
}
.idhrv__row--right .idhrv__track{
  animation:idhrv-right var(--idhrv-speed) linear infinite;
}

/* Sporet indeholder listen to gange — halvvejs er vi tilbage ved start. */
@keyframes idhrv-left{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-50% - var(--idhrv-gap) / 2),0,0)}
}
@keyframes idhrv-right{
  from{transform:translate3d(calc(-50% - var(--idhrv-gap) / 2),0,0)}
  to{transform:translate3d(0,0,0)}
}

.idhrv--pause:hover .idhrv__track,
.idhrv--pause:focus-within .idhrv__track{
  animation-play-state:paused;
}

@media (prefers-reduced-motion:reduce){
  .idhrv__track{animation:none!important;transform:none!important}
  .idhrv__row{overflow-x:auto;scrollbar-width:thin}
}

/* ---------- kort ---------- */
.idhrv__card{
  flex:0 0 var(--idhrv-card);
  width:var(--idhrv-card);
  box-sizing:border-box;
  margin:0;
  padding:22px 24px 20px;
  border-radius:var(--idhrv-radius);
  background:var(--idhrv-card-bg);
  box-shadow:0 2px 14px rgba(11,13,31,.07);
  display:flex;
  flex-direction:column;
  gap:14px;
}

.idhrv__head{
  display:flex;
  align-items:center;
  gap:10px;
}

.idhrv__avatar{
  flex:none;
  width:34px;
  height:34px;
  border-radius:50%;
  object-fit:cover;
  display:block;
}

.idhrv__name{
  font-size:14px;
  font-weight:700;
  line-height:1.3;
  color:var(--idhrv-name);
}

.idhrv__text{
  margin:0;
  font-size:14px;
  line-height:22px;
  color:var(--idhrv-text);
  quotes:none;
}

.idhrv__stars{
  display:inline-flex;
  gap:3px;
  margin-top:auto;
}
.idhrv__star{
  display:block;
  width:18px;
  height:18px;
}
.idhrv__star svg{
  display:block;
  width:100%;
  height:100%;
  fill:#DFE3EA;
}
.idhrv__star.is-on svg{fill:var(--idhrv-star)}

@media (max-width:767px){
  .idhrv{--idhrv-card:290px;--idhrv-gap:14px}
  .idhrv__card{padding:18px 18px 16px}
}