
.apep-portfolio-wrapper{font-family:Arial,Helvetica,sans-serif}
.apep-filter-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:22px;flex-wrap:wrap}
.apep-filter-buttons button{padding:8px 16px;border-radius:30px;border:1px solid #e6e6e6;background:#fff;cursor:pointer}
.apep-filter-buttons button.active{background:#111;color:#fff;border-color:#111}
.apep-portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.apep-item{background:#fff;border-radius:6px;overflow:hidden;border:1px solid #f3f3f3}
.apep-img-wrap{position:relative;overflow:hidden}
.apep-img-wrap img{width:100%;height:auto;display:block;transition:transform .35s ease}
.apep-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.55);opacity:0;transition:opacity .2s}
.apep-img-wrap:hover img{transform:scale(1.06)}
.apep-img-wrap:hover .apep-overlay{opacity:1}
.apep-overlay a{color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;background:transparent;border:1px solid rgba(255,255,255,0.2)}
.apep-meta{padding:14px;text-align:left}
.apep-cat{display:block;font-size:12px;color:#777;text-transform:uppercase;margin-bottom:6px}
.apep-title{margin:0;font-size:18px}
.apep-desc{margin-top:8px;color:#666;font-size:14px}
.apep-load-wrap{text-align:center;margin-top:20px}
.apep-load-more{padding:10px 18px;border-radius:6px;border:0;background:#111;color:#fff;cursor:pointer}
@media(max-width:600px){.apep-portfolio-grid{grid-template-columns:1fr}}
