.beps-rm-wrapper {
overflow: hidden;
padding: 20px 0;
width: 100%;
position: relative;
} .beps-rm-track {
display: flex;
gap: var(--beps-rm-gap, 20px);
width: max-content; animation: beps-rm-scroll var(--beps-rm-speed, 40s) linear infinite; animation-delay: -10s;
will-change: transform;
} .beps-rm-wrapper[data-pause="true"]:hover .beps-rm-track {
animation-play-state: paused;
}
@keyframes beps-rm-scroll {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
} .beps-rm-card {
background: #ffffff;
border: 1px solid #e8e8e8;
border-radius: 25px;
padding: 28px 30px;
min-width: 340px;
max-width: 340px;
flex-shrink: 0;
display: flex;
flex-direction: column;
gap: 10px;
box-sizing: border-box;
} .beps-rm-author {
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
line-height: 1.3;
} .beps-rm-stars {
display: flex;
align-items: center;
gap: 6px;
}
.beps-rm-stars-icons {
display: flex;
align-items: center;
gap: 2px;
}
.beps-rm-star {
font-size: 15px;
line-height: 1;
color: #d1d5db;
}
.beps-rm-star.filled {
color: #f59e0b;
}
.beps-rm-rating-count {
font-size: 12px;
color: #888888;
line-height: 1;
margin-left: 2px;
} .beps-rm-product {
line-height: 1.4;
}
.beps-rm-product a {
color: #1a1a1a;
font-size: 13px;
font-style: italic;
text-decoration: underline;
text-underline-offset: 3px;
transition: opacity 0.2s ease;
}
.beps-rm-product a:hover {
opacity: 0.65;
} .beps-rm-text {
font-size: 14px;
color: #555555;
line-height: 1.65;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--beps-rm-lines, 3);
} .beps-rm-mobile-wrapper { display: none; }
@media (max-width: 767px) { .beps-rm-wrapper { display: none !important; } .beps-rm-mobile-wrapper { display: block; } .beps-rm-mobile-track {
display: flex;
overflow-x: scroll;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding: 4px 0; scroll-padding-left: var(--beps-rm-mobile-offset, 0px);
}
.beps-rm-mobile-track::-webkit-scrollbar { display: none; } .beps-rm-mobile-track::after {
content: '';
min-width: var(--beps-rm-mobile-offset, 0px);
display: block;
flex-shrink: 0;
} .beps-rm-mobile-track .beps-rm-card {
scroll-snap-align: start;
min-width: calc((100% - var(--beps-rm-mobile-offset, 0px) * 2) / var(--beps-rm-mobile-cpv, 1));
max-width: calc((100% - var(--beps-rm-mobile-offset, 0px) * 2) / var(--beps-rm-mobile-cpv, 1));
flex-shrink: 0;
} .beps-rm-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
margin-top: 16px;
}
.beps-rm-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #d0d0d0;
transition: width 0.25s ease, border-radius 0.25s ease, background 0.25s ease;
flex-shrink: 0;
}
.beps-rm-dot.active {
width: 24px;
border-radius: 4px;
background: #141436;
}
}