.insta-snap {
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    height: calc(100vh - 120px);
}
.snap-item {
    scroll-snap-align: start;
}
.heart-pop {
    animation: pop 0.3s ease-out;
}
@keyframes pop {
    0% { transform: scale(1); }
    50% { transform: scale(1.4); }
    100% { transform: scale(1); }
}
.shimmer {
    background: linear-gradient(90deg, #efefef 25%, #f5f5f5 50%, #efefef 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}
@keyframes shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Issue 7: Fix Feeds image cropping (Height Auto / Uncropped) */
.feed-aspect-ratio {
    position: relative;
    width: 100%;
    /* Remove fixed aspect ratio for uncropped view */
    height: auto; 
    overflow: hidden;
    background-color: #f9f9f9;
}

.feed-aspect-ratio img, 
.feed-aspect-ratio video {
    width: 100%;
    height: auto; /* Fit to full width, height auto */
    display: block;
    object-fit: contain; /* Ensures the whole image is visible */
}