.mcenter-card-colours {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    width: 100%;
    margin: 8px 0 0;
    padding: 0;
    line-height: 1;
}
.mcenter-card-colours.mcenter-colours-center { justify-content: center; }
.mcenter-card-colours.mcenter-colours-start { justify-content: flex-start; }
.mcenter-card-colours.mcenter-colours-end { justify-content: flex-end; }
.mcenter-card-colours .mcenter-colour-dot {
    display: block;
    flex: 0 0 12px;
    width: 12px;
    height: 12px;
    min-width: 12px;
    border: 1px solid rgba(0, 0, 0, .16);
    border-radius: 50%;
    box-sizing: border-box;
    background: var(--mc-colour);
    margin: 0;
    padding: 0;
}

/* Product links retain the existing card colours and price formatting. */
.mcenter-card-colours a.mcenter-colour-dot,
.mcenter-card-colours a.mcenter-colour-dot:hover {
    text-decoration: none;
    background: var(--mc-colour);
    cursor: pointer;
}
.mc-linked-price .mcenter-price-link,
.mc-linked-price .mcenter-price-link:hover,
.mc-linked-price .mcenter-price-link:visited {
    display: block;
    padding-top: 6px;
    color: inherit;
    text-decoration: none;
}
.mcenter-card-colours a.mcenter-colour-dot:focus-visible,
.mc-linked-price .mcenter-price-link:focus-visible {
    outline: 2px solid #4a1026;
    outline-offset: 3px;
}