/* generated by scripts/css-min.php from ../shared.css — edit the source, never this file */
.vonnik-catmood { margin: 0 0 var(--vonnik-space-6); } .vonnik-catmood img, .vonnik-catmood video { display: block; width: 100%; aspect-ratio: 21 / 9; max-height: 340px; object-fit: cover; border-radius: var(--vonnik-radius); } .vonnik-subcats { margin: 0 0 var(--vonnik-stack-l); } .vonnik-subcats ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--vonnik-space-5); } @media (min-width: 1000px) { .vonnik-subcats ul:not(:has(> li:nth-child(3))) { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); } } .vonnik-subcats a { display: flex; align-items: center; gap: var(--vonnik-space-5); padding: var(--vonnik-space-4) var(--vonnik-space-5) var(--vonnik-space-4) var(--vonnik-space-4); border: var(--vonnik-border-hairline) solid var(--vonnik-border); border-radius: var(--vonnik-radius); background: var(--vonnik-surface); color: var(--vonnik-navy); text-decoration: none; min-height: 96px; } .vonnik-subcats a:hover { border-color: var(--vonnik-blue); color: var(--vonnik-blue); } .vonnik-subcats__pic { flex: 0 0 auto; } .vonnik-subcats__pic img { display: block; width: 72px; height: 72px; object-fit: cover; border-radius: var(--vonnik-radius); } .vonnik-subcats__text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: var(--vonnik-space-1); } .vonnik-subcats__name { font-weight: var(--vonnik-weight-bold); font-size: var(--vonnik-text-l); line-height: 1.25; } .vonnik-subcats__label { font-weight: var(--vonnik-weight-regular); font-size: var(--vonnik-text-s); line-height: 1.3; color: var(--vonnik-ink-soft); } @media (max-width: 999.98px) { .vonnik-subcats ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vonnik-catmood img, .vonnik-catmood video { aspect-ratio: 16 / 9; } } @media (max-width: 479.98px) { .vonnik-subcats ul { grid-template-columns: minmax(0, 1fr); gap: var(--vonnik-space-4); } .vonnik-subcats a { min-height: 0; } .vonnik-subcats__pic img { width: var(--vonnik-control-thumb); height: var(--vonnik-control-thumb); } .vonnik-catmood img { aspect-ratio: 4 / 3; } }