#cards {
    display: grid;
    /* Dva sloupce: první se přizpůsobí obsahu, druhý zabere zbytek */
    grid-template-columns: auto 1fr; 
    align-items: center; /* Vertikální vycentrování */
    background:#fff;
    /* background-color: #ffffff; */
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}

/* První div (Comgate) zůstává vlevo (výchozí chování) */
.comgatelogo {
    display: flex;
    justify-content: flex-start;
}

/* Druhý div (Karty) dotlačíme doprava */
.cardlogos {
    display: flex;
    justify-content: flex-end;
}

/* Jednotná správa SVG */
#cards svg {
    display: block;
    height: 20px; /* Vaše osvědčená výška */
    width: auto;
}

/* Verze pro mobilní telefony */
@media (max-width: 600px) {
    #cards {
        /* Změna na jeden sloupec */
        grid-template-columns: 1fr; 
        gap: 20px;
        justify-items: center; /* Vycentrování obsahu v mřížce */
        padding: 20px 10px;
    }

    .comgatelogo, .cardlogos {
        justify-content: center; /* Na mobilu vše na střed */
    }

    #cards svg {
        height: 30px; /* Na mobilu mírně zmenšíme */
    }
}