/* אפקט מורפינג – מעבר צורה חלק בין חיתוכים */
.hero-item {
    transition: clip-path 0.6s ease-in-out, transform 0.4s ease;
}

/* צורות שונות בהובר */
.hero-item:nth-child(1):hover {
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
}
.hero-item:nth-child(2):hover {
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
}
.hero-item:nth-child(3):hover {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}
.hero-item:nth-child(4):hover {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%);
}

/* אפקט נוסף – זום עדין */
.hero-item:hover {
    transform: scale(1.02);
    z-index: 20;
}