/* --- Cinematic Image Reveal Effect --- */
.p-img-v3 {
    position: relative;
    overflow: hidden;
}

.reveal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primary);
    z-index: 5;
    transform: translateX(-100%);
    transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

.p-img-v3 img {
    transform: scale(1.2);
    opacity: 0;
    transition: transform 1.2s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s ease;
}

/* الحالة عند ظهور العنصر */
.p-card-v3.revealed .reveal-overlay {
    animation: reveal-swipe 1.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.p-card-v3.revealed img {
    transform: scale(1);
    opacity: 1;
    transition-delay: 0.4s;
}

@keyframes reveal-swipe {
    0% { transform: translateX(-100%); }
    50% { transform: translateX(0); }
    100% { transform: translateX(100%); }
}