.opzci-pliki { width: 100%; }
.opzci-pliki-filter { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 28px; }
.opzci-pliki-filter__item { display:inline-flex; align-items:center; justify-content:center; padding:8px 14px; border:1px solid #d9dce1; border-radius:999px; text-decoration:none; background:#fff; color:#333; font-size:14px; line-height:1.2; transition:all .18s ease; }
.opzci-pliki-filter__item:hover, .opzci-pliki-filter__item.is-active { background:#111; color:#fff; border-color:#111; }
.opzci-pliki-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.opzci-pliki[data-columns="2"] .opzci-pliki-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.opzci-pliki[data-columns="4"] .opzci-pliki-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.opzci-pliki-card { overflow:hidden; display:flex; flex-direction:column; height:100%; background:#fff; border:1px solid #e3e5e8; border-radius:14px; box-shadow:0 2px 12px rgba(0,0,0,.04); }
.opzci-pliki-card__cover { display:block; }
.opzci-pliki-card__cover img { 
  display:block; 
  max-width:100%; 
  height:auto; 
  object-fit:cover; 
  transition:transform .25s ease; }
.opzci-pliki-card__cover:hover img { transform:scale(1.025); }
.opzci-pliki-card__body { display:flex; flex-direction:column; flex:1; padding:20px; }
.opzci-pliki-card__categories { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.opzci-pliki-card__categories span { font-size:12px; line-height:1.2; padding:5px 8px; border-radius:6px; background:#f0f1f3; }
.opzci-pliki-card__title { margin:0 0 10px; font-size:14px; line-height:1.3; }
.opzci-pliki-card__excerpt { margin-bottom:16px; color:#5f6368; font-size:14px; line-height:1.6; }
.opzci-pliki-card__meta { display:flex; gap:12px; margin-top:auto; margin-bottom:14px; color:#6b7075; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.opzci-pliki-card__button { 
  display:inline-flex; 
  align-items:center; 
  justify-content:center; 
  min-height:42px; 
  color:#fff; 
  text-decoration:none; 
    background-color: #77C02F;
    font-family: "Lexend", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    border-radius: 10px 10px 10px 10px;
    padding: 16px 20px 16px 20px;

}
.opzci-pliki-card__button:hover { color:#fff; opacity:.9; }
.opzci-pliki-card__missing { color:#a33; font-size:13px; }
.opzci-pliki-empty { padding:30px; text-align:center; border:1px dashed #d9dce1; border-radius:12px; }
@media (max-width: 900px) { .opzci-pliki-grid, .opzci-pliki[data-columns="4"] .opzci-pliki-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .opzci-pliki-grid, .opzci-pliki[data-columns="2"] .opzci-pliki-grid, .opzci-pliki[data-columns="4"] .opzci-pliki-grid { grid-template-columns:1fr; } .opzci-pliki-card__title { font-size:18px; } }

.opzci-pliki-category { margin: 0 0 46px; }
.opzci-pliki-category__title { margin: 0 0 22px; padding-bottom: 10px; border-bottom: 2px solid #e3e5e8; font-size: 28px; line-height: 1.25; }
.opzci-pliki-category:last-child { margin-bottom: 0; }
.opzci-pliki-category--uncategorized { margin-top: 10px; }
@media (max-width: 620px) { .opzci-pliki-category__title { font-size: 23px; } }