חנות

.kosher-banner-300×60 {
width: 300px;
height: 60px;
/* גרדיאנט כתום רך ונעים המבוסס על צבעי המותג שלך */
background: linear-gradient(135deg, #f77a4a 0%, #F15A24 100%);
position: relative;
overflow: hidden;
border-radius: 6px; /* פינות מעוגלות עדינות */
display: flex;
align-items: center;
justify-content: center;
font-family: 'Heebo', 'Assistant', Arial, sans-serif; /* פונטים עבריים מודרניים ונקיים */
color: #ffffff;
direction: rtl;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.banner-frame {
position: absolute;
width: 100%;
text-align: center;
font-size: 18px;
font-weight: 700;
opacity: 0;
/* אנימציה חלקה של 6 שניות (2 שניות לכל פריים) */
animation: fadeAndSlide 6s infinite ease-in-out;
}

/* תזמוני כניסה לכל שורה */
.frame-1 { animation-delay: 0s; }
.frame-2 { animation-delay: 2s; }
.frame-3 { animation-delay: 4s; }

/* הגדרת האנימציה: כניסה רכה מצד ימין (RTL) ודעיכה */
@keyframes fadeAndSlide {
0% {
opacity: 0;
transform: translateX(10px);
}
10% {
opacity: 1;
transform: translateX(0);
}
23% {
opacity: 1;
transform: translateX(0);
}
33% {
opacity: 0;
transform: translateX(-10px);
}
100% {
opacity: 0;
}
}