.hbc-certification {
    padding: 12px;
    /* background: #ecebe4; */
}

.hbc-certification-grid {
    display: grid;
    grid-template-columns: repeat(var(--hbc-cert-cols, 4), minmax(0, 1fr));
    gap: var(--hbc-cert-gap, 14px);
    align-items: start;
}

.hbc-certification-card {
    margin: 0;
    padding: 3px;
    border: 2px solid #2f83eb;
    background: #ffffff;
    box-sizing: border-box;
}

.hbc-certification-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    background: #fff;
}

@media (max-width: 980px) {
    .hbc-certification-grid {
        grid-template-columns: repeat(var(--hbc-cert-cols-tablet, 2), minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .hbc-certification {
        padding: 10px;
    }

    .hbc-certification-grid {
        grid-template-columns: repeat(var(--hbc-cert-cols-mobile, 1), minmax(0, 1fr));
        gap: max(8px, calc(var(--hbc-cert-gap, 14px) * 0.75));
    }
}