.mzip { --gap: 18px; --radius: 8px; }
.mzip__grid { display:grid; grid-template-columns:repeat(1,1fr); gap:var(--gap); }
@media (min-width: 640px){ .mzip__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px){ .mzip__grid { grid-template-columns: repeat(3, 1fr); } }
.mzip[data-cols="4"] .mzip__grid { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 960px){ .mzip[data-cols="4"] .mzip__grid { grid-template-columns: repeat(4, 1fr); } }
.mzip[data-cols="5"] .mzip__grid { grid-template-columns: repeat(5, 1fr); }
.mzip[data-cols="6"] .mzip__grid { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 1024px){ .mzip[data-cols="6"] .mzip__grid { grid-template-columns: repeat(6, 1fr); } }

/* Usuwamy ewentualne białe znaki narzucone przez motyw */
.mzip, .mzip * { white-space: normal; }

.mzip__card { position: relative; overflow: visible; background: #fff; border-radius: 0; }
.mzip__thumb { display:block; position:relative; aspect-ratio:4/3; overflow:hidden; background:#e5e7eb; border-radius: var(--radius); }
.mzip__img { width:100%; height:100%; object-fit:cover; display:block; border-radius: var(--radius); }
.mzip__placeholder { display:block; width:100%; height:100%; background: linear-gradient(135deg,#d1d5db,#e5e7eb); border-radius: var(--radius); }

/* Tytuł */
.mzip__title { 
  font-family: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  font-weight: 600;
  font-size: 1.2em;
  line-height: 1.25;
  margin: 12px 12px 8px;
}
.mzip--font-system .mzip__title {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif;
}
.mzip__title a { text-decoration: none; color: inherit; }
.mzip__title a:hover { text-decoration: underline; }

.mzip__excerpt { margin: 10px 14px 14px; color: #374151; }
.mzip__empty { color: #6b7280; }

/* Skeleton loader (obrazek + tytuł shimmer) */
.mzip__card.is-skeleton .mzip__thumb,
.mzip__card.is-skeleton .mzip__title {
  position: relative;
  overflow: hidden;
  background: #e5e7eb;
}
.mzip__card.is-skeleton .mzip__thumb { border-radius: var(--radius); }
.mzip__card.is-skeleton .mzip__thumb::after,
.mzip__card.is-skeleton .mzip__title::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, rgba(229,231,235,0) 0%, rgba(255,255,255,0.6) 50%, rgba(229,231,235,0) 100%);
  animation: mzip-shimmer 1.2s infinite;
}
.mzip__card.is-skeleton .mzip__title {
  height: 1.2em;
  margin: 12px 12px 8px;
  border-radius: 6px;
}
@keyframes mzip-shimmer { 100% { transform: translateX(100%); } }

/* Fade-in final content */
.mzip .mzip__img { opacity: 0; transition: opacity .25s ease; }
.mzip.mzip--loaded .mzip__img, .mzip.mzip__title, .mzip.mzip__excerpt { opacity: 1; }

.mzip .mzip__title{opacity:1 !important;}