.dpf-wrap{margin:10px 0}
.dpf-filters{display:flex;flex-wrap:wrap;gap:8px}
.dpf-btn{cursor:pointer;border:1px solid #ddd;padding:8px 12px;border-radius:6px;background:#fff}
.dpf-btn.is-active{border-color:#111}
.dpf-grid{display:grid;gap:18px}
.dpf-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dpf-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dpf-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.dpf-card{border:1px solid #eee;border-radius:10px;overflow:hidden}
.dpf-thumb img{display:block;width:100%;height:auto}
.dpf-content{padding:12px}
.dpf-title{margin:0 0 6px;font-size:16px;line-height:1.3}
.dpf-meta{font-size:12px;opacity:.7}

/* Filter hiding (mere robust end jQuery show/hide) */
.dpf-item.is-hidden{display:none !important;}

@media (max-width: 980px){
  .dpf-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dpf-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 560px){
  .dpf-grid.cols-4,.dpf-grid.cols-3,.dpf-grid.cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}
}