.scrollbooster-viewport {
    cursor: grab;
    overflow-x: auto;
    overflow-y: hidden;
}

/* скрыть scrollbar */
.scrollbooster-viewport::-webkit-scrollbar {
    display: none;
}

/* для Firefox */
.scrollbooster-viewport {
    scrollbar-width: none;
}

/* ===== карточка: класс вешать на SHAPE в Zero Block ===== */
.t396__elem.glow-card {
  z-index: 1;
}

.t396__elem.glow-card .tn-atom {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background:
    radial-gradient(circle at 18% 82%, rgba(255, 82, 0, 0.14), transparent 30%),
    linear-gradient(180deg, #0b0b0b 0%, #050505 100%) !important;
  border: 1px solid rgba(255, 100, 0, 0.10) !important;
  isolation: isolate;
}

/* вращающийся градиент */
.t396__elem.glow-card .tn-atom::before {
  content: "";
  position: absolute;
  inset: -35%;
  border-radius: 50%;
  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    transparent 35deg,
    rgba(255, 98, 0, 0.95) 55deg,
    rgba(255, 160, 0, 1) 78deg,
    rgba(255, 98, 0, 0.55) 96deg,
    transparent 120deg,
    transparent 220deg,
    rgba(255, 98, 0, 0.88) 300deg,
    rgba(255, 160, 0, 1) 328deg,
    rgba(255, 98, 0, 0.45) 346deg,
    transparent 360deg
  );
  animation: glowCircle 6s linear infinite;
  transform-origin: center center;
  z-index: 0;
  pointer-events: none;
}

/* внутренний слой, который оставляет только тонкую рамку */
.t396__elem.glow-card .tn-atom::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 9px;
  background:
    radial-gradient(circle at 18% 82%, rgba(255, 82, 0, 0.12), transparent 30%),
    linear-gradient(180deg, #0b0b0b 0%, #050505 100%);
  z-index: 1;
  pointer-events: none;
}

/* чтобы текст и иконки были выше */
.t396__elem.glow-content {
  z-index: 5 !important;
}

.t396__elem.glow-content .tn-atom {
  position: relative;
  z-index: 5;
}

/* индивидуальная скорость */
.t396__elem.card-1 .tn-atom::before { animation-duration: 5.8s; }
.t396__elem.card-2 .tn-atom::before { animation-duration: 6.6s; animation-direction: reverse; }
.t396__elem.card-3 .tn-atom::before { animation-duration: 7.2s; }
.t396__elem.card-4 .tn-atom::before { animation-duration: 6.1s; animation-direction: reverse; }
.t396__elem.card-5 .tn-atom::before { animation-duration: 7.8s; }
.t396__elem.card-6 .tn-atom::before { animation-duration: 6.9s; animation-direction: reverse; }

@keyframes glowCircle {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
</style>