.pti-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}
.pti-grid.columns-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.pti-grid.columns-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.pti-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.pti-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.pti-grid.columns-5{grid-template-columns:repeat(5,minmax(0,1fr));}
.pti-grid.columns-6{grid-template-columns:repeat(6,minmax(0,1fr));}

.pti-card{
    display:flex;
    flex-direction:column;
    overflow:hidden;
    min-width:0;
}

.pti-image{
    display:block;
    line-height:0;
}

.pti-image img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    transition:transform .25s ease;
}

.pti-card:hover .pti-image img{
    transform:translateZ(0) scale(1.01);
}

.pti-title{
    margin:16px 0 0;
    font-size:20px;
    line-height:1.35;
}

.pti-title a{
    color:inherit;
    text-decoration:none;
}

.pti-empty{
    grid-column:1/-1;
}

@media (max-width: 1024px){
    .pti-grid.columns-4,
    .pti-grid.columns-5,
    .pti-grid.columns-6{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 767px){
    .pti-grid,
    .pti-grid.columns-2,
    .pti-grid.columns-3,
    .pti-grid.columns-4,
    .pti-grid.columns-5,
    .pti-grid.columns-6{
        grid-template-columns:repeat(1,minmax(0,1fr));
    }
}