.archive-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.archive-card { background: var(--color-surface); border-radius: 16px; box-shadow: var(--shadow-card); overflow: hidden; display: flex; flex-direction: column; }
.archive-card img { width: 100%; height: 200px; object-fit: cover; }
.archive-card__body { padding: 16px; display: grid; gap: 10px; }
.archive-card__title { font-size: 18px; font-weight: 700; margin: 0; }
.archive-card__text { color: var(--color-text-muted); font-size: 14px; }
.archive-card__price { color: var(--color-accent-strong); font-weight: 700; }
.pagination { display: flex; justify-content: space-between; margin-top: 28px; color: var(--color-text-muted); }