/* ── Webian Gallery Widget ── */

.webian-gallery-wrap {
    --webian-columns: 2;
    --webian-gap: 20px;
}

.webian-gallery-grid {
    display: grid;
    grid-template-columns: repeat( var( --webian-columns ), 1fr );
    gap: var( --webian-gap );
}

.webian-gallery-masonry {
    columns: var( --webian-columns );
    column-gap: var( --webian-gap );
}
.webian-gallery-masonry .webian-image-item {
    break-inside: avoid;
    margin-bottom: var( --webian-gap );
}

.webian-image-item {
    position: relative;
    overflow: hidden;
    display: block;
    line-height: 0;
    cursor: pointer;
}
.webian-image-item::after {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 300ms ease;
    pointer-events: none;
}
.webian-image-item img {
    width: 100%;
    height: auto;
    display: block;
}