.yibo_certificate_showcase {
  overflow: hidden;
  padding: var(--component-gap) 0;
  background:var(--bg-color);
}

.yibo_certificate_showcase-head {
  margin: 0 auto;
  text-align: center;
}

.yibo_certificate_showcase-title {
  margin: 0;
  color: var(--title-text-color);
  font-family: var(--title-font-family);
  font-size: var(--title-size);
  font-weight: 500;
  line-height: 1.18;
}

.yibo_certificate_showcase-desc {
  margin: var(--text-gap-md) auto 0;
  color: var(--title-text-color);
  font-family: var(--font-family);
  font-size: var(--text-size);
  font-weight: 400;
  line-height: 1.6;
  width: 70%;
}

.yibo_certificate_showcase-desc :is(p) {
  margin: 0;
}

.yibo_certificate_showcase-desc strong {
  color: var(--color-primary);
  font-weight: 600;
}

.yibo_certificate_showcase-marquee {
  display: flex;
  flex-direction: column;
  gap: var(--component-gap-xs);
  margin-top: var(--component-gap);
}

.yibo_certificate_showcase-row {
  overflow: hidden;
}

.yibo_certificate_showcase-viewport {
  overflow: hidden;
}

.yibo_certificate_showcase-track {
  display: flex;
  align-items: stretch;
  width: max-content;
  gap: var(--component-gap-sm);
  will-change: transform;
  animation: yibo-certificate-marquee-left var(--marquee-duration, 28s) linear infinite;
}

.yibo_certificate_showcase-row.is-reverse .yibo_certificate_showcase-track {
  animation-name: yibo-certificate-marquee-right;
}

.yibo_certificate_showcase-row:hover .yibo_certificate_showcase-track,
.yibo_certificate_showcase-row:focus-within .yibo_certificate_showcase-track {
  animation-play-state: paused;
}

.yibo_certificate_showcase-card {
  flex: 0 0 auto;
  width: clamp(180px, 13.18vw, 280px);
  aspect-ratio: 311.4208 / 441.1795;
  overflow: hidden;
  background: #ffffff;
  transition: all 0.3s ease;
  background-image: url('https://okki-shop.oss-accelerate.aliyuncs.com/templates/shop-default/c8a869d1-26d1-4c1d-b267-1247f8c2c294-____1_1_1786351371379.png');
  background-size: 100%;
  padding: var(--text-gap-xs);
  background-position: center;
  background-repeat: no-repeat;
}

.yibo_certificate_showcase-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 38px rgba(22, 20, 19, 0.12);
}

.yibo_certificate_showcase-card.is-clone {
  pointer-events: none;
}

.yibo_certificate_showcase-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #ffffff;
}

@keyframes yibo-certificate-marquee-left {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes yibo-certificate-marquee-right {
  from {
    transform: translate3d(-50%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .yibo_certificate_showcase-track {
    animation: none;
    transform: none;
  }
}

@media (max-width: 1199px) {
  .yibo_certificate_showcase-card {
    width: clamp(160px, 24vw, 240px);
  }

  .yibo_certificate_showcase-desc {
    width: 90%;
  }
}

@media (max-width: 768px) {

}