.zl-t3d-section{position:relative;overflow:hidden;padding:56px 0 72px}
.zl-t3d-section .section-head{margin-bottom:32px;text-align:center}
.reviews-head h2.reviews-h2{
  color:#f0f0f0;
  -webkit-text-fill-color:#f0f0f0;
  background:none;
  animation:none;
}
.zl-t3d-stage{
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  height:min(480px, 68vh);
  min-height:360px;
  border:none;
  border-radius:0;
  background:transparent;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  perspective:480px;
  mask-image:linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image:linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}
.zl-t3d-scene{
  display:flex;
  flex-direction:row;
  align-items:stretch;
  gap:14px;
  transform:translate3d(0, 4px, 0) rotateX(12deg) rotateY(-4deg) rotateZ(6deg);
  transform-style:preserve-3d;
}
.zl-t3d-col{
  flex:0 0 auto;
  width:204px;
  height:100%;
  max-height:440px;
  overflow:hidden;
  padding:8px 0;
  --zl-t3d-gap:12px;
  --duration:38s;
  mask-image:linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
  -webkit-mask-image:linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
}
.zl-t3d-col .zl-marquee__track{
  display:flex;
  flex-direction:column;
  gap:var(--zl-t3d-gap);
  animation:zl-marquee-vertical var(--duration) linear infinite;
  will-change:transform;
}
.zl-t3d-col:hover .zl-marquee__track{animation-play-state:paused}
.zl-t3d-col--rev .zl-marquee__track{animation-direction:reverse}
.zl-t3d-card{
  flex-shrink:0;
  width:204px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:none;
  padding:14px 14px 16px;
}
.zl-t3d-card__head{display:flex;align-items:center;gap:10px}
.zl-t3d-card__av{
  width:36px;height:36px;border-radius:9999px;overflow:hidden;flex-shrink:0;
  background:rgba(255,255,255,.08);
}
.zl-t3d-card__av img{width:100%;height:100%;object-fit:cover;display:block}
.zl-t3d-card__name{font-size:13px;font-weight:600;color:#f0f0f0;line-height:1.25}
.zl-t3d-card__user{font-size:11px;color:rgba(255,255,255,.42);margin-top:2px}
.zl-t3d-card__body{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.72)}
@keyframes zl-marquee-vertical{
  from{transform:translateY(0)}
  to{transform:translateY(calc(-50% - var(--zl-t3d-gap) / 2))}
}
@media (max-width:720px){
  .zl-t3d-scene{transform:translate3d(0,0,0) rotateX(6deg) rotateY(0) rotateZ(0);gap:10px}
  .zl-t3d-col{width:168px}
  .zl-t3d-card{width:168px}
  .zl-t3d-stage{
    mask-image:linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
    -webkit-mask-image:linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
  }
}
@media (prefers-reduced-motion: reduce){
  .zl-t3d-col .zl-marquee__track{animation:none}
}
