.abc-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}
.abc-filter{padding:8px 16px;border-radius:20px;border:1px solid #ddd;background:#f4f4f4;cursor:pointer}
.abc-filter.active{background:#222;color:#fff}

#abc-posts{opacity:0;transition:opacity .6s ease}
#abc-posts.visible{opacity:1}

.abc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}

.abc-card{position:relative;height:340px;text-decoration:none;overflow:hidden}
.abc-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s ease}
.abc-card:hover .abc-bg{transform:scale(1.08)}
.abc-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.abc-content{position:relative;z-index:2;color:#fff;text-align:center;top:50%;transform:translateY(-50%);padding:20px}

/* ↓ MINIMALNIE MNIEJSZY TYTUŁ */
.abc-content h3{
    font-weight:300;
    margin-bottom:8px;
    font-size:1.2rem;
    line-height:1.3;
}

.abc-content p{font-weight:300;opacity:.9;font-size:.9rem}

.abc-pages{display:flex;justify-content:center;gap:8px;margin:40px 0}
.abc-page{padding:8px 14px;border:1px solid #ddd;background:#f4f4f4;cursor:pointer}
.abc-page.active{background:#222;color:#fff}

@media(max-width:768px){
  .abc-cards{grid-template-columns:1fr}
}