.sahand-topbar::before {
content: "";
position: absolute;
width: 120px;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255,255,255,.12),
transparent
);
transform: skewX(-20deg);
animation: shine 4s infinite;
pointer-events: none;
}

.sahand-topbar-track {
display: flex;
width: max-content;
white-space: nowrap;
animation: sahandMove 35s linear infinite;
}

.sahand-topbar-item {
display: inline-flex;
align-items: center;
margin-left: 55px;
font-size: 13px;
font-weight: 500;
}

.sahand-topbar-item strong {
color: #ffd43b;
margin-left: 5px;
}

.sahand-topbar-item .icon {
margin-left: 7px;
font-size: 15px;
}

.sahand-topbar-item.highlight strong {
color: #ff6b6b;
}

.sahand-topbar-item a {
color: #fff;
text-decoration: none;
transition: .25s;
}

.sahand-topbar-item a:hover {
color: #ffd43b;
}

.sahand-topbar-item.eita a {
background: linear-gradient(90deg, #8b5cf6, #ec4899);
padding: 5px 12px;
border-radius: 20px;
box-shadow: 0 0 12px rgba(139,92,246,.35);
}

@keyframes sahandMove {
0% {
transform: translateX(0);
}
100% {
transform: translateX(50%);
}
}

@keyframes shine {
0% {
left: -150px;
}
50%, 100% {
left: 110%;
}
}

@media (max-width: 768px) {
.sahand-topbar {
height: 35px;
}

.sahand-topbar-item {
font-size: 11px;
margin-left: 40px;
}

.sahand-topbar-item .icon {
font-size: 13px;
}
}

/* توقف حرکت هنگام لمس/هاور */
.sahand-topbar:hover .sahand-topbar-track {
animation-play-state: paused;
}
</style>

<div class="sahand-topbar-item">
<span class="icon">🕘</span>
<strong>ساعت پاسخگویی:</strong>
9 الی 15 و 18 الی 21
</div>

<div class="sahand-topbar-item">
<span class="icon">📦</span>
<strong>ارسال از:</strong>
شنبه 25 مرداد ماه
</div>

<div class="sahand-topbar-item">
<span class="icon">🔥</span>
<strong>قیمت‌ها بروز هستند</strong>
</div>

<div class="sahand-topbar-item eita">
<span class="icon">💬</span>
<a href="#" target="_blank">
جهت ارتباط از طریق ایتا کلیک کنید
</a>
</div>

<div class="sahand-topbar-item">
<span class="icon">🕘</span>
<strong>ساعت پاسخگویی:</strong>
9 الی 15 و 18 الی 21
</div>

<div class="sahand-topbar-item">
<span class="icon">📦</span>
<strong>ارسال از:</strong>
شنبه 25 مرداد ماه
</div>

<div class="sahand-topbar-item">
<span class="icon">🔥</span>
<strong>قیمت‌ها بروز هستند</strong>
</div>

<div class="sahand-topbar-item eita">
<span class="icon">💬</span>
<a href="#" target="_blank">
جهت ارتباط از طریق ایتا کلیک کنید
</a>
</div>

</div>
</div>

قیمت بلبرینگ 6802

جستجو در نتایج

مرتب‌سازی براساس:

بلبرینگ 6802 واشرلاستیکی 2RS برند NDB

94,000

برگشت به بالا