/* ========================================
   ISOTOPE LAYOUT - RESPONSIVE GRID
   ======================================== */

/* Default: 3 columns */
.elementor-loop-container {
    display: flex;
    flex-wrap: wrap;
    margin: -7.5px; /* half gap for negative margin */
}

.elementor-loop-container .e-loop-item {
    width: calc(33.333% - 15px);
    margin: 7.5px;
    box-sizing: border-box;
}

/* 2 columns below 1366px */
@media (max-width: 1366px) {
    .elementor-loop-container .e-loop-item {
        width: calc(50% - 15px);
    }
}

/* 1 column below 1024px */
@media (max-width: 1024px) {
    .elementor-loop-container .e-loop-item {
        width: calc(100% - 15px);
    }
}

/* ========================================
   GRID FADE-IN EFFECT
   ======================================== */

/* Hide grid by default */
.elementor-loop-container {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

/* Show grid when isotope is ready */
.elementor-loop-container.isotope-ready {
    opacity: 1;
}