.ag-grid{
    column-count:4;
    column-gap:20px;
}

.ag-item{
    break-inside:avoid;
    margin-bottom:20px;
}

.ag-item img{
    width:100%;
    display:block;
    border-radius:12px;
}

.ag-ocr{
    max-height:0;
    overflow:hidden;
    opacity:0;
    pointer-events:none;
}

.ag-filters{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:25px;
     justify-content:center;
}

.ag-filters button{
    cursor:pointer;
}

.ag-load-wrap{
    text-align:center;
    margin-top:30px;
}

@media(max-width:1024px){
    .ag-grid{
        column-count:3;
    }
}

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

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

.ag-item img{
    transition:transform .3s ease, opacity .3s ease;
}

.ag-item:hover img{
    transform:scale(1.04);
    opacity:0.95;
}

.ag-author{
    text-align:center;
    padding:0 10px;
    font-size:15px;
    font-weight:600;
    line-height:1.4;
    color:#333;
    background:#f6f6f6;
}