.cases-find .banner { margin-top: var(--space-7); }

.card-grid + .img-slot { margin-top: var(--space-6); }

.cl-filter { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: baseline; margin-top: var(--space-7); }
.cl-filter__label { flex: none; color: var(--color-muted); font-size: var(--fs-xs); font-weight: 700; }
.cl-filter__list { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.cl-chip {
  display: inline-flex; gap: 6px; align-items: center; padding: 6px var(--space-4);
  border: 1px solid var(--color-line); border-radius: var(--radius-pill);
  background: var(--color-white); color: var(--color-ink); font-size: var(--fs-xs); text-decoration: none;
}
.cl-chip:hover { border-color: var(--color-orange); color: var(--color-orange); }
.cl-chip.is-current { border-color: var(--color-ink); background: var(--color-ink); color: var(--color-white); }
.cl-chip.is-empty { border-style: dashed; color: var(--color-muted); }
.cl-chip__n { color: inherit; font-size: var(--fs-label); opacity: 0.7; }

.cl-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); margin: var(--space-6) 0 0; padding: 0; list-style: none; }
.cl-card__link {
  display: flex; flex-direction: column; height: 100%; overflow: hidden;
  border: 1px solid var(--color-line-card); border-top: 3px solid var(--color-orange);
  border-radius: var(--radius-m); background: var(--color-white); color: inherit; text-decoration: none;
}
.cl-card__link:hover { border-color: var(--color-orange); box-shadow: var(--shadow-card); }
.cl-card__media { flex: none; aspect-ratio: 16 / 9; background: var(--color-paper); }
.cl-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cl-card__body { display: flex; flex: 1; flex-direction: column; padding: var(--space-5); }
.cl-card__co { color: var(--color-ink); font-size: var(--fs-small); font-weight: 700; }
.cl-card__ind { margin-top: 2px; color: var(--color-muted); font-size: var(--fs-xs); }
.cl-card__title { margin-top: var(--space-3); font-family: var(--font-sans); font-size: var(--fs-h4); font-weight: var(--fw-heading); line-height: 1.6; }
.cl-card__eff { margin-top: var(--space-3); color: var(--color-muted); font-size: var(--fs-small); line-height: 1.9; }
.cl-card__prod { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-4); }
.cl-card__prod span { padding: 2px var(--space-3); border: 1px solid var(--color-line); border-radius: var(--radius-pill); color: var(--color-muted); font-size: var(--fs-label); font-weight: 700; }
.cl-card__go { margin-top: auto; padding-top: var(--space-4); }

.cl-none { margin-top: var(--space-6); padding: var(--space-7) var(--space-5); border: 1px dashed var(--color-line); border-radius: var(--radius-m); background: var(--color-paper); text-align: center; }
.cl-none__t { font-size: var(--fs-h4); font-weight: var(--fw-heading); }
.cl-none__s { margin-top: var(--space-3); color: var(--color-muted); font-size: var(--fs-small); line-height: 1.9; }
.cl-none .btn { margin-top: var(--space-5); }

@media (max-width: 1024px) { .cl-cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) {
  .cl-cards { grid-template-columns: 1fr; }
  .cl-filter { flex-direction: column; gap: var(--space-2); }
}
.cl-card__media--none { display: flex; align-items: center; justify-content: center; background: var(--color-paper); }
.cl-card__media--none span { color: var(--color-muted); font-size: var(--fs-h4); font-weight: var(--fw-heading); letter-spacing: 0.04em; }