.afp-wrap{max-width:1200px;margin:0 auto;padding:20px}
.afp-filters{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 20px}
.afp-filter{border:1px solid #ddd;background:#fff;padding:8px 14px;border-radius:999px;cursor:pointer}
.afp-filter.is-active{background:#000;color:#fff;border-color:#000}

.afp-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:18px;
}

.afp-item{display:block;color:inherit;text-decoration:none}
.afp-thumb{border-radius:16px;overflow:hidden;background:#f3f3f3;aspect-ratio: 1 / 1}
.afp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.afp-thumb--empty{width:100%;height:100%}

.afp-meta{padding:10px 2px}
.afp-cat{font-size:13px;opacity:.7;margin-bottom:4px}
.afp-title{font-size:16px;font-weight:600}

.afp-more{display:flex;justify-content:center;margin-top:18px}
.afp-more-btn{border:1px solid #ddd;background:#fff;padding:10px 22px;border-radius:12px;cursor:pointer}
.afp-loading{margin-top:10px;opacity:.7}

@media (max-width: 1024px){
  .afp-grid{grid-template-columns:repeat(3, 1fr)}
}
@media (max-width: 768px){
  .afp-grid{grid-template-columns:repeat(2, 1fr)} /* ✅ 모바일 2열 */
}
@media (max-width: 420px){
  .afp-grid{grid-template-columns:1fr}
}