/* ── Přehled kategorií e-shopu (kategorie-eshopu) ───────── */

.cat-tree-grid {
  display: grid; grid-template-columns: 1fr;
  gap: var(--space-4); padding-bottom: var(--space-10);
}
@media (min-width: 640px)  { .cat-tree-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .cat-tree-grid { grid-template-columns: repeat(3, 1fr); } }

.cat-tree-card {
  background: var(--color-white); border: 1px solid var(--color-fog);
  border-radius: var(--radius-lg); padding: var(--space-5);
}
.cat-tree-card__title {
  font-family: var(--font-display); font-size: var(--text-lg); font-weight: 700;
  text-transform: uppercase; letter-spacing: var(--tracking-snug);
  margin-bottom: var(--space-3); padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--color-fog);
}
.cat-tree-card__title a { color: var(--color-forest); }
.cat-tree-card__title a:hover { color: var(--color-forest-dark); }

.cat-tree { display: flex; flex-direction: column; gap: var(--space-1); }
.cat-tree__link { font-size: var(--text-sm); font-weight: 600; color: var(--color-ink); display: inline-block; padding: 2px 0; }
.cat-tree__link:hover { color: var(--color-forest); }

.cat-tree__sub { padding-left: var(--space-4); display: flex; flex-direction: column; }
.cat-tree__sub a { font-size: var(--text-xs); color: var(--color-slate); display: inline-block; padding: 1px 0; }
.cat-tree__sub a:hover { color: var(--color-forest); }