/* ==========================================================================
   modul: catalog — default skin
   Mřížka výpisu + detail skládaný layout builderem (presety catalog_basic,
   catalog_stack nad bázemi media_left / stack).
   ========================================================================== */

.catalog-list {
    display: grid;
    gap: var(--space-5);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
}

.catalog-list li {
    padding: var(--space-4);
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius);
    background: var(--color-bg);
}

.catalog-list a { font-weight: 500; text-decoration: none; }
.catalog-list a:hover { text-decoration: underline; }

/* -- báze layout builderu ------------------------------------------------- */
.layout-media-left {
    display: grid;
    gap: var(--space-6);
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    align-items: start;
}

.layout-stack { display: block; }

.catalog-item__attributes { width: 100%; }
.catalog-item__attributes th { width: 12rem; color: var(--color-fg-muted); font-weight: 500; }

@media (max-width: 48rem) {
    .catalog-list { grid-template-columns: minmax(0, 1fr); }
    .layout-media-left { grid-template-columns: minmax(0, 1fr); }
}