/* ProWeb Grid Gallery */
.pwgg-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}

.pwgg-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    height: 120px;
    overflow: hidden;
}

.pwgg-item img {
    max-width: 70%;
    max-height: 70%;
    object-fit: contain;
    display: block;
    transition: all 0.3s ease;
}

/* Separators — pseudo-elements */
.pwgg-grid.pwgg-sep .pwgg-item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    bottom: 10px;
    width: 1px;
    background-color: #E0E0E0;
    pointer-events: none;
}

.pwgg-grid.pwgg-sep .pwgg-item::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 1px;
    background-color: #E0E0E0;
    pointer-events: none;
}

/* Hide outer edges: right edge of last column */
.pwgg-grid.pwgg-sep.pwgg-sep-hide-outer .pwgg-item:nth-child(4n)::after {
    display: none;
}

/* Hide outer edges: bottom of last row — JS adds this class */
.pwgg-grid.pwgg-sep.pwgg-sep-hide-outer .pwgg-item.pwgg-last-row::before {
    display: none;
}

/* Animations — initial hidden state */
.pwgg-grid.pwgg-anim .pwgg-item {
    opacity: 0;
}

.pwgg-grid.pwgg-anim[data-animation="fade-in"] .pwgg-item {
    opacity: 0;
}

.pwgg-grid.pwgg-anim[data-animation="fade-up"] .pwgg-item {
    opacity: 0;
    transform: translateY(20px);
}

.pwgg-grid.pwgg-anim[data-animation="zoom-in"] .pwgg-item {
    opacity: 0;
    transform: scale(0.85);
}

/* Animated-in state */
.pwgg-grid.pwgg-anim .pwgg-item.pwgg-visible {
    opacity: 1;
    transform: none;
}

/* Disable animations in editor */
.elementor-editor-active .pwgg-grid.pwgg-anim .pwgg-item {
    opacity: 1 !important;
    transform: none !important;
}