.mx3006-tested {
  overflow: hidden;
  padding: 70px 0 22px;
  background: #fff;
  color: #080808;
  text-align: center;
}

.mx3006-tested * { box-sizing: border-box; }

.mx3006-tested h2 {
  margin: 0 20px 38px;
  font-size: 58px;
  font-weight: 900;
  line-height: 1;
}

.mx3006-tested h2 span { color: #fbc100; }

.mx3006-tested__viewport {
  width: 100%;
  overflow: hidden;
  scrollbar-width: none;
}

.mx3006-tested__viewport::-webkit-scrollbar { display: none; }

.mx3006-tested__track {
  display: flex;
  width: max-content;
  gap: 14px;
  will-change: transform;
}

.mx3006-tested__track[data-loop-ready="true"] {
  animation: mx3006-tested-scroll 42s linear infinite;
}

.mx3006-tested__viewport:hover .mx3006-tested__track,
.mx3006-tested__viewport:focus-within .mx3006-tested__track,
.mx3006-tested__viewport.is-interacting .mx3006-tested__track { animation-play-state: paused; }

.mx3006-tested__image {
  flex: 0 0 260px;
  width: 260px;
  height: 260px;
  overflow: hidden;
  border-radius: 8px;
  background: #f2eee8;
}

.mx3006-tested__image img,
.mx3006-tested__image picture {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mx3006-tested__image--mobile { display: none; }

.mx3006-tested__rating {
  display: flex;
  margin-top: 28px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
}

.mx3006-tested__rating span { color: #fbc100; }
.mx3006-tested__trust { margin: 9px 0 0; color: #687068; font-size: 12px; }

@keyframes mx3006-tested-scroll { to { transform: translateX(calc(-50% - 7px)); } }

@media (max-width: 749px) {
  .mx3006-tested { padding-top: 44px; }
  .mx3006-tested h2 { margin-bottom: 24px; font-size: 36px; }
  .mx3006-tested__viewport { overflow-x: auto; overscroll-behavior-inline: contain; touch-action: pan-x pan-y; }
  .mx3006-tested__track { gap: 10px; }
  .mx3006-tested__track[data-loop-ready="true"] { animation-duration: 34s; }
  .mx3006-tested__image { flex-basis: 180px; width: 180px; height: 180px; }
  .mx3006-tested__image--desktop { display: none; }
  .mx3006-tested__image--mobile { display: block; }
  .mx3006-tested__rating { margin-top: 22px; }
}

@media (max-width: 749px) {
  @keyframes mx3006-tested-scroll { to { transform: translateX(calc(-50% - 5px)); } }
}

@media (prefers-reduced-motion: reduce) {
  .mx3006-tested__track { animation: none; }
  .mx3006-tested__viewport { overflow-x: auto; }
}