/* ==========================================================================
   modul: categories — default skin
   Detail kategorie: podkategorie + výpis produktů (preset category_listing).
   ========================================================================== */

.category-subcategories,
.category-products {
    display: grid;
    gap: var(--space-4);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 var(--space-6);
    padding: 0;
    list-style: none;
}

.category-subcategories a,
.category-products a {
    display: block;
    padding: var(--space-3) var(--space-4);
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius);
    text-decoration: none;
}

.category-subcategories a:hover,
.category-products a:hover {
    border-color: var(--color-accent);
    background: var(--color-accent-soft);
}

@media (max-width: 48rem) {
    .category-subcategories,
    .category-products { grid-template-columns: minmax(0, 1fr); }
}