.product-flow-background{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:.42;transition:opacity .5s ease}
.product-flow-track{position:absolute;inset:0 auto 0 0;height:100%;display:flex;width:max-content;animation:product-flow-left-right 54s linear infinite;will-change:transform}
.product-flow-group{position:relative;flex:0 0 4680px;height:100%}
.flow-product{position:absolute;left:var(--x);top:var(--y);width:210px;height:96px;display:grid;grid-template-columns:88px 1fr;align-items:center;gap:10px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55));transform:translateY(var(--lift,0)) rotate(var(--tilt,0deg))}
.flow-product img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.4))}
.flow-product>span{padding:8px 9px;border-left:2px solid rgba(232,255,50,.58);background:rgba(9,11,11,.48);backdrop-filter:blur(3px)}
.flow-product b,.flow-product small{display:block}
.flow-product b{font-size:11px;line-height:1.2;color:#f2f4ef}
.flow-product small{margin-top:4px;font-size:9px;letter-spacing:.12em;color:#e8ff32}
.hero-dark.is-safe .product-flow-track{animation-play-state:paused}
@keyframes product-flow-left-right{from{transform:translateX(-4680px)}to{transform:translateX(0)}}
@media(max-width:980px){.product-flow-background{opacity:.3}.product-flow-track{animation-duration:68s}}
@media(prefers-reduced-motion:reduce){.product-flow-track{animation:none!important;transform:translateX(-2340px)}}