/* Gallery Masonry */
.gallery-grid {
    column-count: 3;
    column-gap: 20px;
}

@media (max-width: 991px) {
    .gallery-grid {
        column-count: 2;
    }
}

@media (max-width: 576px) {
    .gallery-grid {
        column-count: 1;
    }
}

.gallery-grid-item {
    margin-bottom: 20px;
    break-inside: avoid;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    box-shadow: var(--shadow-sm);
    transition: transform 0.3s ease;
}

.gallery-grid-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

.gallery-grid-item img {
    width: 100%;
    display: block;
    transition: transform 0.6s ease;
}

.gallery-grid-item:hover img {
    transform: scale(1.08);
}

/* Video Section Styling */
.video-container {
    aspect-ratio: 16 / 9;
    background: #000;
}

.video-card {
    aspect-ratio: 9 / 16; /* Portrait for reels/shorts style */
    background: #000;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.video-card:hover {
    transform: scale(1.03);
}

.video-card video {
    object-fit: cover;
}

/* Mobile Horizontal Scroll Reel */
@media (max-width: 768px) {
    .video-reel-row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 20px;
        -webkit-overflow-scrolling: touch;
        gap: 15px;
    }
    
    .video-reel-row .col-md-3 {
        flex: 0 0 70%; /* Show 70% of one card to indicate scrolling */
        max-width: 70%;
    }
    
    .video-reel-row::-webkit-scrollbar {
        height: 4px;
    }
    
    .video-reel-row::-webkit-scrollbar-thumb {
        background: var(--primary-orange);
        border-radius: 10px;
    }
}