.blog-preview{--bp-gap:24px;--bp-radius:12px;--bp-accent:var(--color-primary,#8e4ccf);margin:48px 0}
.blog-preview__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}
.blog-preview__title{margin:0}
.blog-preview__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--bp-gap);list-style:none;margin:0;padding:0}
.blog-preview__item{margin:0;display:flex;flex-direction:column}
.blog-preview__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.blog-preview__link:hover .blog-preview__name{text-decoration:underline}
.blog-preview__media{aspect-ratio:4/3;overflow:hidden;border-radius:var(--bp-radius);background:#f3f3f3;margin-bottom:14px}
.blog-preview__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.blog-preview__link:hover img{transform:scale(1.03)}
.blog-preview__meta{font-size:.85em;opacity:.65;margin-bottom:6px}
.blog-preview__name{margin:0 0 8px;line-height:1.3}
.blog-preview__perex{margin:0;opacity:.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* 4. karta – dlaždice „Další články“ */
.blog-preview__cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;aspect-ratio:4/3;border-radius:var(--bp-radius);background:var(--bp-accent);color:#fff;text-align:center;padding:24px;text-decoration:none;transition:filter .25s ease,transform .25s ease}
.blog-preview__cta:hover,.blog-preview__cta:focus-visible{color:#fff;text-decoration:none;filter:brightness(1.08);transform:translateY(-2px)}
.blog-preview__cta-text{font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.blog-preview__cta-sub{font-size:.9em;opacity:.85}
.blog-preview__cta-arrow{font-size:1.8em;line-height:1;transition:transform .25s ease}
.blog-preview__cta:hover .blog-preview__cta-arrow{transform:translateX(6px)}

@media (max-width:991px){
  .blog-preview__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:575px){
  .blog-preview{margin:32px 0}
  .blog-preview__grid{grid-template-columns:1fr;gap:20px}
  .blog-preview__head{flex-direction:column;gap:4px}
  .blog-preview__cta{aspect-ratio:auto;flex-direction:row;padding:18px 24px}
  .blog-preview__cta-sub{display:none}
}