/* ── Картка запису блогу ────────────────────────────────────────────────── */
.post-card { display: grid; grid-template-rows: auto 1fr; gap: var(--space-5); min-width: 0; }

.post-card__image { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--color-bg-warm); border-radius: var(--radius); }
.post-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.post-card:hover .post-card__image img { transform: scale(1.03); }
.post-card__placeholder { display: grid; place-items: center; width: 100%; height: 100%; opacity: .5; }
.post-card__placeholder img { width: 160px; height: auto; object-fit: contain; transform: none; }

.post-card__body { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.post-card__meta { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); font-size: var(--fs-xs); letter-spacing: var(--ls-caps); text-transform: uppercase; color: var(--color-muted); }
.post-card__category::before { content: ''; display: inline-block; width: 16px; height: 1px; margin: 0 var(--space-3) 3px 0; background: var(--color-primary); }
.post-card__title { font-size: var(--fs-h3); font-weight: var(--fw-regular); line-height: 1.25; letter-spacing: var(--ls-heading); }
.post-card__link { color: var(--color-heading); transition: color var(--transition); }
.post-card__link:hover { color: var(--color-accent); }
.post-card__excerpt { color: var(--color-text); }
.post-card__more { margin-top: auto; padding-bottom: 2px; font-size: var(--fs-sm); font-weight: var(--fw-medium); letter-spacing: var(--ls-caps); text-transform: uppercase; color: var(--color-heading); border-bottom: 1px solid var(--color-primary); transition: color var(--transition), border-color var(--transition); }
.post-card__more:hover { color: var(--color-accent); border-color: var(--color-accent); }

@media (prefers-reduced-motion: reduce) {
    .post-card__image img { transition: none; }
    .post-card:hover .post-card__image img { transform: none; }
}

/* ── Адаптив ────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
    .post-card { gap: var(--space-4); }
    .post-card__title { font-size: var(--fs-lg); }
    .post-card__link { display: inline-block; padding-block: var(--space-1); }
    .post-card__more { display: inline-flex; align-items: center; min-height: 44px; padding-bottom: 0; border-bottom: 0; box-shadow: inset 0 -1px 0 var(--color-primary); }
}