.mda-gal-sys.v1 {

    /* ---------- CATEGORY GROUPS ---------- */
    .mda-gal-sys-cat > ul {
        list-style: none;
        padding: 0;
    }

    /* ---------- GALLERY CARD ---------- */
    .gal-crd {
        text-decoration: none;
        color: inherit;
        overflow: hidden;
        transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;
    }

    .gal-crd:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 24px hsl(from var(--text-color) h s l / 0.08);
    }

    .gal-cvr {
        aspect-ratio: 4 / 3;
        overflow: hidden;
        background: hsl(from var(--text-color) h s l / 0.08);
    }

    .gal-img,
    .gal-img > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* No-image fallback — keeps the grid rhythm when a gallery has no cover. */
    .gal-placeholder {
        background: linear-gradient(135deg, hsl(from var(--text-color) h s l / 0.08) 0%, hsl(from var(--text-color) h s l / 0.25) 100%);
    }

    .gal-date {
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: hsl(from var(--text-color) h s l / 0.55);
        font-size: 0.75rem;
    }

    /* ---------- REDUCED MOTION ---------- */
    @media (prefers-reduced-motion: reduce) {
        .gal-crd {
            transition: none;
        }

        .gal-crd:hover {
            transform: none;
        }
    }
}