/* קוד זה מוסיף את אפקט הזום כאשר עומדים על הכרטיס */

/* מגדיר את הכרטיס כקונטיינר ומבטיח שהזום לא יחתוך את הפינות */
.card1 {
    transition: transform 0.3s ease-in-out; /* הוספת מעבר חלק (אנימציה) */
    overflow: hidden; /* חותך כל תוכן שגולש מעבר לגבולות הכרטיס */
}

/* אפקט הזום עצמו כאשר עומדים על הכרטיס */
.card1:hover {
    transform: scale(1.03); /* מגדיל את הכרטיס ב-3% */
    z-index: 10; /* מבטיח שהכרטיס המוגדל יופיע מעל אלמנטים אחרים */
}

/* אם תרצה שהזום יהיה רק על התמונה: */
.card1 img {
    transition: transform 0.4s ease-in-out; 
}

.card1:hover img {
    transform: scale(1.05); /* מגדיל רק את התמונה ב-5% */
}


.site-header.sticky-top {
    position: sticky !important;
    top: 0 !important;
    z-index: 1020 !important; /* ודא שהוא מעל לרוב האלמנטים */
}