
:root {
    --row-h: 100px;                     /* tweak if you want a taller row */
}
    /* Row with min height 40px and 1/4 of its height as clear space on top */
.store-row {
    min-height: calc(var(--row-h) * 1.75);
    padding-top: calc(var(--row-h) / 4); /* 1/4 clear vertical space */
    padding-bottom: calc(var(--row-h) / 4); /* 1/4 clear vertical space */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;           /* space between badges */
}

.store-row img {
    forced-color-adjust: none;
}

.store-row-small {
    min-height: calc(var(--row-h) * 1);
    padding-top: calc(var(--row-h) / 8); /* 1/4 clear vertical space */
    padding-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 0;           /* space between badges */
}

.store-row-small img {
    forced-color-adjust: none;
}

.badge-apple {
    height: calc(var(--row-h) / 1.5);
    padding: calc(var(--row-h) / 4);       /* invisible space around it */
    border: none;
}
.badge-google {
    height: var(--row-h);
    /*padding: calc(var(--row-h) / 4 + 1);       !* invisible space around it *!*/
    border: none;
}

.badge-qr {
    height: calc(var(--row-h) * 2);
    padding: calc(var(--row-h) / 4);       /* invisible space around it */
    background: none;   /* keeps it visually clean */
    border: none;
}